:root{
    --blue_jerarquicos: #577BEF;
}

body {
    font-family: "Geist", sans-serif;
}

.auth-bg-cover {
    /* background: linear-gradient(-45deg, #006856 50%, #198754); */
    background: linear-gradient(#577BEF);
}

.auth-one-bg {
    background-position: center;
    background-size: cover;
}

.auth-one-bg .bg-overlay {
    background-color: #f6f8f8 !important;
    opacity: 0;
    background: #f6f8f8 !important;
}

.auth-bg-cover>.bg-overlay {
    background-image: url("../images/cover-pattern.png");
    background-position: center;
    background-size: cover;
    opacity: 1;
    background-color: transparent;
}

.bg-grey {
    background: #eff0f5;
}

.f-green {
    /* color: rgb(15 118 110 / var(--tw-text-opacity, 1)) !important; */
    color: var(--blue_jerarquicos);
}

.btn-green {
    /* background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1)); */
    background-color: var(--blue_jerarquicos);
    border-color: #8ca3f0;
}

.btn-green:hover {
    /* background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1)); */
    background-color: #3c66ee;
    border-color: #8ca3f0;
}

.text-primary {
    --vz-text-opacity: 1;
    color: var(--blue_jerarquicos) !important; 
}