:root {
  --azul-idema: #183884;
}

.card-custom {
  height: 100% !important;
  max-width: 40rem !important;
  background-color: rgba(255, 255, 255, 0.9);
}

.gap-1 {
  gap: 0.5rem;
}

#offcanvas-menu {
  width: 300px !important;
}

.homepage-btn-hover:hover {
  filter: brightness(0.9) !important;
}

.btn-idema {
  background-color: var(--azul-idema) !important;
  color: #ffffff !important;
}

.btn-idema:hover {
  filter: brightness(0.9) !important;
}

.btn-idema-outline {
  color: var(--azul-idema) !important;
  border: 1px solid var(--azul-idema) !important;
}

.btn-idema-outline:hover {
  background-color: var(--azul-idema) !important;
  color: #ffffff !important;
  transition: 300ms !important;
}

.text-idema {
  color: var(--azul-idema) !important;
}

.bg-idema {
  background-color: var(--azul-idema) !important;
  color: #ffffff !important;
}

.page-title {
  white-space: nowrap;
}

@media only screen and (max-width: 1100px) {
  .page-title {
    white-space: unset;
  }
}

.align-self-end {
  align-self: flex-end !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}