/* 
   ==========================================================================
   COSMOS UFRN - ADAPTAÇÃO PROGESP (Surgical Edition)
   ========================================================================== 
*/

:root {
    --ufrn-primary: #85cc3d;      /* Verde Cosmos (Identidade UFRN) */
    --ufrn-secondary: #c6edbe;    /* Verde Claro */
    --ufrn-accent: #589e3c;       /* Verde Escuro */
    --ufrn-gray-light: #f8f9fa;   /* Background Cosmos */
    --ufrn-gray-text: #495057;
    --ufrn-white: #ffffff;
}

/* 1. Ajustes Gerais de Fundo e Texto (Sem mexer na fonte) */
body {
    background-color: var(--ufrn-gray-light) !important;
    color: var(--ufrn-gray-text);
}


/* 2. Navbar e Navegação (Bootsnav) */
nav.navbar.bootsnav {
    background-color: var(--ufrn-white);
   
}

nav.navbar.bootsnav ul.nav > li > a {
    color: var(--ufrn-gray-text) !important;
    font-weight: 600;
}

nav.navbar.bootsnav ul.nav > li > a:hover {
    color: var(--ufrn-primary) !important;
}

.container {
    padding-bottom: 15px !important;
}

/* 3. Botões e Ações (Surgical Overrides) */
.btn-primary, 
.concurso-public .btn-custom-baixar,
.card-noticias .button-noticias
 {
    background-color: var(--ufrn-primary) !important;
    border-color: var(--ufrn-primary) !important;
    color: var(--ufrn-white) !important;
    font-weight: 800;
    border-radius: 50px !important;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 6px 20px !important;
    margin: 5px 0 !important;
    text-align: center;
}

.btn-primary:hover, 
.concurso-public .btn-custom-baixar:hover,
.card-noticias .button-noticias:hover,
 {
    background-color: var(--ufrn-accent) !important;
    border-color: var(--ufrn-accent) !important;
    color: var(--ufrn-white) !important;
    text-decoration: none !important;
}

/* 4. Cards de Notícias e Destaques */
.card-noticias {
    border: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    background: var(--ufrn-white) !important;
}

.card-noticias h3 {
    color: var(--ufrn-accent) !important;
}

/* 5. Menu Principal (Correção do Background Branco nos Cards) */
.custom-menu-item {
    background: transparent !important;
    box-shadow: none !important;
}

.custom-menu-text {
    color: var(--ufrn-gray-text) !important;
    font-weight: 600 !important;
}

.custom-menu-item:hover .custom-menu-text {
    color: var(--ufrn-primary) !important;
}

/* 6. Rodapé (Fundo Branco, Texto Cinza Cosmos e Reset de Espaçamento Original) */
footer {
    background-color: var(--ufrn-white) !important;
    color: var(--ufrn-gray-text) !important;
    padding: 15px !important; /* Reset para o original */
    margin-top: 80px !important; /* Reset para o original */
    min-height: 100px !important; /* Reset para o original */
    border-top: 3px solid var(--ufrn-primary) !important; /* Linha de separação igual à navbar */
    display: block !important;
}

footer a {
    color: var(--ufrn-gray-text) !important;
    font-weight: bold;
    text-decoration: none !important;
}

footer a:hover {
    color: var(--ufrn-primary) !important;
    text-decoration: underline !important;
}

footer p {
    color: var(--ufrn-gray-text) !important;
    line-height: 1.6;
}

/* Forçando cor cinza cosmos no texto do rodapé */
footer .col-md-6 p, 
footer .col-md-6 a,
footer .col-md-2 p {
    color: var(--ufrn-gray-text) !important;
}

/* Ícones sociais no rodapé (Mantidos em Verde para destaque) */
footer .list-inline li a i {
    color: var(--ufrn-primary) !important;
}

/* Ícones sociais no rodapé */
footer .list-inline li a {
    font-size: 30px !important;
}

footer .list-inline li a:hover i {
    color: var(--ufrn-accent) !important;
}

/* 7. Barra de Acessibilidade (Mantida em Verde UFRN para contraste no topo) */
.accessibility-bar-wrapper {
    background: var(--ufrn-primary) !important;
    height: 30px !important;
}

.accessibility-bar-wrapper a {
    color: var(--ufrn-white) !important;
    text-decoration: none !important;
}

.accessibility-bar-wrapper a:hover {
    color: var(--ufrn-secondary) !important;
}

/* 8. Paginação e Tabs */
.concurso-public .pagination>.active>a,
.space-collapse .nav-tabs>li.active>a {
    background-color: var(--ufrn-primary) !important;
    border-color: var(--ufrn-primary) !important;
    color: var(--ufrn-white) !important;
}

.concurso-public .pagination>li>a {
    color: var(--ufrn-primary) !important;
}

/* 9. Seção de Notícias Principal (Box) */
.box-noticias {
    background: var(--ufrn-primary) !important;
    border-radius: 15px !important;
    margin-bottom: 20px;
}

.box-noticias h4, .box-noticias p, .box-noticias p a {
    color: var(--ufrn-white) !important;
}

/* 10. Proteção de Ícones (Geral) */
.fa, .lnr {
    display: inline-block;
}

/* 11. Destaque para Busca (Search Index) */
.search-index {
    border: 2px solid var(--ufrn-primary) !important;
    border-radius: 50px !important;
    overflow: hidden;
    background: var(--ufrn-white) !important;
    padding: 2px !important;
}

.search-index input.form-control {
    border: none !important;
    box-shadow: none !important;
    height: 45px !important;
    padding-left: 20px !important;
    background: transparent !important;
}

.search-index .input-group-btn button.btn {
    background-color: var(--ufrn-primary) !important;
    color: var(--ufrn-white) !important;
    border: none !important;
    border-radius: 50px !important;
    margin-right: 2px !important;
    height: 40px !important;
    width: 45px !important;
    transition: background 0.3s ease;
}

.search-index .input-group-btn button.btn:hover {
    background-color: var(--ufrn-accent) !important;
}

.search-index .input-group-btn button.btn i {
    font-size: 18px !important;
}

/* 12. Busca na Navbar (Bootsnav / Top Search) */
.top-search,
.searchform {
    background-color: var(--ufrn-gray-light) !important;
   
}

.top-search input.form-control,
.searchform input.form-control {
    background-color: var(--ufrn-gray-light) !important;
    color: var(--ufrn-gray-text) !important;
    border: none !important;
    
    box-shadow: none !important;
    border-radius: 0 !important;
}

.top-search .input-group {
    background-color: var(--ufrn-gray-light) !important;
    border: none !important;
    color: var(--ufrn-primary) !important;
    border-bottom: 2px solid var(--ufrn-primary) !important; /* Destaque apenas no bottom do input */
}

.top-search .close-search {
    color: var(--ufrn-primary) !important;
}

/* 13. Formulário de Contato (#form) */
#form {
    background: var(--ufrn-white) !important;
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    margin-top: 20px !important;
}

#form div[style*="background-color: #dfeded"] {
    background-color: var(--ufrn-secondary) !important;
    border-radius: 10px !important;
    border-left: 5px solid var(--ufrn-primary) !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
}

#form .formgroup {
    margin-bottom: 20px !important;
}

#form label {
    color: var(--ufrn-gray-text) !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block;
}

#form input[type="text"],
#form input[type="email"],
#form textarea {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 12px !important;
    background: var(--ufrn-white) !important;
    transition: border-color 0.3s ease;
}

#form input:focus, #form textarea:focus {
    border-color: var(--ufrn-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--ufrn-secondary) !important;
}

#form input[type="submit"] {
    background-color: var(--ufrn-primary) !important;
    color: var(--ufrn-white) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    width: auto !important;
    display: block;
    margin: 20px auto 0 !important;
}

#form input[type="submit"]:hover {
    background-color: var(--ufrn-accent) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(133, 204, 61, 0.3) !important;
}

.cls-1 {
    fill: #4CAF50 !important;
}

body .color-base {
    background: #8BC34A !important;
}

body .color-base .bar-bottom-one:after

 {
    border-top: 20px solid #8BC34A !important;
}

 .txt-home {
   
    color: #4CAF50;
    font-weight: 600;
}