@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 600;font-display:swap;src:url(schibsted-grotesk.woff2) format("woff2")}
:root{
  --noche:#0A1020; --azul:#1F4FE0; --azul-hover:#1A43C2; --cielo:#8FB0FF;
  --fondo:#E8EDF5; --blanco:#FFFFFF; --texto:#273041; --gris:#55657A; --linea:#D3DBE7;
  --sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--fondo);color:var(--texto);font:400 17px/1.6 var(--sans);padding:10px;min-height:100vh;display:flex;flex-direction:column;gap:10px}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:100%;max-width:1200px;margin:0 auto}

/* Aviso antifraude */
.notice{display:flex;gap:10px;align-items:flex-start;justify-content:center;padding:6px 16px;font-size:13px;line-height:1.5;color:var(--gris);text-align:left}
.notice svg{flex:none;color:var(--azul);margin-top:2px}
.notice b{color:var(--texto);font-weight:500}

/* Portada */
.hero{position:relative;overflow:hidden;border-radius:28px;background:var(--noche);color:#fff;min-height:min(86vh,820px);display:flex;flex-direction:column}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,32,.35) 0%,rgba(10,16,32,.15) 35%,rgba(10,16,32,.85) 78%,rgba(10,16,32,.95) 100%)}
.bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 40px}
.brand .logo{display:block;width:150px;height:auto}
.bar a.mail{font-size:15px;color:rgba(255,255,255,.82);text-decoration:none}
.bar a.mail:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hero-body{position:relative;margin-top:auto;padding:0 40px 48px;max-width:860px}
h1{font-weight:500;font-size:clamp(36px,6vw,72px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.lead{margin-top:24px;max-width:600px;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:rgba(255,255,255,.86)}
.actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:500 17px/1 var(--sans);text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.btn svg{flex:none}
.btn-primary{background:var(--azul);color:#fff}
.btn-primary:hover{background:var(--azul-hover)}
.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn:focus-visible,.bar a:focus-visible,.foot a:focus-visible{outline:2px solid var(--cielo);outline-offset:3px}

/* Datos */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:56px 40px 64px}
.fact{border-top:2px solid var(--noche);padding-top:20px}
.fact h2{font-size:20px;font-weight:500;line-height:1.3;color:var(--noche)}
.fact p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--gris)}

/* Pie */
.foot{border-radius:28px;background:var(--noche);color:rgba(255,255,255,.72);padding:48px 40px 40px;font-size:15px;line-height:1.6}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14)}
.foot-brand .logo{display:block;width:170px;height:auto}
.foot-brand p{margin-top:12px;color:var(--cielo)}
.foot dl{display:grid;grid-template-columns:auto 1fr;gap:6px 24px}
.foot dt{color:rgba(255,255,255,.5)}
.foot dd{color:#fff}
.foot dd a{text-decoration:none}
.foot dd a:hover{text-decoration:underline;text-underline-offset:3px}
.foot-legal{padding-top:24px;font-size:13px;color:rgba(255,255,255,.55)}

@media (max-width:820px){
  .facts{grid-template-columns:1fr;gap:28px;padding:40px 16px 48px}
}
@media (max-width:600px){
  body{padding:8px}
  .bar{padding:20px}
  .bar a.mail{display:none}
  .brand .logo{width:132px}
  .hero{min-height:76vh;border-radius:22px}
  .notice{padding:4px 8px}
  .hero-body{padding:0 20px 28px}
  .lead{margin-top:18px}
  .actions{flex-direction:column}
  .btn{width:100%}
  .foot{padding:36px 20px 28px;border-radius:22px}
  .foot dl{grid-template-columns:1fr;gap:0}
  .foot dd{margin-bottom:10px}
}
/* Aviso de datos bajo los botones */
.consent{margin-top:16px;max-width:600px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.7)}
.consent a{color:#fff;text-underline-offset:2px}
.foot-legal a{color:rgba(255,255,255,.8);text-underline-offset:2px}

/* Página de política */
.doc{background:var(--blanco);border-radius:28px;padding:clamp(24px,5vw,64px);max-width:900px;width:100%;margin:0 auto}
.doc-bar{background:var(--noche);border-radius:28px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.doc-bar .logo{display:block;width:140px;height:auto}
.doc-bar a.back{color:rgba(255,255,255,.85);font-size:15px;text-decoration:none}
.doc-bar a.back:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.doc h1{font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.1;letter-spacing:-.01em;color:var(--noche)}
.doc .meta{margin-top:12px;font-size:15px;color:var(--gris)}
.doc h2{margin-top:36px;font-size:20px;font-weight:500;color:var(--noche)}
.doc p,.doc li{margin-top:10px;font-size:16px}
.doc ul{padding-left:1.2em}
.doc dl{margin-top:12px;display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:16px}
.doc dt{color:var(--gris)}
.doc a{color:var(--azul)}
@media (max-width:600px){.doc dl{grid-template-columns:1fr;gap:0}.doc dd{margin-bottom:8px}}