/* legal.css — El aviso legal es un DOCUMENTO de la misma tinta que el atlas (tokens + base). Estilos fuera del HTML:
   la CSP publicada no admite <style> inline. Un idioma visible cada vez, según <html lang>. */
.legal { max-width: 760px; margin: 0 auto; padding: 24px clamp(16px, 5vw, 48px) 64px; line-height: 1.6; }
.legal__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.legal__home { font-family: var(--font-display); letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink); }
.legal h1 { font-size: clamp(30px, 6vw, var(--t-2)); margin: 18px 0 6px; }
.legal h2 {
  font-family: var(--font-mono); font-weight: 500; font-size: var(--t--2); letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--live); margin: 30px 0 8px; padding-top: 12px; border-top: 1px solid var(--line);
}
.legal p, .legal li { margin: 8px 0; }
.legal ul { padding-left: 20px; }
.legal__date { font-size: var(--t--2); color: var(--ink-dim); }
.legal__owner { font-size: var(--t--1); border: 1px solid var(--line); border-radius: var(--radius); padding: 10px 12px; }
.legal__pending { color: var(--tense-text); }
[data-lang-block] { display: none; }
html[lang='en'] [data-lang-block='en'], html[lang='es'] [data-lang-block='es'] { display: block; }