/* Legal pages and the 404: the landing's chrome (styles.css, secciones.css) plus a reading column. */
.legal { padding: 24px 0 var(--section); }
.legal h1 { font-size: clamp(1.9rem, 4vw, 2.75rem); }
.legal h2 { font-size: 1.35rem; margin-top: 1.6em; }
.legal ul { padding-left: 1.2em; }
.legal li { margin-bottom: 0.35em; }
/* wide tables scroll inside their own box on phones instead of widening the page */
.tabla { overflow-x: auto; margin: 0 0 1em; }
.tabla:focus-visible { outline-offset: 2px; }
.legal table { border-collapse: collapse; width: 100%; min-width: 34rem; font-size: 0.9375rem; }
.legal th, .legal td { text-align: left; padding: 0.5em 0.6em; border-bottom: 1px solid var(--sillar); vertical-align: top; }
.small { font-size: 0.875rem; }