/* Modo claro */
.navbar-custom {
  background-color: #ffffff !important;
}
.logo-dark {
  display: none;
}
.logo-light {
  display: inline;
}

/* Modo oscuro */
[data-bs-theme="dark"] .navbar-custom {
  background-color: #212529 !important;
}
[data-bs-theme="dark"] .logo-dark {
  display: inline;
}
[data-bs-theme="dark"] .logo-light {
  display: none;
}
/* Scrollbar en modo oscuro */
[data-bs-theme="dark"] *::-webkit-scrollbar {
  background-color: #dee2e6 !important;
}
[data-bs-theme="dark"] *::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
  background-color: #dee2e6 !important;
}
[data-bs-theme="dark"] *::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.2);
  background-color: #343a40 !important;
}

html {
  overflow-y: scroll;
}
html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1; /* Hace que el contenido crezca y empuje el footer hacia abajo */
}
@media (max-width: 767px) { 
  .switch {
    margin-left: auto !important;
  }
}
thead tr th { 
  position: sticky;
  top: -2px;
  z-index: 10;
  border: #343a40 !important;
}
.table-responsive {
  overflow:scroll;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #343a401f !important;
}
*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #343a401f !important;
}
*::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #343a40 !important;
}
.btn-white ,.btn-white:hover {
  background-color: white;
  border-color: #dee2e6;
}