:root {
  --bs-primary: #3c8dbc;
  --bs-primary-rgb: 60, 141, 188;
  --bs-color-contraste: #ffffff;
  --bs-nav-link-color: var(--bs-color-contraste);
  --bs-navbar-color: var(--bs-color-contraste);
}

.btn-primary,
.badge-primary,
.navbar-brand,
.list-group-item.active {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-color-contraste);
}

.btn-primary:hover {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-color-contraste);
  filter: brightness(0.9);
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}

.main-content {
  flex: 1;
}
/* Colores de fondo adicionales */
.bg-indigo      { background-color: indigo !important; color: #fff !important; }
.bg-navy        { background-color: navy !important; color: #fff !important; }
.bg-lightblue   { background-color: lightblue !important; color: #212529 !important; }
.bg-blue        { background-color: #3f6791 !important; color: #212529 !important; }
.bg-teal        { background-color: teal !important; color: #fff !important; }
.bg-olive       { background-color: olive !important; color: #fff !important; }
.bg-lime        { background-color: lime !important; color: #212529 !important; }
.bg-orange      { background-color: orange !important; color: #212529 !important; }
.bg-fuchsia     { background-color: fuchsia !important; color: #fff !important; }
.bg-maroon      { background-color: maroon !important; color: #fff !important; }
.bg-pink        { background-color: pink !important; color: #212529 !important; }
.bg-cyan        { background-color: cyan !important; color: #212529 !important; }
.bg-gray        { background-color: gray !important; color: #fff !important; }
.bg-gray-dark   { background-color: darkgray !important; color: #212529 !important; }
.bg-yellow      { background-color: #ffc107 !important; color: #212529 !important; }

.text-indigo    { color: indigo !important; }
.text-navy      { color: navy !important; }
.text-lightblue { color: lightblue !important; }
.text-teal      { color: teal !important; }
.text-olive     { color: olive !important; }
.text-lime      { color: lime !important; }
.text-orange    { color: orange !important; }
.text-fuchsia   { color: fuchsia !important; }
.text-maroon    { color: maroon !important; }
.text-pink      { color: pink !important; }
.text-cyan      { color: cyan !important; }
.text-gray      { color: gray !important; }
.text-gray-dark { color: darkgray !important; }

.card-detail {
  margin: 0 auto;
  float: none;
  margin-bottom: 10px;
  max-width: 40rem;
  min-width: 0;
}

.toolbar {
    padding-bottom: 10px;
}

.filtro-seleccionado {
    font-weight: bold;
}