/* Botones outline adaptados para modo oscuro */
.dark-mode .btn-outline-secondary {
  color: #ffffff;
  border-color: #aaaaaa;
}
.dark-mode .btn-outline-secondary:hover,
.dark-mode .btn-outline-secondary:focus {
  background-color: #444444;
  color: #ffffff;
  border-color: #bbbbbb;
}

.dark-mode .btn-outline-primary {
  color: #ffffff;
  border-color: #0d6efd;
}
.dark-mode .btn-outline-primary:hover,
.dark-mode .btn-outline-primary:focus {
  background-color: #0d6efd;
  color: #ffffff;
  border-color: #0b5ed7;
}

.dark-mode .btn-outline-success {
  color: #ffffff;
  border-color: #198754;
}
.dark-mode .btn-outline-success:hover,
.dark-mode .btn-outline-success:focus {
  background-color: #198754;
  color: #ffffff;
  border-color: #157347;
}

.dark-mode .btn-outline-danger {
  color: #ffffff;
  border-color: #dc3545;
}
.dark-mode .btn-outline-danger:hover,
.dark-mode .btn-outline-danger:focus {
  background-color: #dc3545;
  color: #ffffff;
  border-color: #bb2d3b;
}

.dark-mode .btn-outline-warning {
  color: #ffffff;
  border-color: #ffc107;
}
.dark-mode .btn-outline-warning:hover,
.dark-mode .btn-outline-warning:focus {
  background-color: #ffc107;
  color: #000000;
  border-color: #ffca2c;
}

.dark-mode .btn-outline-info {
  color: #ffffff;
  border-color: #0dcaf0;
}
.dark-mode .btn-outline-info:hover,
.dark-mode .btn-outline-info:focus {
  background-color: #0dcaf0;
  color: #000000;
  border-color: #31d2f2;
}