/* SOLUCIÓN DEFINITIVA DE TRANSPARENCIAS */

/* Forzar TODOS los elementos a tener fondos sólidos */
input,
select,
textarea,
button,
[role="button"],
[role="combobox"],
[role="listbox"],
[data-radix-select-trigger],
[data-radix-select-content],
[data-radix-select-item],
[data-radix-popover-content],
.bg-card,
.bg-popover,
.bg-background,
.pwa-install-banner {
  background-color: white !important;
  color: black !important;
  border: 2px solid #e5e7eb !important;
  backdrop-filter: none !important;
}

/* Hover states */
[data-radix-select-item]:hover,
[data-radix-select-item][data-highlighted] {
  background-color: #f3f4f6 !important;
  color: black !important;
}

/* Modo oscuro */
.dark input,
.dark select,
.dark textarea,
.dark button,
.dark [role="button"],
.dark [role="combobox"],
.dark [role="listbox"],
.dark [data-radix-select-trigger],
.dark [data-radix-select-content],
.dark [data-radix-select-item],
.dark [data-radix-popover-content],
.dark .bg-card,
.dark .bg-popover,
.dark .bg-background,
.dark .pwa-install-banner {
  background-color: #1a1a1a !important;
  color: white !important;
  border: 2px solid #333333 !important;
  backdrop-filter: none !important;
}

.dark [data-radix-select-item]:hover,
.dark [data-radix-select-item][data-highlighted] {
  background-color: #333333 !important;
  color: white !important;
}

/* Calendar específico */
.rdp,
.rdp table,
.rdp-month,
.rdp-table {
  background-color: white !important;
  color: black !important;
}

.dark .rdp,
.dark .rdp table,
.dark .rdp-month,
.dark .rdp-table {
  background-color: #1a1a1a !important;
  color: white !important;
}

/* Forzar transparencias a sólido */
*[style*="background-color: transparent"],
*[style*="background: transparent"] {
  background-color: white !important;
}

.dark *[style*="background-color: transparent"],
.dark *[style*="background: transparent"] {
  background-color: #1f2937 !important;
}