section.login {
    padding: 0px;
    background-color: var(--theme-accent-900);
}

div.box-login {
    height: fit-content;
    width: 100%;
    background-color: rgba(52, 53, 52, 0);
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    margin: 10%;
    border-radius: 40px;
}

div.box-login .icones {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    padding: 10px;
    padding-bottom: 32px;
    gap: 10px;
}

div.box-login .campos {
    padding: 32px 64px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

div.box-login .campos .logo {
    text-align: center;
}

div.box-login .campos .logo img {
    max-width: 30vw;
}

.loading div {
    width: 10px;
    height: 10px;
}

.lord-icon {
    width: 12vh;
    height: 12vh;
}

.lord-icon::after {
    content: '';
}

.input-login {
    font-size: 4vw;
}

.login-pass {
    padding: 0px;
}

.login-pass .usuario,
.login-pass .senha {
    margin-bottom: 5vh;
}

.login-pass .usuario label,
.login-pass .senha label {
    font-size: 4vw;
}

#link-esqueci {
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.tema-claro #link-esqueci {
    color: var(--theme-primary-900);
}

.tema-escuro #link-esqueci {
    color: var(--theme-primary-900);
}

#bt_senha {
    margin-top: 2vh;
    font-size: 2.2vw;
    border-radius: 40px;
}

footer {
    flex-flow: column nowrap;
    position: absolute;
    bottom: 0;
    display: none !important;
}

footer img {
    max-width: 20vw;
}

.copyright {
    font-size: 3vw;
    padding: 10px;
}

.tema-claro .copyright {
    color: var(--theme-accent-light-font-100);
}

.tema-escuro .copyright {
    color: var(--theme-accent-light-font-100);
}

.perdeuSenha {
    font-size: 2vw;
    font-weight: 300;
}

#bt_voltar, #bt_reenvio {
    margin-top: 2vh;
    font-size: 2.2vw;
    border-radius: 40px;
}