/*T_E_L_E_F_O_N_O*/
@media screen and (min-width:360px) {
    .formulario{
        background-color:  #E5E5E5;
        width: 80%;
        height: 32rem;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .formulario__wrapper{
        background-color: darkorange;
        width: 100%;
        height: 20rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; 
    }
    
    .formulario__wrapper__form{
        background-color: #E5E5E5;
        width: 100%;
        height: 20rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    
    .formulario__wrapper__form__label{
        font-size: x-large;
        font-weight: bold;
        font-family: 'Arial';
        color: black;
    }

    .formulario__wrapper__inicio__sesion__principal{
        background-color: rgb(154, 159, 185);
        width: 90%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    /*container-input-inicio-sesion*/
    .container-input-inicio-sesion{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }

     /*input-container--invalid*/
     .input-container--invalid-inicio-sesion{
        border: #df2525 solid 0.1rem;
        color: #df2525;
        border-radius: 0.2rem;
        width: 100%;
    }
    
    /*input-message-error*/
    .input-message-error {
        font-weight: bold;
        font-family: 'Montserrat';
        font-size: medium;
    }
    
    .formulario__wrapper__form__input{
        background-color: white;
        font-size: large;
        width: 100%;
        height: 4.5rem;
        border-radius: 0.3rem;
        box-sizing: border-box;
        font-family: 'Arial';
        border-color: white;
        box-shadow: 0px 3px 0.3px rgb(61, 46, 46);
    }
    
    .formulario__wrapper__form__button{
        background-color:  #2A7AE4;
        font-size: larger;
        color:white;
        width: 30%;
        height: 4.5rem;
        box-sizing: border-box;
        border-radius: 0.3rem;
        font-family: 'Arial';
        border-color: #2A7AE4;
    }
    
    .formulario__wrapper__form__button:hover{
        border: 0;
        background-color: blue;
    }
    
    
}
/*T_A_B_L_E_T*/
@media screen and (min-width:768px) {
    .formulario{
        background-color:  #E5E5E5;
        width: 80%;
        height: 32rem;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .formulario__wrapper{
        background-color: darkorange;
        width: 100%;
        height: 20rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; 
    }
    
    .formulario__wrapper__form{
        background-color: #E5E5E5;
        width: 100%;
        height: 20rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    
    .formulario__wrapper__form__label{
        font-size: x-large;
        font-weight: bold;
        font-family: 'Arial';
        color: black;
    }

    .formulario__wrapper__inicio__sesion__principal{
        background-color: rgb(154, 159, 185);
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    /*container-input-inicio-sesion*/
    .container-input-inicio-sesion-inicio-sesion{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }

     /*input-container--invalid*/
     .input-container--invalid-inicio-sesion{
        border: #df2525 solid 0.1rem;
        color: #df2525;
        border-radius: 0.2rem;
        width: 100%;
    }
    
    /*input-message-error*/
    .input-message-error {
        font-weight: bold;
        font-family: 'Montserrat';
        font-size: medium;
    }
    
    .formulario__wrapper__form__input{
        background-color: white;
        font-size: large;
        width: 100%;
        height: 4.5rem;
        border-radius: 0.3rem;
        box-sizing: border-box;
        font-family: 'Arial';
        border-color: white;
        box-shadow: 0px 3px 0.3px rgb(61, 46, 46);
    }
    
    .formulario__wrapper__form__button{
        background-color:  #2A7AE4;
        font-size: larger;
        color:white;
        width: 25%;
        height: 4.5rem;
        box-sizing: border-box;
        border-radius: 0.3rem;
        font-family: 'Arial';
        border-color: #2A7AE4;
    }
    
    .formulario__wrapper__form__button:hover{
        border: 0;
        background-color: blue;
    }
    
    
}
/*D_E_S_K_T_O_P*/
@media screen and (min-width:769px) {
    .formulario{
        background-color:  #E5E5E5;
        width: 80%;
        height: 32rem;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .formulario__wrapper{
        background-color: darkorange;
        width: 100%;
        height: 20rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; 
    }
    
    .formulario__wrapper__form{
        background-color: #E5E5E5;
        width: 100%;
        height: 20rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    
    .formulario__wrapper__form__label{
        font-size: x-large;
        font-weight: bold;
        font-family: 'Arial';
        color: black;
        width: 50%;
        text-align: center;
    }

    .formulario__wrapper__inicio__sesion__principal{
        background-color: rgb(154, 159, 185);
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    /*container-input-inicio-sesion*/
    .container-input-inicio-sesion{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }

     /*input-container--invalid*/
     .input-container--invalid-inicio-sesion{
        border: #df2525 solid 0.1rem;
        color: #df2525;
        border-radius: 0.2rem;
        width: 100%;
    }
    
    /*input-message-error*/
    .input-message-error {
        font-weight: bold;
        font-family: 'Montserrat';
        font-size: medium;
    }
    
    .formulario__wrapper__form__input{
        background-color: white;
        font-size: large;
        width: 100%;
        height: 4.5rem;
        border-radius: 0.3rem;
        box-sizing: border-box;
        font-family: 'Arial';
        border-color: white;
        box-shadow: 0px 3px 0.3px rgb(61, 46, 46);
        position: relative;
    }
    
    .formulario__wrapper__form__button{
        background-color:  #2A7AE4;
        font-size: larger;
        color:white;
        width: 50%;
        height: 4.5rem;
        box-sizing: border-box;
        border-radius: 0.3rem;
        font-family: 'Arial';
        border-color: #2A7AE4;
    }
    
    .formulario__wrapper__form__button:hover{
        border: 0;
        background-color: blue;
    }
    
    
}