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

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

.gap-1 {
    gap: .5rem
}

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

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

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

.btn-idema:hover {
    filter: brightness(.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: #fff !important;
    -o-transition: .3s !important;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    transition: all .3s !important
}

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

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

.page-title {
    white-space: nowrap
}

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

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

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