/* ======================== LOGIN ======================== */
section#login {  width: -webkit-fill-available; display: flex; flex-direction: column; height: calc(100vh - 80px);}
section#login .login-content {width: -webkit-fill-available;max-width: 380px; background-color: var(--lightbg); border:1px solid var(--border-color); padding: var(--spac8); border-radius: var(--box-border-radius); }
section#login .login-content h3 { padding-bottom: var(--spac8); align-self: center; }
section#login .login-content form {width: -webkit-fill-available}
section#login .login-content form button {width: -webkit-fill-available; justify-content: center;}
section#login .login-content form a.esqueci{color: var(--darkgreen); font-size: 14px;text-decoration: ;}
section#login .login-content form a.esqueci:hover{text-decoration: underline;}

section#login .voltar a{ color: var(--darkgreen); font-size: 14px;text-decoration: ;}
section#login .voltar a:hover{text-decoration: underline;}


@media (max-height: 800px) { 
     section#login {height: auto; margin: 100px 0 50px 0;}

}
@media (max-width: 370px) { 
     header .right a.contato-whats-js .ajuda {display: none !important;}

}