/* --- Estilo para os Botões de Login no Header --- */

/* Container para garantir que os estilos afetem apenas estes botões */
.botoes-login-header .btn {
    /* Tamanho e Formato */
    padding: 8px 20px;
    border-radius: 50px;
    /* Cantos totalmente arredondados (formato de pílula) */
    border-width: 2px;
    /* Deixa a borda do botão 'Cadastrar' um pouco mais grossa */

    /* Texto */
    font-weight: 600;
    /* Texto um pouco mais forte */
    font-size: 14px;
    text-transform: uppercase;
    /* Deixa o texto em maiúsculas */
    letter-spacing: 0.5px;
    /* Leve espaçamento entre as letras */

    /* Animação */
    transition: all 0.3s ease;
    /* Efeito de transição suave */
}

/* Efeito ao passar o mouse sobre QUALQUER um dos botões */
.botoes-login-header .btn:hover {
    transform: translateY(-3px);
    /* Efeito de "levantar" o botão */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    /* Sombra suave para dar profundidade */
}

/* Ajuste específico para o botão primário (Entrar) */
.botoes-login-header .btn-primary {
    background-color: #0d6efd;
    /* Cor padrão do Bootstrap blue */
    border-color: #0d6efd;
}

.botoes-login-header .btn-outline-secondary:hover {
    background-color: #198754;
    /* A mesma cor para o fundo ao passar o mouse */
    border-color: #198754;
    /* Garante que a borda continue da mesma cor */
    color: #fff;
    /* O texto geralmente fica branco para um bom contraste */
}
}

.botoes-login-header .btn-outline-secondary:hover {
    background-color: #6c757d;
    /* Cor de preenchimento do Bootstrap secondary */
    border-color: #6c757d;
    color: #fff;
}