/* CAMBIO DE MIRADA. · Páginas legales: reutilizan el sistema de /encaje (encaje.css).
   «legal-page» y no «legal»: encaje.css ya usa .legal para la nota del consentimiento. */
.legal-page { padding-top: calc(var(--header-h) + clamp(56px, 10vh, 110px)); padding-bottom: clamp(72px, 12vh, 120px); max-width: calc(var(--col) + 2 * var(--margin)); }
.legal-page .back { margin-top: clamp(32px, 5vh, 48px); }
.legal-page .back .btn { text-decoration: none; }
/* Textos legales (decisión 058): lectura cómoda, con la escala de tipografia.css. */
.legal-fecha { margin-top: 18px; font-size: var(--fs-note); color: var(--muted); }
.legal-sec { margin-top: clamp(36px, 5vh, 52px); max-width: 68ch; }
.legal-sec h2 { margin: 0 0 14px; font: var(--w-mid) var(--fs-sub)/var(--lh-sub) var(--font); letter-spacing: -.005em; }
.legal-sec p, .legal-sec li { font-size: var(--fs-body); line-height: var(--lh-text); color: #2b2b2b; }
.legal-sec p + p, .legal-sec ul + p, .legal-sec p + ul { margin-top: 12px; }
.legal-sec ul { margin: 0; padding-left: 1.1em; list-style: disc; }
.legal-sec li + li { margin-top: 6px; }
.legal-sec strong { font-weight: var(--w-mid); color: var(--ink); }
.legal-sec a { color: inherit; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-datos { list-style: none !important; padding: 0 !important; margin: 14px 0 !important; border-top: 1px solid var(--hair); }
.legal-datos li { margin: 0 !important; padding: 11px 0; border-bottom: 1px solid var(--hair); }
.legal-datos span { display: inline-block; min-width: 12.5em; font-weight: var(--w-mid); color: var(--muted); }
@media (max-width: 760px) { .legal-datos span { display: block; min-width: 0; margin-bottom: 2px; } }
.legal-pendiente { margin-top: 14px; color: var(--verm); font-size: var(--fs-small); }