/* ================================
   CONTENEDOR PRINCIPAL
================================ */

#login-cmu {
    min-height: 100vh;
}

/* ================================
   INPUTS
================================ */

.input-login-cmu {
    margin-top: 20px !important;
    border: none !important;
    border-bottom: 3px solid black !important;
    background-color: transparent !important;
}

.input-login-cmu-invalid {
    margin-top: 20px !important;
    border: none !important;
    border-bottom: 3px solid red !important;
    background-color: transparent !important;
}

.input-login-cmu-focus:focus {
    margin-top: 20px !important;
    border: none !important;
    border-bottom: 3px solid #ffc107 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* ================================
   ANIMACIÓN FADE IN
================================ */

.fade-in {
    animation: fade-in 1.2s ease-out both;
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================================
   CAROUSEL
================================ */

.carousel-item img {
    object-fit: cover;
}

/* ================================
   MEJORAS RESPONSIVE
================================ */

/* Tablets verticales */
@media (max-width: 991.98px) {

    #formulario-login-cmu {
        padding: 40px !important;
    }

}

/* Celulares */
@media (max-width: 767.98px) {

    #formulario-login-cmu {
        padding: 30px 20px !important;
    }

}