/* legal.css — estilo sobrio para páginas legales */
.legal-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.legal-header .bar{display:flex;align-items:center;justify-content:space-between;height:74px}
.legal-wrap{max-width:820px;margin-inline:auto;padding-block:var(--space-8) var(--space-10)}
.legal h1{font-size:var(--text-3xl);margin-bottom:var(--space-1)}
.legal .updated{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);display:block}
.legal h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-top:var(--space-6);margin-bottom:var(--space-2)}
.legal p{color:var(--aw-graphite);margin-bottom:var(--space-2)}
.legal ul{list-style:disc;padding-left:1.3em;display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-2)}
.legal li{color:var(--aw-graphite)}
.legal a{color:var(--aw-blue);text-decoration:underline;text-underline-offset:2px}
.todo{background:var(--aw-sand);border:1px dashed var(--border-strong);border-radius:6px;padding:1px 7px;font-size:.92em;color:var(--aw-graphite);font-family:var(--font-mono)}
.legal .note{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-muted)}
.back{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-muted)}
.back:hover{color:var(--ink)}