/*
 * Parche de alto contraste para mensajes, alertas y notificaciones
 * Forza texto oscuro sobre fondo claro y texto blanco solo sobre fondo oscuro
 */
.mensaje, .alerta, .notificacion, .warning, .error, .info,
[class*="mensaje"], [class*="alerta"], [class*="notificacion"],
[class*="warning"], [class*="error"], [class*="info"] {
  background-color: #fff !important;
  color: #1f2937 !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.mensaje[style*="background"], .alerta[style*="background"], .notificacion[style*="background"],
.warning[style*="background"], .error[style*="background"], .info[style*="background"] {
  color: #1f2937 !important;
}

.mensaje strong, .alerta strong, .notificacion strong, .warning strong, .error strong, .info strong {
  color: #2563eb !important;
}

/* Si el fondo es rojo, amarillo o verde, forzar texto oscuro o blanco según el caso */
.mensaje[style*="background: #f44336"], .alerta[style*="background: #f44336"], .error[style*="background: #f44336"] {
  color: #fff !important;
}
.mensaje[style*="background: #ffeb3b"], .alerta[style*="background: #ffeb3b"], .warning[style*="background: #ffeb3b"] {
  color: #1f2937 !important;
}
.mensaje[style*="background: #4caf50"], .alerta[style*="background: #4caf50"], .info[style*="background: #4caf50"] {
  color: #fff !important;
}