/* =====================================
   🎯 SOLUCIÓN ALTERNATIVA - VISIBILIDAD DE DROPDOWN
   ===================================== */

/* Override global styles for select options */
select option {
  background-color: #2A2F40 !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  border: none !important;
  font-size: 14px !important;
  font-family: inherit !important;
}

select option:hover {
  background-color: #3b435a !important;
  color: #66AAD7 !important;
}

select option:checked {
  background-color: #5B9CEC !important;
  color: #ffffff !important;
}

/* WebKit specific styles */
select::-webkit-listbox {
  background-color: #2A2F40 !important;
  border: 1px solid #3b435a !important;
  border-radius: 8px !important;
  padding: 4px !important;
}

select::-webkit-option {
  background-color: #2A2F40 !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  margin: 2px 0 !important;
  border-radius: 4px !important;
}

select::-webkit-option:hover {
  background-color: #3b435a !important;
  color: #66AAD7 !important;
}

select::-webkit-option:checked {
  background-color: #5B9CEC !important;
  color: #ffffff !important;
}

/* Firefox specific styles */
select option {
  background-color: #2A2F40 !important;
  color: #ffffff !important;
}

/* Ensure select background is dark */
select {
  background-color: #2A2F40 !important;
  color: #ffffff !important;
}

/* Force dark theme for dropdowns */
select:focus {
  background-color: #2A2F40 !important;
  color: #ffffff !important;
}

/* Additional specificity for problematic cases */
.registro-formulario select option,
form select option,
.form-group select option {
  background-color: #2A2F40 !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  border: none !important;
  font-size: 14px !important;
}

.registro-formulario select option:hover,
form select option:hover,
.form-group select option:hover {
  background-color: #3b435a !important;
  color: #66AAD7 !important;
}

.registro-formulario select option:checked,
form select option:checked,
.form-group select option:checked {
  background-color: #5B9CEC !important;
  color: #ffffff !important;
}