/* Páginas legales (aviso de privacidad): página estática fuera de la SPA; solo tokens de /tokens.css. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.legal-pagina{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--sans);font-size:var(--t-texto);line-height:1.6;overflow-wrap:break-word}
.legal-top{background:var(--fondo-barra);padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left))}
.legal-marca{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--sobre-marca);font-weight:700;text-decoration:none}
.legal-marca img{width:28px;height:28px;object-fit:contain}
main.legal{display:block;max-width:760px;margin:16px auto;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px calc(16px + env(safe-area-inset-right)) 28px calc(16px + env(safe-area-inset-left))}
@media (min-width:640px){main.legal{margin:24px auto;padding:28px 32px 36px}}
.legal h1{font-family:var(--display);font-size:var(--t-2);line-height:1.2;margin:8px 0 4px}
.legal h2{font-family:var(--display);font-size:var(--t-3);line-height:1.3;margin:28px 0 6px}
.legal p,.legal li{margin:0 0 10px}
.legal ul{padding-left:22px;margin:0 0 10px}
.legal a{color:var(--marca);font-weight:600}
.legal-meta{color:var(--tinta-2);font-size:var(--t-chico)}
.borrador{background:var(--marca-suave);border:1px solid var(--marca);border-radius:var(--radio-chico);padding:10px 14px;font-size:var(--t-chico)}
.legal-pie{padding:8px calc(16px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}
.legal-pie nav{max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:var(--t-chico)}
.legal-pie a,.legal-boton{color:var(--tinta);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.legal-boton{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.legal a:focus-visible,.legal-pie a:focus-visible,.legal-boton:focus-visible,.legal-marca:focus-visible{outline:3px solid var(--marca);outline-offset:2px}