/* =========================================================
   legal.css — Estilos compartidos para páginas de políticas
   (Privacidad, Seguridad)
   ========================================================= */

#legal-contenido {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-lg);
}

.legal-texto {
  max-width: 68ch;
  color: var(--gray-500);
}

.legal-texto p {
  color: var(--gray-500);
  margin-bottom: var(--spacing-sm);
}

.legal-texto p:last-child { margin-bottom: 0; }

.legal-texto strong { color: var(--navy); }

@media (max-width: 600px) {
  #legal-contenido { padding-top: var(--spacing-sm); }
}