/* ── modules/legal.css — contenido legal (Términos / Privacidad / DPA) ──────
   Reutiliza modules/landing.css (nav, footer, botones, eyebrows, tipografía).
   Solo lo específico del documento: portada compacta sobre el hero navy de
   la landing, prosa y placeholders dorados. Sin header/footer paralelos.
   Fondos planos, sin degradados; botones sin box-shadow (heredado). */

/* Columna de lectura angosta sobre el .wrap de la landing */
.hero--page .wrap,.legal-body .wrap{max-width:800px}

/* Portada: el mismo .hero navy de la landing, en versión compacta */
.hero--page .hero-inner{display:block;padding-top:64px;padding-bottom:48px}
.hero--page h1{font-size:clamp(1.7rem,3.4vw,2.3rem)}
.hero--page .updated{color:rgba(255,255,255,.8);font-size:.9rem;margin-top:8px}
.hero--page .placeholders{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;margin-top:24px;font-size:.92rem;color:var(--ink);line-height:1.6}
.hero--page .placeholders strong{display:block;margin-bottom:6px}
.hero--page .placeholders ul{margin:0;padding-left:1.2rem;color:var(--muted)}

/* Cuerpo del documento */
.legal-body{background:var(--bg)}
.legal-body .wrap{padding-top:36px;padding-bottom:64px}
.legal-body h2{font-size:1.25rem;margin:2rem 0 .6rem;letter-spacing:-.01em}
.legal-body h2:first-child{margin-top:0}
.legal-body p{margin:.6rem 0}
.legal-body ul,.legal-body ol{margin:.6rem 0 .6rem 1.3rem;padding:0}
.legal-body li{margin:.3rem 0}
.legal-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.legal-body a:hover{color:#185a8a}

/* Marca la página activa en el footer (heredado de la landing) */
.footer-legal a[aria-current="page"]{color:#fff;}

@media(max-width:640px){
    .hero--page .hero-inner{padding-top:48px;padding-bottom:36px}
}