/* Estilos globais para a página */
body {
    margin: 0;
    padding: 0;
    /* background-color: #d8e0e7;*/
    /*background-color: #fff8f0;*/
    background-color: #d5c3b5;
    /* Azul claro do menu da tela principal */
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Centraliza o login-box verticalmente */
}

/* Estilos da caixa de login */
#login-box {
    margin-top: 0;
    /* Remove margem fixa para centralização */
    max-width: 400px;
    /* Reduz um pouco o tamanho para um look mais compacto */
    padding: 30px;
    /* Aumenta o espaçamento interno */
    /* background-color: #f3f5f8;*/
    background-color: #ffffff;
    /* Cinza claro da tela principal */
    color: #111111;
    border-radius: 15px;
    /* Cantos arredondados */
    /*box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0 8px 16px rgba(226, 135, 34, 0.15);*/
    box-shadow: 0 8px 20px rgba(74, 44, 29, 0.25);
    /* Sombra suave para profundidade */
    text-align: center;
    /* Centraliza o texto dentro do box */
}

/* Estilo para a imagem dentro da caixa de login */
#login-box img {
    margin-bottom: 20px;
    width: 150px;
    /* Ajusta o tamanho da logo para harmonia */
}

/* Estilos para os labels dos inputs */
#login-box .form-group label {
    /*color: black !important;*/
    color: #4a2c1d !important;
    font-weight: 500;
    /* Deixa o texto um pouco mais bold para modernidade */
    margin-bottom: 5px;
    /* Espaçamento abaixo do label */
    display: block;
    /* Garante que cada label ocupe uma linha */
}

/* Estilos para os inputs */
#login-box .form-control {
    border-radius: 8px;
    /* Arredonda os cantos dos inputs */
    /*border: 1px solid #ccc;*/
    /*border: 1px solid #e0c2b3;*/
    border: 1px solid #dcd0c7;
    /* Borda mais suave */
    padding: 10px;
    /* Mais espaço interno nos campos */
    transition: border-color 0.3s ease;
    /* Transição suave na borda */
}

#login-box .form-control:focus {
    /*border-color: #f39c12;border-color: #4484bc;*/
    border-color: #f39c12;
    /* Cor do botão ao focar */
    outline: none;
    /* Remove o outline padrão */
    /*box-shadow: 0 0 5px rgba(68, 132, 188, 0.3);*/
    box-shadow: 0 0 5px rgba(243, 156, 18, 0.3);
    /* Sombra leve ao focar */
}

/* Estilos para o checkbox */
#login-box .form-check-label {
    /*color: #333;*/
    color: #4a2c1d;
    /* Tom mais escuro para harmonia */
    font-weight: 400;
}

/* Estilos para o botão de conectar */
.btn-info {
    color: #fff;
    /*background-color: #4484bc;*/
    background-color: #e67e22;
    /*border-color: #4484bc;*/
    border-color: #d35400;
    border-radius: 8px;
    /* Arredonda o botão */
    padding: 10px 20px;
    /* Ajusta o tamanho do botão */
    transition: background-color 0.3s ease;
    /* Transição suave */
    width: 100%;
    /* Botão ocupa toda a largura */
    margin-top: 20px;
    /* Espaçamento acima do botão */
}

.btn-info:hover {
    color: #fff;
    /*background-color: #50a0d0;*/
    background-color: #c0392b;
    /*background-color: #d35400;*/
    /*border-color: #50a0d0;*/
    /*border-color: #a93226;*/
    border-color: #ba4a00;
}

/* Estilos para o texto de erro (bootstrap alert) */
.alert-danger {
    /*color: #ecf0c0;*/
    color: #fff;
    /*background-color: #ff6961;*/
    background-color: #c0392b;
    /*border-color: #ff6961;*/
    border-color: #a93226;
    border-radius: 8px;
    /* Arredonda os alertas */
}