body{
    background-color: #fff !important;
}

.bg-fill{
    background-image: url("../assets/img/login_background.jpg");
    background-size: contain;
    background-position: center ;
	background-repeat: no-repeat;
    background-color: #306684;
}

.logo{
    max-block-size: 150px;
}

.h-screen{
    height: 100vh;
}

.btn-gradient{
    color: #fff !important;
    background: #306684 !important;
    background: linear-gradient(0deg, var(--azul-normal) 0%, var(--verde-normal) 100%) !important;
    border: none !important;
}

.btn-gradient:hover{
    background: var(--azul-dark) !important;
    background: linear-gradient(0deg, var(--azul-dark) 0%, var(--verde-dark) 100%) !important;
}

.btn-gradient:active{
    background: var(--azul-dark) !important;
    background: linear-gradient(0deg, var(--azul-darker) 0%, var(--verde-darker) 100%) !important;
}

.btn-gradient:focus-visible{
    box-shadow: 0 0 0 4px var(--azul-30) !important;
}

.w-login{
    width: 100% !important;
}

@media (min-width: 576px) {
    .w-login{
        width: 70% !important;
    }
}

@media (min-width: 768px) {
    .w-login{
        width: 100% !important;
    }
}