body {
  background-color: #121212;
  color: #fff;
  font-family: Arial, sans-serif;
  margin: 0;
  padding-top: 56px; /* para que el contenido no quede debajo del header fijo */
  padding-bottom: 55px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.content-wrapper {
  background-color: inherit;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
  .content-wrapper,
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
  .main-footer,
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
  .main-header {
  margin-left: 0;
}

h1 {
  font-size: 3em;
  margin-bottom: 0.3em;
  color: #efb810;
}
p {
  color: #aaa;
}
.navbar {
  background-color: #9a9999 !important; /* color al pasar el ratón */
}

.navbar .nav-link {
  color: #000000 !important; /* color del header normal */
  transition: color 0.2s ease;
  font-weight: 700;
}

.navbar .nav-link:hover {
  color: #efb810 !important; /* color del header al pasar el ratón */
}

.navbar .nav-link:focus,
.navbar .nav-link:active {
  color: #cccccc !important; /* evita que cambie de color al hacer clic */
  text-decoration: none;
}

.footer {
  background-color: #494949;
  color: white;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  transition: transform 0.4s ease-in-out;
  transform: translateY(0);
  z-index: 1000;
}

.footer.hidden {
  transform: translateY(100%);
}

.footer-link {
  color: white;
  text-decoration: none;
  margin-left: 5px;
}

.footer-link:hover {
  color: #efb810; /* color de los enlaces al pasar el ratón */
}
nav.navbar {
  z-index: 1020;
}

/* Adjust navbar for admin sidebar */
body.with-sidebar nav.navbar,
body.with-sidebar div.content-wrapper {
  margin-left: 220px !important; /* match sidebar width */
}
body.sidebar-collapsed nav.navbar,
body.sidebar-collapsed div.content-wrapper {
  margin-left: 60px !important; /* collapsed sidebar width */
}

.top-right-toast-alert {
  margin-top: 3.5em !important;
}

.dark-card {
  background-color: #1c1c1c !important;
  color: #f1f1f1 !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Headings inside card */
.dark-card h1,
.dark-card h2,
.dark-card h3,
.dark-card h4 {
  color: #ffffff !important;
}

/* Inputs inside card */
.dark-card .form-control,
.dark-card select,
.dark-card input,
.dark-card textarea {
  background-color: #2a2a2a !important;
  border: 1px solid #444 !important;
  color: #fff !important;
}

/* Select2 dropdown */
.dark-card .select2-container--default .select2-selection--single {
  background-color: #2a2a2a !important;
  border: 1px solid #444 !important;
  color: #fff !important;
}

.dark-card
  .select2-container--default
  .select2-results
  > .select2-results__options {
  background-color: #1f1f1f !important;
  color: #fff !important;
}

/* Buttons */
.dark-card .btn {
  border-radius: 6px;
}

.select2-dark .select2-selection--single {
  background-color: #2a2a2a !important;
  border: 1px solid #444 !important;
  height: 38px !important;
  color: #fff !important;
}

.select2-dark .select2-selection__rendered {
  color: #fff !important;
  line-height: 38px !important;
}

.select2-dark .select2-selection__arrow {
  height: 38px !important;
}

.select2-container--open.select2-dark .select2-selection--single {
  border-color: #666 !important;
}

/* Dropdown menu */
.select2-dark.select2-dropdown,
.select2-dark .select2-results {
  background-color: #1c1c1c !important;
  color: #fff !important;
  border: 1px solid #444 !important;
}

/* Dropdown items */
.select2-dark .select2-results__option {
  background-color: #1c1c1c !important;
  color: #fff !important;
}

.select2-dark .select2-results__option--highlighted {
  background-color: #333 !important;
  color: #fff !important;
}

.select2-dark .select2-results__option--selected {
  background-color: #292929 !important;
}