/* Páginas legales: mismo papel y tinta que la app, en modo claro */
main.legal { width: min(100% - 32px, 720px); margin: 0 auto; padding: 32px 0 40px; }
.legal h1 { margin: 12px 0 4px; }
.legal h2 { margin: 36px 0 10px; font-size: 21px; }
.legal table { width: 100%; border-collapse: collapse; margin: 8px 0 14px; font-size: 15px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--linea); }
.legal th { font-weight: 500; color: var(--suave); }
.legal ul { padding-left: 20px; }
.legal li { margin: 6px 0; }
.legal a, .volver a { color: var(--acento); }
.volver { font-size: 15px; }
.aprende .ejercicio { padding-left: 14px; border-left: 2px solid var(--acento); }
.aprende .ejercicio strong { font-weight: 600; }
a.boton.principal { background: var(--acento); border-color: var(--acento); color: var(--fondo); text-decoration: none; }