/* Páginas legales (Aviso legal, Privacidad, Cookies, Canal de denuncias) */
html[lang="es"] .lang-en, html:not([lang="es"]) .lang-es { display: none; }
.legal { padding: 30px 0 90px; }
.legal__wrap { max-width: 860px; }
.legal__back { display: inline-block; margin-bottom: 22px; font-weight: 600; font-size: .95rem; text-decoration: none; color: var(--muted); }
.legal__back:hover { color: var(--accent); }
.legal__title { font-family: var(--font-title); font-weight: 400; font-size: clamp(2rem, 5vw, 3rem); color: var(--indigo); margin: 0 0 4px; }
.legal__updated { color: var(--muted); font-size: .92rem; margin: 0 0 30px; }
.legal h2 { font-family: var(--font-title); font-weight: 400; font-size: 1.35rem; color: var(--ink); margin: 2em 0 .5em; }
.legal p, .legal li { color: var(--text); }
.legal a { color: var(--indigo); }
.legal ul, .legal ol { padding-left: 1.3em; }
.legal li { margin-bottom: .35em; }
.legal__id { display: grid; grid-template-columns: max-content 1fr; gap: 8px 22px; background: var(--sand); padding: 22px 26px; border-radius: var(--leaf); margin: 16px 0; }
.legal__id dt { font-weight: 600; color: var(--ink); }
.legal__id dd { margin: 0; color: var(--text); }
.legal__table { width: 100%; border-collapse: collapse; margin: 14px 0 18px; font-size: .93rem; display: block; overflow-x: auto; }
.legal__table th, .legal__table td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); min-width: 120px; }
.legal__table thead th { background: var(--indigo); color: #fff; font-weight: 600; }
.legal__table thead th:first-child { border-radius: 0 0 0 0; }
.legal__cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; background: var(--cream); padding: 22px 26px; border-radius: var(--leaf-lg); margin: 4px 0 10px; }
.legal__cta p { margin: 0; color: var(--ink); }
.legal__cta .btn { text-decoration: none; color: var(--onyx); }
.legal__cta .btn:hover { color: #fff; }
.legal code { background: var(--sand); padding: 1px 6px; border-radius: 4px; }
@media (max-width: 600px) {
  .legal__id { grid-template-columns: 1fr; gap: 2px; }
  .legal__id dd { margin-bottom: 10px; }
}