/* Veriko landing — Legal (privacidad / términos). Hereda base/shell/.hero/.sec de home.css.
   Propio: banner de borrador, layout doc (TOC + cuerpo), tipografía legal legible. Tokens-only. */

.legal-page .hero{padding:44px 0 30px;background:linear-gradient(180deg,var(--color-surface),var(--color-surface-sunken) 85%)}
.legal-page .sec{padding:34px 0 56px}
@media(min-width:768px){.legal-page .hero{padding:56px 0 38px}.legal-page .sec{padding:40px 0 64px}}

/* A11y: eyebrow ≥4.5:1 sobre el hero. */
.legal-page .eyebrow{color:var(--color-text-secondary)}
/* text-secondary (no tertiary): cae sobre la zona hundida del hero, donde tertiary da ~4.35:1 (<4.5). */
.legal-updated{margin:16px 0 0;font-size:13px;color:var(--color-text-secondary)}

/* Banner de borrador (pendiente de revisión legal). */
.legal-draft{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--color-warning);background:var(--color-warning-light);border-radius:var(--radius-lg);margin-bottom:32px}
.ld-ico{flex:none;color:var(--color-warning-text)}
.ld-ico .ic{width:22px;height:22px}
.ld-title{margin:0;font-size:15px;font-weight:700;color:var(--color-warning-text)}
.ld-body{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--color-text-secondary)}

/* Layout del documento: TOC + cuerpo. */
.legal-layout{display:grid;grid-template-columns:1fr;gap:30px}
@media(min-width:900px){.legal-layout{grid-template-columns:230px 1fr;gap:48px;align-items:start}}

/* Índice. */
.legal-toc{font-size:14px}
.toc-h{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}
.legal-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:toc}
.legal-toc li{counter-increment:toc}
.legal-toc a{display:flex;gap:8px;line-height:1.4;color:var(--color-text-secondary)}
.legal-toc a::before{content:counter(toc) ".";color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}
.legal-toc a:hover{color:var(--color-primary)}
@media(min-width:900px){.legal-toc{position:sticky;top:88px}}

/* Cuerpo del documento. */
.legal-body{min-width:0;max-width:72ch;counter-reset:legalsec}
.legal-sec{scroll-margin-top:84px}
.legal-sec + .legal-sec{margin-top:30px}
.legal-sec h2{display:flex;gap:10px;margin:0 0 10px;font-size:19px;font-weight:700;color:var(--color-text-primary);counter-increment:legalsec;text-wrap:balance}
.legal-sec h2::before{content:counter(legalsec) ".";color:var(--color-text-tertiary);font-weight:700}
.legal-sec p{margin:0 0 12px;font-size:15px;line-height:1.65;color:var(--color-text-secondary);text-wrap:pretty}
.legal-sec p:last-child{margin-bottom:0}