/* Páginas legales (/privacidad/, /terminos/). HTML estático, sin React:
   se leen y se indexan sin ejecutar JavaScript. Usa los tokens del _ds. */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:var(--warm-white);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--accent-hover)}
a:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px;border-radius:2px}
.lg-top{border-bottom:1px solid var(--border-subtle)}
.lg-top .in{max-width:760px;margin:0 auto;padding:22px clamp(20px,4vw,40px);display:flex;justify-content:space-between;align-items:center;gap:16px}
.lg-top img{height:24px;width:auto;display:block}
.lg-top a.back{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);text-decoration:none}
.lg-top a.back:hover{color:var(--warm-white)}
main{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(20px,4vw,40px) 96px}
.eyebrow{font-size:var(--text-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-tertiary);font-weight:600;font-family:var(--font-sans-alt)}
h1{font-size:var(--text-display-m, clamp(1.8rem,3.4vw,2.6rem));line-height:1.1;margin-top:16px;letter-spacing:-.01em}
.updated{margin-top:14px;color:var(--text-tertiary);font-size:var(--text-body-s)}
.lead{margin-top:28px;color:var(--text-secondary);font-size:var(--text-body-l, 1.1rem)}
h2{font-size:var(--text-h3, 1.2rem);margin-top:48px;padding-top:28px;border-top:1px solid var(--border-subtle)}
h3{font-size:var(--text-body, 1rem);margin-top:24px}
p,ul{margin-top:14px;color:var(--text-secondary)}
ul{padding-left:22px}
li+li{margin-top:6px}
strong{color:var(--text-primary)}
.box{margin-top:24px;padding:20px 22px;border:1px solid var(--border-default);border-radius:var(--radius-m, 12px);background:var(--bg-surface)}
.box p:first-child{margin-top:0}
/* Datos que faltan por completar. Se ven a propósito para que no se publique
   la página sin llenarlos. */
.pendiente{background:var(--warning);color:var(--black-void);padding:0 6px;border-radius:4px;font-weight:700}
footer{max-width:760px;margin:0 auto;padding:28px clamp(20px,4vw,40px) 48px;border-top:1px solid var(--border-subtle);display:flex;gap:20px;flex-wrap:wrap;font-size:var(--text-caption);color:var(--text-tertiary)}
footer a{color:var(--text-secondary)}