/* --- CORES E ESTILOS GERAIS --- */
:root {
    --roxo-claro: #013155; /* Fundo da coluna do formulário */
    --roxo-escuro: #034172; /* Fundo da coluna de informação */
    --roxo-botao: #67417e;  /* Cor do botão */
    --cor-texto: #ffffff;
    --cor-link-esqueci: #fff; /* Cor do link "Esqueci a senha" */
    --sge-main: #013155;
    --sge-main-clear: #538db8;
    --sge-dark-widget: #034172;
    --sge-dark: #051825;
}

/* ---------------------------------------------------- */
/* --- LOGIN DE DUAS COLUNAS (Substitui o Modal) --- */
/* ---------------------------------------------------- */
body{
    background-color: var(--sge-dark);
}
#login-candidato-full-page .shadow-lg {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
}

/* Coluna de Informação (Esquerda) */
.login-coluna-info {
    background: var(--roxo-escuro);
    color: var(--cor-texto);
}

.login-body-info {
    font-size: 1.2rem;
    font-weight: 500;
}

.login-body-info .icon {
    /* Estilo para o capelo */
    color: var(--cor-texto);
    opacity: 0.8;
}

/* Coluna do Formulário (Direita) */
.login-coluna-form {
    background: var(--roxo-claro);
    color: var(--cor-texto);
    /* Garante que o texto dentro do h3 seja branco */
}

/* Estilo para o H3 */
.login-coluna-form h3 {
    font-size: 1.75rem;
    font-weight: bold;
}

/* --- ESTILO DOS INPUTS FLAT --- */

.login-input-flat .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); /* Linha inferior */
    border-radius: 0;
    color: var(--cor-texto);
    padding-left: 0; /* Alinha o texto na borda esquerda */
    box-shadow: none !important;
    transition: border-color 0.3s;
}

.login-input-flat .form-control:focus {
    border-bottom: 2px solid var(--cor-texto); /* Linha mais grossa no foco */
    background: transparent;
    color: var(--cor-texto);
}

.login-input-flat .form-control::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

/* Remove a cor de fundo do input readonly no Chrome/Safari */
.login-input-flat .form-control:read-only {
    background-color: transparent !important;
    opacity: 1; /* Garante que o texto não fique cinza */
}

/* --- BOTÃO --- */

.btn-roxo-submit {
    background-color: var(--sge-main-clear);
    border: none;
    color: var(--cor-texto);
    font-weight: bold;
    font-size: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0.25rem;
    transition: background-color 0.3s;
}

.btn-roxo-submit:hover {
    background-color: var(--sge-dark-widget); /* Tom ligeiramente mais claro no hover */
}

/* Link Esqueci a Senha */
.link-esqueci-senha {
    color: var(--cor-link-esqueci) !important;
    font-weight: 500;
}

.link-esqueci-senha:hover {
    color: var(--cor-texto) !important;
}
.login-form-container{
    background-color: var(--sge-main);
}