/**
 * Instituto Estoico — Tipografía del contenido legal (Aviso de Privacidad / Términos)
 * Framework-agnóstico: no depende de Tailwind, así que funciona igual en páginas que
 * usan Tailwind (index.html, contacto.html) y en páginas con CSS propio (inscripcion.html).
 * El contenido se inyecta desde assets/legal.js dentro de un contenedor .legal-content.
 */
.legal-content h3 {
  color: #0B2265;
  font-weight: 700;
  font-size: 16px;
  margin: 22px 0 8px;
}
.legal-content h3:first-child { margin-top: 0; }
.legal-content p { margin: 0 0 12px; line-height: 1.6; font-size: 14px; }
.legal-content ul, .legal-content ol { margin: 0 0 12px 22px; }
.legal-content li { margin-bottom: 6px; line-height: 1.5; font-size: 14px; }
.legal-content strong { color: #0B2265; }
.legal-content .legal-date { font-size: 12px; color: #888888; font-style: italic; margin-top: 20px; }