/* OperativaCode · páginas legales (privacidad.html, terminos.html)
   Se carga después de styles.css. Texto largo, legible en móvil. */

.legal h1{font-size:clamp(2.1rem,4.6vw,3.8rem);max-width:18ch}
.legal .head{margin-bottom:clamp(32px,4vw,48px)}
.legal .meta{font-size:.92rem;color:var(--ink-2);margin:18px 0 0}
.draft{display:flex;gap:12px;align-items:flex-start;border-radius:18px;background:rgba(185,168,255,.28);padding:16px 18px;margin:0 0 clamp(32px,4vw,48px);max-width:72ch;font-size:.95rem}
.draft b{display:block}
.draft::before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:var(--lila);margin-top:7px;box-shadow:0 0 0 2px var(--bosque)}
.doc{max-width:72ch}
.doc h2{font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.03em;margin:clamp(36px,5vw,52px) 0 14px;font-variation-settings:"opsz" 48}
.doc h2:first-child{margin-top:0}
.doc h3{font-size:1.12rem;letter-spacing:-.02em;margin:24px 0 8px;font-variation-settings:"opsz" 24}
.doc p,.doc li{color:var(--ink-2)}
.doc p{margin:0 0 14px}
.doc ul,.doc ol{margin:0 0 16px;padding-left:1.25em;display:grid;gap:8px}
.doc b,.doc strong{color:var(--ink)}
.doc a{color:var(--ink);font-weight:600;text-underline-offset:3px}
.doc a:hover{text-decoration-thickness:2px}
.todo{background:rgba(185,168,255,.34);color:var(--ink);border-radius:6px;padding:1px 6px;font-weight:600;white-space:normal}
.toc{list-style:none;padding:0;margin:0 0 clamp(32px,4vw,48px);display:flex;flex-wrap:wrap;gap:8px}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none;font-weight:600;font-size:.92rem;color:var(--ink)}
.toc a:hover{box-shadow:inset 0 0 0 1.5px var(--bosque)}