/* ===========================================================================
   CIMIENTO · páginas legales (privacidad, condiciones, eliminación de datos)
   Se carga DESPUÉS de claro.css: usa sus fichas y su base, y solo añade la
   columna de lectura. Las pide Meta para publicar la app (13-oct-2026).
   =========================================================================== */
.legal-barra{ padding:20px 0; }
.legal-barra .marca .n{ width:28px; height:28px; }
.legal{ max-width:760px; margin-inline:auto; padding:32px var(--lado) 96px; }
.legal h1{ font-size:clamp(32px, 5vw, 48px); line-height:1.1; letter-spacing:-.03em; margin-bottom:12px; }
.legal .fecha{ color:var(--n-50); font-size:14px; margin-bottom:40px; }
.legal h2{ font-size:22px; letter-spacing:-.02em; margin:44px 0 12px; }
.legal p, .legal li{ font-weight:400; color:var(--n-80); line-height:1.7; }
.legal p + p{ margin-top:12px; }
.legal ul, .legal ol{ margin:12px 0 0 1.25em; }
.legal ul{ list-style:disc; }
.legal ol{ list-style:decimal; }
.legal li + li{ margin-top:6px; }
.legal ul + p, .legal ol + p{ margin-top:12px; }
.legal a{ color:var(--morado); text-decoration:underline; text-underline-offset:3px; }
.legal strong{ font-weight:600; color:var(--negro); }
.legal .caja{ background:var(--blanco); border:1px solid var(--n-10); border-radius:16px; padding:20px 24px; margin-top:16px; }
.legal-pie{ border-top:1px solid var(--n-10); padding:24px var(--lado) 40px; text-align:center; font-size:14px; color:var(--n-50); }
.legal-pie a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }
.legal-pie a + a{ margin-left:16px; }