@charset "utf-8";

/* BODY */
body:has(#swe_area_cliente) {background: url(/img/bg_topo.jpg) no-repeat;}

/* TOPO */
body:has(#swe_area_cliente) #swe_topo {background: linear-gradient(to bottom, #202224 55px, transparent 55px);}

/* RODAPÉ */
body:has(#swe_area_cliente) #swe_rodape {margin-top: 0;}
body:has(#swe_area_cliente) #swe_rodape:before {display: none;}
body:has(#swe_area_cliente) #swe_rodape .e_cont_rodape {display: none;}

#swe_main:has(#swe_area_cliente) {background: none;}
#swe_main:has(#swe_area_cliente) {display: flex; justify-content: center; align-items: center;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login {display: flex; flex-flow: column; align-items: center; gap: 50px 20px; justify-content: center;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login {display: flex; justify-content: center; align-items: center; padding: 40px 50px 50px 50px; width: 100%; height: 100%; backdrop-filter: blur(5px); background: #202224 ; border-radius: 5px; box-shadow: 0 0 3px 1px rgba(0,0,0,.5); min-width: 500px; max-width: 500px; overflow: hidden;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_area_img_login {max-width: 200px;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_area_img_login img {width: 100%;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login {display: flex; flex-flow: column; gap: 0; opacity: 1; width: 100%;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_top_bar {display: flex; align-items: center; margin-bottom: 35px;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_top_bar .e_voltar .swfa:before {content: "\f104"; color: #fff; font-weight: bold; font-size: 16px; font-family: "Font Awesome\ 5 Free"; opacity: 0.5; cursor: pointer;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_top_bar .e_titulo {color: #fff; font-size: 24px; flex: 1; text-align: center; font-weight: 700;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_top_bar .e_titulo span {padding-right: 10px;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_descricao {color: #fff; font-size: 14px; font-weight: 200; opacity: 0.7; transition: .25s; text-align: center; display: flex; flex-flow: column; align-items: center; gap: 10px;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_descricao .e_email {font-weight: 500;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login #otpForm_cliente {display: flex; flex-flow: column; gap: 35px; margin-top: 25px; margin-bottom: 10px;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .input_group {display: flex; flex-flow: row; gap: 15px; justify-content: center;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .input_group .otp_input {min-width: 60px; height: 70px; width: 100%; text-align: center; font-size: 24px; border: solid 2px var(--cor6); border-radius: 4px; background: rgba(0,0,0,0.1); color: #fff;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .btn_submit {width: 100%; cursor: pointer; height: 50px; background: var(--cor2); border: 0; border-radius: 3px; transition: .25s; color: #fff;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .btn_submit:hover {background: var(--cor1);}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_reenviar {color: #fff; font-size: 14px; font-weight: 200; opacity: 0.7; transition: .25s;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_reenviar strong {font-weight: 500;}
#swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .e_reenviar a:hover strong {opacity: 1;}


@media (max-width: 550px){
    #swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login {margin: 15px;}
    #swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login {margin: 15px; min-width: unset;}
    #swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .input_group {gap: 7px; justify-content: space-between;}
    #swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .input_group .otp_input {max-width: 65px; min-width: unset;}
}

@media (max-width: 400px){
    #swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login {padding: 40px 25px;}
    #swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .input_group {gap: 5px !important;}
    #swe_main #swe_area_cliente .e_cont_area_cliente .e_area_login .e_cont_area_login .e_area_token_login .input_group .otp_input {height: 55px;}
}