/* Estilos compartidos por todas las páginas de keytra.eu */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#fff;font-family:'Inter',system-ui,sans-serif;color:#0B1220;-webkit-font-smoothing:antialiased;}
a{color:#1456D6;text-decoration:none;}
a:hover{color:#0D47FF;}
::selection{background:rgba(13,71,255,0.15);}

.wrap{max-width:1200px;margin:0 auto;padding-left:28px;padding-right:28px;}
.grad-text{background:linear-gradient(120deg,#0D47FF,#00B3A6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.eyebrow{font-size:12px;font-weight:700;color:#1456D6;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;}
.pill{display:inline-block;font-size:13px;font-weight:700;color:#1456D6;background:rgba(13,71,255,0.08);padding:7px 18px;border-radius:999px;margin-bottom:22px;}

/* Botones */
.btn-grad{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0D47FF,#1890FF,#00D4C8);padding:10px 20px;border-radius:8px;white-space:nowrap;}
.btn-grad:hover{color:#fff;filter:brightness(1.07);}
.btn-primary{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:#0D47FF;padding:10px 20px;border-radius:8px;}
.btn-primary:hover{color:#fff;background:#0736B5;}
.btn-outline{display:inline-block;flex:none;font-size:14px;font-weight:700;color:#0D47FF;border:1.5px solid #0D47FF;padding:11px 24px;border-radius:9px;background:#fff;}
.btn-outline:hover{color:#0D47FF;background:rgba(13,71,255,0.06);}

/* Navbar */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #EDF0F6;}
.nav-inner{padding-top:14px;padding-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand span{font-weight:700;font-size:19px;color:#0B1220;letter-spacing:-0.01em;}
.nav-links{display:flex;gap:26px;font-size:14px;font-weight:500;}
.nav-links a{color:#41506B;}
.nav-links a:hover{color:#0D47FF;}
.nav-links a.active{color:#0D47FF;font-weight:700;}
.nav-actions{display:flex;align-items:center;gap:16px;}
.nav-login{font-size:14px;font-weight:600;color:#0B1220;}

/* Footer */
.footer{background:#0B1220;}
.footer-inner{padding-top:34px;padding-bottom:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.footer-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.5);}
.footer-links{display:flex;gap:18px;font-size:12px;flex-wrap:wrap;}
.footer-links a,.footer-social a,.footer-cookies,.footer-contact{color:rgba(255,255,255,0.55);}
.footer-links a:hover,.footer-social a:hover,.footer-cookies:hover,.footer-contact:hover{color:#fff;}
.footer-contact{font-size:12px;}
.footer-social{display:flex;gap:14px;align-items:center;}
.footer-cookies{background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;padding:0;}
.footer-disclaimer{border-top:1px solid rgba(255,255,255,0.06);}
.footer-disclaimer .wrap{padding-top:14px;padding-bottom:22px;font-size:11.5px;line-height:1.6;color:rgba(255,255,255,0.45);}

/* Banner de cookies (AEPD) */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;justify-content:center;padding:clamp(14px,2vw,24px);}
.cookie-banner[hidden]{display:none;}
.cookie-card{width:100%;max-width:880px;border:1px solid #E1E6F0;border-radius:18px;background:rgba(255,255,255,0.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 70px -24px rgba(11,18,32,0.35);overflow:hidden;}
.cookie-bar{height:3px;background:linear-gradient(90deg,#0D47FF,#1890FF,#00D4C8);}
.cookie-body{padding:clamp(16px,2vw,22px) clamp(20px,2.4vw,26px);}
.cookie-head{display:flex;align-items:center;gap:10px;margin-bottom:7px;}
.cookie-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(13,71,255,0.07);border:1px solid #DCE6F8;font-size:14px;}
.cookie-title{font-size:15.5px;font-weight:700;}
.cookie-text{font-size:13px;line-height:1.5;color:#51607A;margin:0 0 14px;}
.cookie-text a{font-weight:600;}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.cookie-actions button{flex:1 1 auto;min-width:140px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:11px 20px;border-radius:9px;}
.cookie-accept{color:#fff;border:none;background:linear-gradient(135deg,#0D47FF,#1890FF,#00D4C8);box-shadow:0 10px 24px -12px rgba(13,71,255,0.6);}
.cookie-accept:hover{filter:brightness(1.07);}
.cookie-reject{color:#0B1220;border:1px solid #D6DCE8;background:#fff;}
.cookie-reject:hover{background:#F4F6FB;}

@media (max-width:900px){
  .nav-links{display:none;}
}
@media (max-width:560px){
  .wrap{padding-left:16px;padding-right:16px;}
  .nav-login{display:none;}
}