main{
    min-height: 60vh;
    min-width: 80vw;
    padding: 4vh 0;
    gap: 4vh;
    background: url('../img/Imagen6opa30.png');
    background-size: 100%;
    background-position: bottom left;          
}
.banner{
    background-color: var(--font-color);
}
form{    
    gap: 2vh;
    font-family: Inter;
    margin-top: 2vh;
}
h1{
    font-size: 3rem;
}
p{
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.input label{
    color: #000;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3vh; 
}

form input, form select{
    height: 6vh;
    padding: 1vh;
    font-size: 1rem;
}

form div button{

    padding: 2.5vh;
    border: 0;
    border-radius: 0.375rem;
    background: var(--btn_login_color);

    color: white;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5vh;
}

/* MULTIPLATAFORMA */

select, select:focus{
    min-height: 8vh;
    border: 1px solid var(--gray-ligth);
    border-radius: 5px;    
    outline: none;
    color: var(--font-color);
}
select::placeholder{

}
select option{    
    font-size: 1rem;
}
select option:hover{
    background-color: rgb(226, 226, 226);
}
@media(max-width: 700px){
    
    select::placeholder{
        font-size: 1rem;
    }
    select option{    
        font-size: 1rem;    
    }
    .row h1{            
        font-size: 1.5rem;
        text-align: start;
        font-weight: 700;        
    }    
}


.boton{padding: 2.5vh;
    border: 0;
    border-radius: 0.375rem;
    background: var(--btn_login_color);
    color: white;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5vh;}