.t4-header {
    border-top: 2px solid;
    border-image: linear-gradient(to right, #e9ecef, #e9ecef) 1;
}


.t4-palette-dark {
    background-color: #002a68;
    color: #ffffff;
}



/* ==========================================================================
   AJUSTE DE LOGIN NO PURITY IV (FRAMEWORK T4)
   ========================================================================== */

/* 1. Título "LOGIN" acima do bloco e da margem azul */
.t4-module.mod-login .module-title,
.t4-module.mod-login h3.module-title,
.t4-module.mod-login h4.module-title {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0056b3 !important; /* Azul escuro destacado */
    text-transform: uppercase !important; /* Força letras maiúsculas */
    letter-spacing: 1px !important; /* Espaçamento moderno entre letras */
    margin-bottom: 15px !important; /* Espaço para o formulário respirar */
    padding: 0 !important;
    border: none !important;
}

/* 2. Caixa do Formulário com a Margem Azul no Topo */
.t4-module.mod-login .module-inner,
div.mod-login,
#login-form {
    background: #ffffff !important;
    padding: 30px 25px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border-top: 5px solid #007bff !important; /* Linha azul superior */
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* 3. Ajuste do Grupo de Entrada (Lado a Lado no T4) */
#login-form .input-group,
div.mod-login .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* 4. Caixa Cinza Claro para o Ícone (Boneco/Cadeado) */
#login-form .input-group-text,
div.mod-login .input-group-text {
    background-color: #f1f3f5 !important;
    border: 1px solid #ced4da !important;
    border-right: none !important; /* Cola o ícone na caixa de texto */
    border-radius: 4px 0 0 4px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #495057 !important;
    padding: 0 15px !important;
    flex-shrink: 0 !important;
}

/* 5. Inputs de Texto (Fundo Cinza Claro) */
#login-form input.form-control,
#login-form input[type="text"], 
#login-form input[type="password"] {
    height: 45px !important;
    padding: 10px 15px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0 4px 4px 0 !important; /* Arredonda só o lado direito */
    background-color: #f1f3f5 !important;
    color: #333333 !important;
    font-size: 15px !important;
    margin-bottom: 0 !important;
    flex-grow: 1 !important;
    width: 100% !important;
    box-shadow: none !important;
}

/* Foco Azul ao Clicar para Digitar */
#login-form input.form-control:focus {
    border-color: #007bff !important;
    background-color: #ffffff !important; /* Fica branco ao selecionar */
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15) !important;
}

/* 6. Botão de Entrar */
#login-form button.btn-primary,
div.mod-login button.btn {
    width: 100% !important;
    height: 45px !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
    transition: background-color 0.2s ease !important;
}

#login-form button.btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}











/* Transforma o item de menu Login em botão Laranja (T4 Framework) */
.t4-megamenu .navbar-nav > li[data-id="339"] {
    display: flex !important;
    align-items: center !important; /* Centraliza o botão verticalmente na barra */
    padding: 0 10px !important;
}

.t4-megamenu .navbar-nav > li[data-id="339"] > a.nav-link {
    background-color: #ff8c00 !important; /* Laranja */
    color: #ffffff !important;            /* Texto Branco */
    padding: 8px 20px !important;         /* Espaçamento interno da caixa do botão */
    border-radius: 4px !important;        /* Cantos suavemente arredondados */
    font-weight: bold !important;         /* Texto em negrito */
    line-height: 1.2 !important;          /* Ajusta o texto dentro do botão */
    height: auto !important;              /* Quebra a altura padrão de 70px do T4 */
    display: inline-block !important;
    transition: background-color 0.3s ease !important;
}

/* Efeito ao passar o mouse por cima (Hover) */
.t4-megamenu .navbar-nav > li[data-id="339"] > a.nav-link:hover {
    background-color: #e07b00 !important; /* Laranja mais escuro */
    color: #ffffff !important;
    text-decoration: none !important;
}









/* ==========================================================================
   APENAS PARA VERSÃO MOBILE (Menu Lateral / Celular)
   ========================================================================== */
.t4-offcanvas .navbar-nav > li.item-339,
.t4-offcanvas-body .navbar-nav > li.item-339 {
    padding: 10px 15px !important; /* Espaço para o botão respirar na lista */
    display: block !important;
}

.t4-offcanvas .navbar-nav > li.item-339 > a,
.t4-offcanvas-body .navbar-nav > li.item-339 > a {
    background-color: #ff8c00 !important; /* Laranja */
    color: #ffffff !important;            /* Texto Branco */
    padding: 12px 20px !important;        /* Formato de botão maior para o toque */
    border-radius: 4px !important;        /* Cantos arredondados */
    font-weight: bold !important;         /* Texto em negrito */
    display: block !important;            /* Faz o botão ocupar a largura interna do menu móvel */
    text-align: center !important;        /* Centraliza o texto "Login" */
    line-height: 1.4 !important;
    height: auto !important;              /* Anula travas de altura do mobile */
}

/* Efeito ao tocar / passar o mouse no mobile */
.t4-offcanvas .navbar-nav > li.item-339 > a:hover,
.t4-offcanvas-body .navbar-nav > li.item-339 > a:hover,
.t4-offcanvas .navbar-nav > li.item-339 > a:focus {
    background-color: #e07b00 !important; /* Laranja mais escuro */
    color: #ffffff !important;
}