/* =====================================================================
   8 oct 2026 · legal.css v1
   Estilos de legal.html: Términos y Condiciones, Aviso de Privacidad y
   Disponibilidad. Lectura larga: columna de texto cómoda, cláusulas con
   separación clara y anclas que no quedan debajo de las barras fijas.
   ===================================================================== */
.legal{max-width:760px}
.legal h2{margin-bottom:24px}
.legal h3{scroll-margin-top:calc(var(--gnav) + var(--lnav) + 16px);padding-top:8px}
.legal p,.legal li{line-height:1.6}
.legal b{color:var(--ink);font-weight:500}
.legal ul{margin-top:10px}
.legal a{text-decoration:underline;text-underline-offset:2px}
#terminos,#privacidad,#disponibilidad{scroll-margin-top:calc(var(--gnav) + var(--lnav))}
.hero--compact .sub{max-width:720px}
html.a11y .legal p,html.a11y .legal li{color:var(--ink)}
/* La columna de texto se alinea a la izquierda, como el resto del sitio */
.legal{margin-left:0}
.legal-page .hero.hero--compact{padding-bottom:24px}