/* === Overrides automáticos para fondo blanco y centrado de formularios/menús === */
html, body {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Eliminar/transparentar fundido oscuro de modales comunes (Bootstrap, etc.) */
.modal-backdrop,
.modal-backdrop.show {
  background-color: transparent !important;
  opacity: 0 !important;
}

/* Asegurar que contenedores principales no pinten gris/negro */
.main-content, .content, .page-content, .wrapper, .container, .layout, .app-content, .page-wrapper {
  background: #ffffff !important;
}

/* Tarjetas/paneles habituales */
.card, .panel, .box, .widget, .tile, .panel-default, .card-body, .card-content {
  background: #ffffff !important;
}

/* Centrar formularios y "menús" de captura de datos */
form, .form, .form-container, .form-wrapper, .data-entry, .menu, .menu-form, [class*="menu"], [class*="form"] {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  /* Limitar ancho para que se note el centrado */
  max-width: 960px;
}

/* Para modales: centrar diálogo */
.modal .modal-dialog {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* En algunos temas el fondo viene por imagen degradada oscura */
body, .app, .site, .page {
  background-image: none !important;
}

/* Algunos layouts usan gradientes oscuros: forzar blanco */
*:where(.bg-dark, .bg-black, .bg-gray-900, .bg-secondary) {
  background: #ffffff !important;
}

/* Evitar que un overlay/gris del layout cubra el fondo */
.overlay, .backdrop, .drawer-backdrop, .offcanvas-backdrop {
  background: transparent !important;
  opacity: 0 !important;
}