/* Estilos globais */
body {
    font-family: sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/* Container de login */
.login-container {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 400px;
    text-align: center; /* Centraliza o conteúdo horizontalmente */
}

.login-container h1 {
    margin-bottom: 20px;
}

/* Grupo de elementos do formulário (label e input) */
.form-group {
    margin-bottom: 15px;
    text-align: left; /* Alinha o label à esquerda */
}

.form-group label {
    display: block; /* Faz o label ocupar toda a largura */
    margin-bottom: 5px;
}

.form-group input[type="email"],
.form-group input[type="password"] {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Estilos para o botão */
.login-container button {
    background-color: #4CAF50; /* Verde */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%; /* Botão ocupa toda a largura */
    transition: background-color 0.3s ease; /* Transição suave na cor do hover */
}

.login-container button:hover {
    background-color: #45a049; /* Verde escuro no hover */
}
/* Estilos para os botões (MELHORADOS) */
.botao-redirecionar { /* Aplica os estilos diretamente à classe .botao-redirecionar */
    background-color: #4CAF50; /* Verde */
    color: white;
    padding: 15px 30px; /* Padding maior para botões mais proeminentes */
    border: none;
    border-radius: 8px; /* Bordas mais arredondadas */
    cursor: pointer;
    font-size: 1.2em; /* Tamanho da fonte maior */
    margin: 15px 0; /* Margem superior e inferior para espaçamento entre os botões */
    width: auto; /* Largura automática para se ajustar ao conteúdo */
    min-width: 200px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Sombra suave */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none; /* Remove sublinhado */
    display: inline-block; /* Permite o uso de min-width e padding horizontal */
}

.botao-redirecionar:hover {
    background-color: #45a049; /* Verde escuro no hover */
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); /* Sombra mais forte no hover */
}

/* Estilos para mensagem de erro */
.mensagem-erro {
    color: red;
    margin-top: 10px;
}

/* Estilos para "Esqueci minha senha" */
.forgot-password {
    margin-top: 15px;
}

.forgot-password a {
    color: blue;
    text-decoration: none;
}

.forgot-password a:hover {
    text-decoration: underline;
}