/*Cuerpo Cuenta*/
.contenedorlogin{
    width: 100%;
    height: auto;    
    background-color: var(--cardprimary);
    margin-right: none;
    margin-left: none;
    margin-top: 10rem;
    margin-bottom: 10rem;
}
/*Fin Cuerpo Cuenta*/
/*Contenerdor del Formulario*/
.contenedor-datoslogin{
    width: 90%;
    height: auto;    
    /*background-color: rgb( 255 255 255 / 60% );*/
    margin: 0 auto;    
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: none;
    padding-right: none;
}
/*Fin Contenerdor del Formulario*/
/*Botones */
.btnLoginCuenta{
    color: white ;
    font-family: var(--fuenteBtn);
    background-color: var(--rojo);
    margin: 5px;
    border: none;
    padding: .2rem 2rem .2rem 2rem;
}
.btnLoginCuenta:hover {
    background-color: var(--gris);
    padding: .2rem 2rem .2rem 2rem;
    border: 3px solid var(--rojo)
}

.btnLoginCuenta:active {
    background-color: var(--oscuro);
    padding: .2rem 2rem .2rem 2rem;
    border: 3px solid var(--rojo)
}
/*Boton Crear Cuenta*/
.btnCrearCuenta{
    color: white ;
    font-family: var(--fuenteBtn);
    background-color: var(--secundario);
    margin: 5px;
    border: none;
    padding: .2rem 2rem .2rem 2rem;
}

.btnCrearCuenta:hover {
    background-color: var(--gris);
    padding: .2rem 2rem .2rem 2rem;
    border: 3px solid var(--secundario);
}

.btnCrearCuenta:active {
    background-color: var(--oscuro);
    padding: .2rem 2rem .2rem 2rem;
    border: 3px solid var(--secundario);
}


@media (min-width: 600px) {
    .contenedor-datoslogin{
        width: 80%;
    }     
}


@media (min-width: 900px) {
    .contenedor-datoslogin{
        width: 70%;
    }   
   
}

@media (min-width: 1100px) {
    .contenedor-datoslogin{
        width: 50%;
    }   
}

@media (min-width: 1400px) {
    .contenedor-datoslogin{
        width: 40%;
    }   
}

@media (min-width: 1700px) {
    .contenedor-datoslogin{
        width: 30%;
    }   
}