* {
    font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "slnt" 0;
}
.card-login{
    background-color: var(--neutralColorAlmostLightPrimary);
    box-shadow: 0px 0px 8px 0px rgba(120, 124, 143, 0.4);
}
.lose-password{
    font-weight: 400;
    font-size: 0.813rem;
    line-height: 1rem;
    color: var(--stateColorError);
}
.button-login{
    background-color: var(--brandColorPrimary) !important;
    border-color: var(--brandColorPrimary);
    color: var(--neutralColorWhite);
    height: 2.625rem;
}
.disclaimers{
    font-size: 0.813rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--neutralColorAlmostDark);
    text-align: center;
}
.link-soporte{
    font-weight: 500;
    color: var(--brandColorPrimary);
}
.bg-card{
    background-color: var(--neutralColorWhite);
    /* background-color: var(--neutralColorAlmostLightPrimary); */
}
input[type="password"] {
    font-family: "Montserrat", sans-serif;
    background-image: url("../images/icons/view-off.png"); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
    background-repeat: no-repeat;
    background-position: 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 0.938rem;
}
.dark\:text-blue-500, .dark\:border-blue-500 {
    border-color: var(--brandColorPrimary) !important;
}
@media (prefers-color-scheme: dark) {
    .dark\:text-blue-500 {
        --tw-text-opacity: 1;
        color: var(--brandColorPrimary) !important;
    }
}
.dark\:text-gray-400{
	color: var(--neutralColorDark) !important;
}
.show-password{
    width: 1rem;
    cursor: pointer;
    margin-left: 22.8rem;
    margin-top: -1.82rem;
}
.text-welcome{
    text-align: center;
    color: var(--brandColorPrimary);
    font-size: 2.5rem;
    font-weight: bold;
}