
.main_content{
    height:calc(100vh + var(--header-size));
    border:;
}

.content_start{
    max-width:var(--desktop-limit);
    margin:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.content_start__section{
    margin-top:var(--header-negative);
    width:100%;
    max-width:550px;
}
.section_send_test{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:20px;
}
.section_send_test p{
    text-align:center;   
}
.content_login{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
    padding:1em;
}
.content_start__section h1{
    text-align:center;
}
.login__section{
    width:100%;
    border:2px solid;
    padding:2em;
    border-radius:15px;
    background:var(--equidad-primary);
    display:flex;
    flex-direction:column;
    gap:5px;
}
.login__input{
    display:flex;
    align-items:center;
    gap:10px;
}
.login__input label{
    width:50%;
    font-size:18px;
    font-weight:700;
}
.login__input input{
    width:100%;
    height:50px;
    border:0;
    border-radius:10em;
    border:2px solid;
    padding:1em;
    font-size:17px;
}
.select__test{
    height:50px;
    width:100%;
    border-radius:15px;
    border:2px solid;
    font-size:17px;
}
.send__button{
    display:flex;
}
.btn__start{
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid;
    gap:10px;
    height:60px;
    padding:0em 2em;
    border-radius:10em;
    background:var(--equidad-primary);
    font-size:20px;
    position:relative;
    overflow:hidden;
    z-index:1;
}
.btn__start::after{
    content:"";
    position:absolute;
    width:100%;height:100%;
    top:0;left:0;
    background:#00000030;
    border-radius:10em;
    margin-left:-400px;
    transition:0.3s;
    z-index:-1;
}
.btn__start:hover::after{
    margin-left:0px;
}
.btn_emoji{
    display:flex;
    font-size:30px;
    margin-left:-10px;
}


/*responsive*/
@media(max-width:800px){
    .login__section{
        padding:1.5em 1em;
    }
    .login__input{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;
    }
}
