@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

#customer_login input[type=date],
#customer_login input[type=email],
#customer_login input[type=number],
#customer_login input[type=password],
#customer_login input[type=search],
#customer_login input[type=tel],
#customer_login input[type=text],
#customer_login input[type=url],
#customer_login select,
#customer_login textarea,
#customer_recovery input[type=date],
#customer_recovery input[type=email],
#customer_recovery input[type=number],
#customer_recovery input[type=password],
#customer_recovery input[type=search],
#customer_recovery input[type=tel],
#customer_recovery input[type=text],
#customer_recovery input[type=url],
#customer_recovery select,
#customer_recovery textarea,
#customer_register input[type=date],
#customer_register input[type=email],
#customer_register input[type=number],
#customer_register input[type=password],
#customer_register input[type=search],
#customer_register input[type=tel],
#customer_register input[type=text],
#customer_register input[type=url],
#customer_register select,
#customer_register textarea
{
    border: 1px solid #CBBBA0!important;
    border-radius: 12px!important;
    padding: 14px 20px!important;
    font-weight: 300!important;
    font-size: 15px!important;

}

#customer_login a:not(.sp_btn),
#customer_login a:hover:not(.sp_btn),
#customer_login a:active:not(.sp_btn),
#customer_recovery a:not(.sp_btn),
#customer_recovery a:hover:not(.sp_btn),
#customer_recovery a:active:not(.sp_btn),
#customer_register a:not(.sp_btn),
#customer_register a:hover:not(.sp_btn),
#customer_register a:active:not(.sp_btn){
    color: #292B3D!important;
}

#customer_login a:hover:not(.sp_btn),
#customer_recovery a:hover:not(.sp_btn),
#customer_register a:hover:not(.sp_btn){
    text-decoration: underline!important;
}

#customer_login a.continuar_invitado,
#customer_recovery a.continuar_invitado,
#customer_register a.continuar_invitado{
    text-decoration: underline!important;
}


.txt_acceso{
    color: #292B3D!important;
}

.txt_o_email{
    color: #292B3D !important;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 16px 0px;
}

.txt_o_email:before,
.txt_o_email:after{
    content: "";
    width: 48px;
    height: 1px;
    background-color: #CBBBA0;
}

.sp_btn{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: center;
    border: 2px solid #292B3D !important;
    background-color: #292B3D !important;
    color: #FFF !important;
    transition: color 0.3s, background-color 0.3s, border 0.3s !important;
    border-radius: 8px !important;
    padding: 2px 28px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    width: fit-content!important;
    text-decoration: none!important
}

.sp_btn:hover{
    background-color: #FFF!important;
    color: #292B3D!important;
}

.sp_btn.linea{
    background-color: #FFF!important;
    color: #292B3D!important;
}

.sp_btn.linea:hover{
    background-color: #292B3D!important;
    color: #FFF!important;
}

#customer_login,
#customer_recovery,
#customer_register{
    margin: 48px 0px;
}

#customer_login .woocommerce-form-login__submit,
#customer_register .woocommerce-form-register__submit {
    float: unset!important;
    width: 100%!important;
    margin: 24px 0px!important;
    padding: 8px 20px !important;
}

#customer_login,
#customer_recovery,
#customer_register{
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: 'Lexend';
    
}

#customer_login form,
#customer_recovery form,
#customer_register form
 {
    width: 100%;
    max-width: 524px;
    margin: 0 auto;
    padding: 28px;
    background: #FFF;
    border: 1px solid #CBBBA0;
    border-radius: 12px;

}

#customer_login button[type=submit],
#customer_recovery button[type=submit],
#customer_register button[type=submit]
{
    color: #FFF!important;
    background-color: #FFAA1C!important;
    border: 2px solid #FFAA1C!important;
    width: 100%!important;
    text-transform: uppercase!important;
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 25px!important;
    text-align: center!important;
    border-radius: 12px!important;
    padding: 8px 28px !important;
    margin: 24px 0px !important;
}


#customer_login button[type=submit]:hover,
#customer_recovery button[type=submit]:hover,
#customer_register button[type=submit]:hover
{
    background-color: #292B3D !important;
    color: #FFF !important;
    border: 2px solid #292B3D !important;
}


.segunda_fila_login{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding: 8px 4px;
    padding-top: 12px;
}


.btn_ir_a_registro{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.continuar_invitado{
    margin-top: 48px!important;
}


.nsl-container-buttons{
    width: 100%;
}

.nsl-container{
    margin-bottom: 16px;
}


div.nsl-container .nsl-button-google{
    box-shadow: none!important;
    width: 100%!important;
    padding: none!important;
    background: none!important;
    border: none!important;
    border-radius: 0!important;
}

div.nsl-container a{
    box-shadow: none!important;
    width: 100%!important;
    background: #FFF!important;
    border: 1px solid #292B3D!important;
    border-radius: 12px!important;

    transition: background-color 0.3s, color 0.3s, border 0.3s;
}

div.nsl-container a .nsl-button-label-container{
    color: #292B3D!important;
    font-weight: 400!important;
    text-decoration: none!important;
    font-family: 'Lexend'!important;
    flex: none!important;
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}

div.nsl-container a:hover{
    background: #292B3D!important;
}

div.nsl-container a:hover .nsl-button-label-container{
    color: #FFF!important;
    text-decoration: none!important;
}

div.nsl-container .nsl-button-default {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}