/* Documentos legales: lectura cómoda, una columna, jerarquía clara. */
.legal { background: var(--cal); }
.legal__caja { max-width: 760px; margin: 0 auto; padding: var(--e-7) var(--e-4) var(--e-8); }
.legal__marca { display: inline-flex; align-items: center; gap: var(--e-3); text-decoration: none; color: var(--tinta); margin-bottom: var(--e-6); }
.legal h1 { font-size: var(--t-xl); margin-bottom: var(--e-2); }
.legal__meta { color: var(--tinta-3); font-size: var(--t-s); margin-bottom: var(--e-6); }
.legal__resumen { background: var(--superficie); border-radius: var(--radio); padding: var(--e-5); box-shadow: var(--sombra); margin-bottom: var(--e-6); }
.legal__resumen h2 { font-size: var(--t-m); margin-bottom: var(--e-3); }
.legal__resumen ul { margin: 0; padding-left: 1.2em; display: grid; gap: var(--e-2); color: var(--tinta-2); font-size: var(--t-s); }
.legal h2 { font-size: var(--t-l); margin: var(--e-6) 0 var(--e-3); }
.legal h3 { font-size: var(--t-m); margin: var(--e-5) 0 var(--e-2); }
.legal p, .legal li { color: var(--tinta-2); font-size: var(--t-s); line-height: 1.7; }
.legal p + p { margin-top: var(--e-3); }
.legal ul, .legal ol { padding-left: 1.3em; display: grid; gap: var(--e-2); }
.legal strong { color: var(--tinta); }
.legal__nota { background: var(--terracota-suave); border-radius: var(--radio-s); padding: var(--e-4); margin: var(--e-5) 0; }
.legal__pie { margin-top: var(--e-7); padding-top: var(--e-5); border-top: 1px solid var(--linea); font-size: var(--t-xs); color: var(--tinta-3); display: flex; flex-wrap: wrap; gap: var(--e-4); }
.legal__pie a { color: var(--tinta-2); }