/* Casas En Rocha · páginas legales. */
.legal { max-width: 800px; min-width: 0; overflow-wrap: anywhere; }
.legal h1 { margin-block-end: var(--e-2); }
.legal section { scroll-margin-top: 88px; margin-block-start: var(--e-6, 32px); }
.legal section h2 { margin-block-end: var(--e-3); }
.legal p, .legal li { line-height: 1.6; }
.legal ul, .legal ol { padding-inline-start: 1.25rem; }
.legal-version { color: var(--tenue); }
.legal-revision { padding: var(--e-3); border: 1px solid var(--rojo); border-radius: 8px; background: var(--rojo-fondo); color: var(--rojo); font-weight: 600; }
.legal-otros { display: flex; flex-wrap: wrap; gap: 0 var(--e-4); }
.legal-otros a, .legal-indice a, #versiones a, .legal p a { display: inline-flex; align-items: center; min-height: 44px; }
.legal-otros a[aria-current='page'] { color: var(--tinta); font-weight: 600; text-decoration: none; }
.legal-indice { margin-block: var(--e-3); padding: var(--e-3) var(--e-4); border: 1px solid var(--borde); border-radius: 8px; background: var(--blanco); }
.legal-indice h2 { margin-block: 0 var(--e-1); font-size: 1rem; }
.legal-indice ol { margin: 0; }
.legal-estado { margin-block: var(--e-3); padding: var(--e-3); border-radius: 8px; background: var(--aviso-fondo); color: var(--aviso-texto); }
.legal-estado p { margin-block-start: 0; }
.legal-estado button { min-height: 44px; }
.legal-tabla { overflow-x: auto; margin-block: var(--e-3); }
.legal-tabla table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.legal-tabla th, .legal-tabla td { padding: var(--e-2); border: 1px solid var(--borde); text-align: start; vertical-align: top; overflow-wrap: normal; }
.legal-tabla th { background: var(--arena-oscura); }
@media (max-width: 600px) {
  .legal-tabla table { min-width: 520px; }
}