/* Css para moviles */


/* estilos de auth_login.html */

@media (max-width: 576px){
  .header-login{
     text-align: left !important;
     margin: 15px auto 30px !important;
     width: 50vw;
     margin-left: 0 !important;
 }
  .titulo-login{
   color: #515365;
 }
 .contenedor-login{
     height: auto !important;
     margin: 0 !important;
 } 
 .container-login{
     margin-top: 0;
     padding: 2rem !important;
     padding-top: 0 !important;
 }
 .contenedor-form-login{
     margin-top: 0 !important;
 }  
 .titulo-login{
     text-align: left;
     font-size: 1.5rem;
 }
 .titulo-login p{
     font-size: 1.2rem;
 }
 .subtitulo-login{
     margin-top: 10px;
     font-size: .9rem;
     text-align: left;
     color: #515365;
 }
 .subtitulo-login a{
     color: #8b85bf !important;
 }
 .formulario-login{
     margin-top: -20px;
 }
 .remember-login{
     margin-top: 3rem !important;
 }
 .recovey-login a{
     font-size: .9rem !important;
     margin-top: 5rem !important;
     font-weight: 400 !important;
     color: #8b85bf !important;
 }
 .login-botones{
     display: flex;
     font-size: .8rem !important;
 }
 .login-botones div{
     margin-right: 0px;
     margin-bottom: 0 !important;
 }
 .login-botones label{
     display: block;
     margin-top: 8px;
 }
.login-botones p{
    width: 70px;
    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: left !important;
     margin: 15px auto 30px 0 !important;
     width: 50vw;
 }
      .container-registro{
        padding: 2rem !important;
        margin-top: 0;
        padding-top: 0 !important;
    }
      .formulario-register{
        margin-top: 0;
    }     
      .titulo-register{
          font-size: 1.4rem;
    }
      .subtitulo-registro{
          font-size: .9rem;
          margin-bottom: 2.5rem !important;
    }
      .boton-register{
          text-align: center;
    }
    .botones-register{
        display: flex;
    }
    .iconos-formularios{
        margin-bottom: 0 !important;
        font-size: 1rem !important;
    }
    .remember-register{
       font-size: .9rem;
   }
   .remember-register a{
       display: block;
   }
   .acept-terms{
       padding-left: 25px !important;
   }
   .acept-terms span{
       font-size: .7rem !important;
   }


/* estilos del auth_recovery.html */
     
    .header-recovery{
        text-align: left !important;
        margin: 15px auto 30px 0 !important;
        width: 50vw;
        display: block;
    }
    .contenedor-recovery{
        text-align: left;
        margin: 0 !important;
        height: auto !important
    }
    .contenedor-form-recovery{
        padding: 2rem !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .titulo-recovery {
        font-size: 1.3rem !important;
        margin-left: 0 !important;
    }
    .subtitulo-recovery{
        margin-left: 0 !important;
        margin-top: 1.5rem !important;
        font-size: .9rem;
    }
    .span-titulo{
        display: none;
    } 

    .formulario-recovery {
        text-align: center !important;
        margin-top: 50px;
    }
    .iconos-formularios svg{
        top: initial !important;
    }
    .botones-recovery{
        display: flex;
    }
    .boton-volver{
        align-self: center;
        color: #8b85bf;
    }
    .boton-volver:hover{
     color: #66609b;
   }
  
}