@media(min-width:1024px){
    .fraseBienvenida-mobile{    
        display:none;
    }  
    .salle, .job{
        font-size:80px;
    }

    /* .login-container-right{
        display: block;
    } */
    .left-container-bottom{
        display:none;
    }

    .mitad-bottom{
        background-color: whitesmoke;
    }
    .fraseBienvenida{
        display:flex;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: end !important;
    }

    .footer.candidato{
        display:none;
 
    }

    .main-container{
    min-height:100vh ;

    }
    .texto-bienvenida{
        width:fit-content; 
        padding: 4px 20px 4px 60px;
    }
   
}

@media (min-width: 768px) and (max-width: 1024px) {
    .flex-md-row {
        flex-direction: column !important;
    }
}

/*MOBILE*/
@media(max-width:1024px){
    .login-container{
        background: linear-gradient(to top, rgba(255, 255, 255, 0.771), rgba(255, 255, 255, 0.792)), url(/assets/images/fondo_apreton.png);
        background-blend-mode: hard-light !important;
        background-position: center;
        background-size: cover;
    }
    
    .main{
        display:flex;
        flex-direction: column;
    }
    .fraseBienvenida{
        display:flex;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: end !important;
    }


    .bg-candidato {
        background-color: whitesmoke;
       height:100dvh;
    }
  

    .fraseBienvenida-mobile{    
        display:flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;

        width:100%;

        font-size:24px;
        font-weight: bold;
        text-align: center;
        color: gray;  
        animation: fadeIn 1.2s ease-in-out;
    }   
    
    .login-container-left{
        display:none;
    }

    .login-container-right{
        width:100%;
        background: none;

        min-height:unset;
    }

    .mitad-top{
        display:flex;
        flex-direction: row;;
        justify-content: center;
        align-items: center;
    }
   
    .cajaLogo{
        display:flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
    }

    .salle, .job{
        font-size:12vw;
    }

    .hheeccVersionRow{
        display:flex;
        flex-direction:row;
        justify-content: center;
        align-items: center;
    }

    .mitad-bottom{
        align-items: center;
        margin-left:0px !important;
    }

    .botones{
        margin-left: 0px;
    }

    .btn.sso-btn{
        background-color:rgb(39, 39, 39);
        color: rgb(239, 239, 239);
    }

    .btn.sso-btn:hover{
        background-color:rgb(216, 213, 213);
    }
    

    .logo {
        width:fit-content;
    }

    .footer.login{
        display: none;
        justify-content: center;
        background-color:rgb(39, 39, 39);
    }

    .footer.login .container{
        width:100% !important;
        color: whitesmoke
    }

    .footer.login a{
        color: whitesmoke
    }

    .footer .container{
        justify-content:center;
    }



    .login-container-right{
        position:relative;
    }

    .mitad-top{
        position:relative;
        margin: 0 auto;
    }

    .mitad-bottom{
        position: relative;
    }
    
    .select-btn.glass{
        position:fixed;
        padding:0px;    
    }

    .footer.candidato{
        display:flex;
        width:100%;
        justify-content: center;
        position:relative;
        height: 60px;
    }

    .bg-candidato .login-container{
        min-height: unset;
        height:100%;
    }
    .bg-candidato .login-container-right{
        flex-grow:1;
    }

    .bg-candidato .mitad-top{
        height:auto;
    }

    .bg-candidato .mitad-bottom{
        height:auto;
    }

    .botones{
        margin: 0 auto;
    }

    .login-container{
        flex-direction: column;
        
    }

   .main{
    display:flex;
    flex-direction: column;
    height:100%;    justify-content: space-between;
   }

   .select-menu.active .options {
    transform: translateY(40px);
}


}