/* css para tablets */

/* estilos del auth_recovery.html */

@media (max-width: 768px){
    header .logo_auth{
        max-width: 100%;
        /*height: 30px;*/
    }
    .header-recovery{
        margin: 0 0 50px 0 !important;
        width: 50vw;
    }

    .form-form .contenedor-recovery{
        max-width: 100% !important;
    }
    .contenedor-recovery{
        margin: 30px auto auto;
        height: auto !important;
    }
    .contenedor-form-recovery{
        padding: 0 !important;
    }
    .titulo-recovery{
        display: block !important;
        margin-left: 0;
        font-weight: bold;
    }
    .subtitulo-recovery{
        margin-top: 30px;
        margin-left: 0;
        color: #8b85bf;
    }
    .formulario-recovery{
        margin-top: 100px;
    }
    .iconos-formularios svg{
        top: initial !important;
    }
    .boton-volver{
        align-self: center;
        color: #8b85bf;
    }
    .boton-volver:hover{
        color: #66609b;
    }

    /* estilos auth-login */
    .header-login{
        text-align: center !important;
        margin-bottom: 40px !important;
        width: 50vw;
        display: block;
    }
    .titulo-login{
        color: #515365;
    }
    .subtitulo-login{
        font-size: 1rem;
        color: #515365;
    }
    .subtitulo-login a{
        color: #8b85bf;
    }
    .contenedor-login{
        height: auto !important;
        min-height: auto !important;
        margin: 0 113px !important;
    }
    .container-login{
        align-items: initial !important;
        padding: 0 !important;
        margin-top: 30px;
    }
    .contenedor-form-login{
        margin-top: 5rem !important;
    }
    .recovey-login{
        margin-top: -3rem;
    }
    .remember-login{
        margin-top: 8rem !important;
    }
    .recovey-login a{
        font-size: 1rem !important;
        font-weight: 400 !important;
        color: #8b85bf !important;
    }
    .botones-login{
        margin-top: 50px !important;
    }
    .login-botones p{
        color: #8b85bf !important;
    }
    .boton-ingresar button{
        background-color: #66609b !important; 
        font-family: sans-serif !important; 
        box-shadow: 0 5px 5px  #8b85bf !important; 
        border: none !important;
    }
    .boton-ingresar button:hover{
        background-color: #66609b !important;
    }


    /* estilos del auth_register.html */
    .header-register{
        text-align: center !important;
        margin: 0 0 15px 0 !important;
        width: 50vw;
        display: block;
    }
    .titulo-register{
        font-weight: bold;
    }
    .subtitulo-registro a{
        color: #8b85bf !important;
    }
    .container-registro{
        padding: 0 !important;
        margin-top: 30px;
    }
    .formulario-register{
        margin-top: 2rem;
    }
    .botones-register{
        margin-top: 2rem;
    }
    .header-recovery{
        text-align: left !important;
        margin: 15px auto 30px 0 !important;
        width: 50vw;
        display: block;
    }
    .mostrar-contraseña p{
      color: #8b85bf !important;
    }
    .remember-register a{
        color: #8b85bf;
    }
    .acept-terms span a{
        color: #8b85bf !important;
    }
  
}