/* Páginas legales: privacidad, aviso legal y términos (sobre /ui/styles.css y web.css) */
.legal { max-width: 820px; margin: 0 auto; padding: 24px 24px 60px; }
.legal .card { padding: 30px 34px; margin-top: 18px; }
.legal h1 { font-size: 30px; font-weight: 700; letter-spacing: -.02em; }
.legal h2 { font-size: 18px; margin: 24px 0 6px; }
.legal p, .legal li { color: var(--text-2); line-height: 1.65; }
.legal ul { padding-left: 20px; }
.legal .updated { color: var(--text-3); font-size: 13px; margin-top: 4px; }
.legal .data { list-style: none; padding: 14px 18px; border-radius: 12px; background: var(--field); border: 1px solid var(--line); }
.legal .data li { margin: 2px 0; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 18px; padding: 0 4px; font-size: 13.5px; }
.legal-nav a { color: var(--text-2); text-decoration: none; font-weight: 600; }
.legal-nav a:hover, .legal-nav a[aria-current="page"] { color: var(--green-2); }
.legal [lang="en"] { display: none; }
html[lang="en"] .legal [lang="es"] { display: none; }
html[lang="en"] .legal [lang="en"] { display: block; }
html[lang="en"] .legal-nav [lang="es"], .legal-nav [lang="en"] { display: none; }
html[lang="en"] .legal-nav [lang="en"] { display: inline; }
@media (max-width: 560px) { .legal .card { padding: 22px 20px; } }