/* css/login.css - Estilos específicos para a página de login */

body.login-page {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.login-page main {
    background-color: var(--cor-fundo-secundario);
    padding: 2.5rem;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    max-width: 400px;
    width: 90%;
    text-align: center;
    border: 1px solid var(--cor-borda);
    box-sizing: border-box;
}

.login-page h1 { 
    font-size: 2.5rem; 
    margin-bottom: 0.5rem; 
}

.login-page h2 { 
    font-size: 1.25rem; 
    color: var(--cor-texto-secundario); 
    margin-bottom: 2rem; 
}

.login-page input { 
    width: 100%; 
    padding: 0.75rem; 
    margin-bottom: 1rem; 
    border: 1px solid var(--cor-borda); 
    border-radius: 6px; 
    background-color: var(--cor-fundo-principal); 
    color: var(--cor-texto-principal); 
    box-sizing: border-box; 
}

.login-page input:focus { 
    border-color: var(--cor-destaque); 
    outline: none; 
    box-shadow: 0 0 0 3px rgba(255, 189, 89, 0.4); 
}

.login-page button { 
    width: 100%; 
    padding: 0.75rem; 
    border: none; 
    border-radius: 6px; 
    background-color: var(--cor-destaque); 
    color: #111827; 
    font-size: 1rem; 
    font-weight: bold; 
    cursor: pointer; 
    margin-top: 1rem; 
}

.login-page button:hover { 
    background-color: #e8a236; 
} 

.login-page #mensagem-feedback { 
    margin-top: 1.5rem; 
}