/* legal.css: texto legible para aviso-legal, privacidad y cookies (usa los tokens de base.css). */
.legal { padding: calc(var(--bar-h) + var(--s-8)) 0 var(--s-9); }
.legal__in { max-width: 70ch; }
.legal h1 { font-size: var(--t-h2); line-height: 1.05; letter-spacing: -.03em; font-weight: 650; margin: var(--s-3) 0 var(--s-3); }
.legal h2 { font-size: 1.375rem; line-height: 1.2; font-weight: 650; margin: var(--s-7) 0 var(--s-3); }
.legal p, .legal li, .legal dd, .legal td, .legal th { font-size: var(--t-body); line-height: 1.6; }
.legal p, .legal ul, .legal dl, .legal .legal__table { margin-top: var(--s-3); }
.legal ul { padding-left: 1.25em; }
.legal li + li { margin-top: var(--s-2); }
.legal a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.legal a:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.legal__upd, .legal__sum { color: var(--ink-2); }
.legal__sum { border-left: 3px solid var(--field); padding-left: var(--s-4); }
.legal dt { font-weight: 600; margin-top: var(--s-3); }
.legal dd { margin: 0; }
.legal__table { overflow-x: auto; }
.legal table { border-collapse: collapse; width: 100%; min-width: 34rem; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: var(--s-3); border: 1px solid var(--field); }
.legal__todo { font-weight: 600; background: color-mix(in srgb, var(--solved-ink) 14%, transparent); padding: 0 .25em; border-radius: 3px; }