main.legal { max-width: 1840px; margin: 0 auto; padding: 32px 20px 80px; line-height: 1.65; color: var(--texto-2); font-size: 16px; }
main.legal h1 { color: var(--texto); font-size: clamp(32px, 6vw, 44px); line-height: 1.05; margin: 28px 0 8px; }
main.legal h2 { color: var(--texto); font-size: 22px; margin: 36px 0 8px; }
main.legal .version { color: var(--texto-4); font-size: 14px; margin: 0 0 24px; }
main.legal .borrador { border: 1px solid var(--acento); border-radius: 14px; padding: 12px 16px; color: var(--texto); }
main.legal .caja { background: var(--tarjeta); border: 1px solid var(--linea); border-radius: 16px; padding: 16px 20px; }
main.legal li { margin-bottom: 6px; }
main.legal a { color: var(--acento); }
footer.legal-pie { border-top: 1px solid var(--linea); padding: 24px 20px; font-size: 13px; color: var(--texto-4); text-align: center; line-height: 1.7; }
footer.legal-pie a { color: var(--texto-3); }

/* En pantallas anchas el texto va en dos columnas: ocupa el ancho sin renglones eternos */
@media (min-width: 1100px) {
  main.legal { columns: 2; column-gap: 72px; padding-left: clamp(16px, 3vw, 48px); padding-right: clamp(16px, 3vw, 48px); }
  main.legal > .marca, main.legal > h1, main.legal > .version, main.legal > p:first-of-type { column-span: all; }
  main.legal h2 { break-after: avoid; }
  main.legal .caja, main.legal ul, main.legal form { break-inside: avoid; }
}