/* Dropdown hover más oscuro */
.dropdown-menu.bg-dark .dropdown-item:hover,
.dropdown-menu.bg-dark .dropdown-item:focus {
  background-color: #121212;
  color: #fff !important;
}

/* Botones dark-mode */
.btn-dark-mode {
  background-color: #1a1a1a !important;
  color: #f1f1f1 !important;
  border-color: #333 !important;
}

.btn-dark-mode:hover,
.btn-dark-mode:focus {
  background-color: #121212 !important;
  color: #fff !important;
}

/* Modales */
.modal.dark-mode {
  --bs-modal-bg: #1a1a1a;
  --bs-modal-color: #f1f1f1;
  color: #f1f1f1;
}

.dark-mode input.form-control,
.dark-mode textarea,
.dark-mode select.form-select,
.dark-mode .form-label,
.dark-mode .form-check-label {
  background-color: #1a1a1a;
  color: #f1f1f1;
  border-color: #333;
}

/* Placeholder oscuro */
.dark-mode ::placeholder {
  color: #b0b0b0 !important;
  opacity: 1;
}

/* Radios y checkboxes */
.dark-mode .form-check-input {
  background-color: #121212;
  border-color: #333;
}

/* Alerts */
.alert.dark-mode {
  background-color: #1a1a1a;
  color: #f1f1f1;
  border-color: #333;
}

/* Cards */
.card.dark-mode {
  background-color: #1a1a1a;
  color: #f1f1f1;
  border-color: #333;
}

/* Tables */
.table.dark-mode {
  color: #f1f1f1;
  border-color: #333;
}

.table.dark-mode th,
.table.dark-mode td {
  border-color: #333;
}

.dark-mode .text-muted {
  color: #b0b0b0 !important;
}

.logo-inverted {
  filter: invert(100%);
}