/* Paginas legales (2 nov): ingles o espanol segun el boton EN/ES (main.js pone html[lang]) */
.legal { max-width: 820px; margin: 0 auto; padding: 120px var(--pad) 80px; }
.legal .lab { color: var(--acc); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }
.legal h1 { font-size: clamp(34px, 5vw, 60px); margin: 10px 0 6px; line-height: 1; }
.legal .upd { color: var(--muted); font-size: 11px; letter-spacing: .12em; margin: 0 0 34px; }
.legal h2 { font-size: 15px; letter-spacing: .02em; margin: 34px 0 10px; color: var(--ink); }
.legal p, .legal li { color: var(--body); font-size: 15px; line-height: 1.65; }
.legal a { color: var(--acc); }
.legal code { font-size: 13px; color: var(--ink); }
.legal .lid { list-style: none; padding: 16px 18px; margin: 12px 0; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 6px; }
.legal .lid b { color: var(--ink); font-weight: 600; }
.legal .lnav { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 54px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.legal .lnav a { color: var(--muted); } .legal .lnav a:hover { color: var(--ink); }
html[lang="es"] .legal .l-en { display: none; }
html:not([lang="es"]) .legal .l-es { display: none; }