/* Estilos de las páginas legales públicas (Términos, Privacidad).
   preflight de Tailwind está desactivado en el layout, así que la tipografía va acá. */
.legal-page {
    max-width: 72rem;
    width: 92%;
    margin: 120px auto 4rem; /* 120px libra la BarraSuperior absoluta (~header-height) */
    padding: 0 1.25rem;
    color: #1f2937;
    line-height: 1.7;
    font-size: 1.05rem;
}
.legal-page h1 { font-size: 1.9rem; font-weight: 700; color: #14532d; margin-bottom: .5rem; }
.legal-page .legal-meta {
    background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: .5rem;
    padding: 1rem 1.25rem; margin: 1rem 0 2.5rem; font-size: .9rem; color: #374151;
}
.legal-page .legal-meta p { margin: .15rem 0; }
.legal-page h2 { font-size: 1.15rem; font-weight: 600; color: #166534; margin: 2rem 0 .5rem; }
.legal-page p { margin: .5rem 0; }
.legal-page ul { margin: .5rem 0 .5rem 1.5rem; list-style: disc; }
.legal-page li { margin: .25rem 0; }
.legal-page a { color: #16a34a; text-decoration: underline; }
.legal-page .legal-footnote { margin-top: 2.5rem; font-size: .85rem; color: #6b7280; }

@media (prefers-color-scheme: dark) {
    .legal-page { color: #e5e7eb; }
    .legal-page h1, .legal-page h2 { color: #86efac; }
    .legal-page .legal-meta { background: #0b1f13; border-color: #14532d; color: #d1d5db; }
}