/* Telas de login (login.php), de recuperação de senha (esqueceu-a-senha.php) e de nova senha (definir-senha.php), no
   mesmo cartão. */
.secao-login {
    padding-top: 8rem;
}

/* Aviso de por que a sessão anterior acabou (segurança, atualização, inatividade ou tempo). */
.aviso-sessao {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #fff4e5;
    color: #7a4b00;
    font-size: 14px;
    line-height: 1.4;
}

/* Celular: o banner de cookies fica fixo no rodapé e ocupa cerca de 240 px; o botão "Entrar" precisa ficar acima dele,
   com ou sem aviso. O topo desce só o necessário para o menu fixo (77 px) e o aviso ocupa o lugar do subtítulo. */
@media (max-width: 576px) {
    .secao-login {
        padding-top: 5.5rem;
    }

    .aviso-sessao + p {
        display: none;
    }
}