.loginBtn {
    border-radius: 12px !important;
    height: 50px !important;
    font-family: 'Funnel Display' !important;
    font-weight: 500;
    font-size: 20px !important;
    margin-top: 36px !important;
}

.textoAccede {
    font-size: 20px !important;
    text-align: center;
    font-weight: 300;
}

.inputWrapper {
    padding: 0px 10px;
}

.customCampo {
    height: 60px;
    border: 1px solid gray;
    border-radius: 8px;
    background-color: whitesmoke;
}

.customCampo:has(input:focus) {
    background-color: rgb(250, 250, 250) !important;
}

.customCampo label {
    font-size: 16px;
    font-weight: 200;
    transition: .2s ease-in-out;
    text-transform: lowercase;
    position: absolute;
    margin-left: 5px;
    margin-bottom: 0px;
}

.customCampo:has(input:focus) label,
.customCampo:has(input:not(:placeholder-shown)) label,
.customCampo:has(input:-webkit-autofill) label {
    transition: .2s ease-out;
    opacity: 0;
}

.customCampo input {
    align-self: center;
}

.developedBy {
    color: gray;
    background-color: white;
    margin-bottom: 5px;
}

.formUpper {
    background-color: white;
}

.showcaseB>.textoShowcase>p {
    font-family: 'Funnel Display';
}

.loginShowcase {
    opacity: 0;
    animation: animaShowcase 1.7s cubic-bezier(0.049, 0.935, 0.34, 1);
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

.loginForm {
    opacity: 0;
    animation: animaForm 1.7s cubic-bezier(0.049, 0.935, 0.34, 1);
    animation-fill-mode: forwards;
    animation-delay: 1s;

    font-family: 'Outfit';
    background-color: white;
    height: 88%;
}

.logoImg {
    padding: 15px 5px 5px 5px;
}