/* ==========================================================================
   MASTER CSS - REVISTA PERSONALIZADA (OJS 3 / BOOTSTRAP)
   Tema: Boxed Layout
   Paleta: Terroso (#e9e5db), Verde (#2e5c38), Azul (#1f4e5f), Amarelo (#e0a800)
   Fontes: Roboto Slab (Títulos) & Lato (Corpo)
========================================================================== */

/* --------------------------------------------------------------------------
   1. IMPORTAÇÃO DE FONTES & CONFIGURAÇÕES GERAIS
-------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap');

body {
    background-color: #e9e5db !important; /* Fundo Terroso */
    font-family: 'Lato', sans-serif;
    color: #333;
    overflow-x: hidden;
}

/* Títulos Gerais */
h1, h2, h3, h4, h5 {
    font-family: 'Roboto Slab', serif;
    color: #2e5c38;
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   2. ESTRUTURA "BOXED" (CAIXA CENTRAL)
-------------------------------------------------------------------------- */
.pkp_structure_page, 
div.container {
    background: #fff !important;
    max-width: 1200px !important;
    margin: 50px auto !important; /* Margem superior para ver o fundo */
    box-shadow: 0 5px 30px rgba(0,0,0,0.15) !important;
    padding: 0 !important;
    border-radius: 4px;
    border: none !important;
}

/* --------------------------------------------------------------------------
   3. CABEÇALHO / BANNER (VERDE & LIMPO)
-------------------------------------------------------------------------- */
header.pkp_structure_head,
nav.navbar-default,
div.navbar-header {
    background-color: #2e5c38 !important; /* VERDE */
    border: none !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Remove fundos brancos indesejados (Correção do Bloco Branco) */
header .container,
div.navbar-header .container,
.pkp_head_wrapper,
a.navbar-brand,
.navbar-brand {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Área do Logo/Título */
a.navbar-brand, 
.navbar-brand {
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    padding: 40px 0 !important;
    height: auto !important;
}

/* Imagem do Logo */
.navbar-brand img {
    max-height: 150px !important;
    width: auto !important;
    display: inline-block !important;
    max-width: 90% !important;
}

/* Texto do Título (se não houver imagem) */
.pkp_site_name a {
    color: #fff !important;
    font-family: 'Roboto Slab', serif;
    font-size: 36px !important;
    text-decoration: none;
    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   4. MENU DE NAVEGAÇÃO & BUSCA (BEGE)
-------------------------------------------------------------------------- */
div.navbar-collapse,
div.collapse {
    background-color: #f4f1ea !important; /* BEGE */
    border-bottom: 4px solid #1f4e5f !important; /* Linha AZUL */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 20px !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Lista do Menu */
ul.nav.navbar-nav {
    display: flex !important;
    flex-grow: 1 !important;
    justify-content: space-evenly !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
}

ul.nav.navbar-nav > li { float: none !important; }

/* Links do Menu */
ul.nav.navbar-nav > li > a {
    color: #1f4e5f !important; /* AZUL */
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 14px !important;
    padding: 20px 10px !important;
    transition: all 0.3s ease;
}

/* Hover do Menu */
ul.nav.navbar-nav > li > a:hover,
ul.nav.navbar-nav > li > a:focus {
    background-color: #e0a800 !important; /* AMARELO */
    color: #fff !important;
}

/* --- BUSCA MINIMALISTA --- */
form.navbar-form {
    display: flex !important;
    align-items: center !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin-left: 15px !important;
}

form.navbar-form input.form-control {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #1f4e5f !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1f4e5f !important;
    height: 30px !important;
    width: 120px !important;
    transition: width 0.3s ease !important;
}

form.navbar-form input.form-control:focus {
    width: 170px !important;
    border-bottom: 2px solid #e0a800 !important;
    outline: none !important;
}

form.navbar-form button {
    background: transparent !important;
    border: none !important;
    color: #1f4e5f !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 5px 10px !important;
    display: flex !important;
    align-items: center !important;
}

form.navbar-form button::before {
    content: "\f002"; /* Ícone Lupa */
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 14px;
}

form.navbar-form button:hover { color: #e0a800 !important; }

/* --------------------------------------------------------------------------
   5. CONTEÚDO, SIDEBAR & DETALHES
-------------------------------------------------------------------------- */
/* Cards de Artigos */
.obj_article_summary {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #2e5c38;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    border-left-color: #e0a800;
}

.obj_article_summary .title a {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    color: #1f4e5f;
    text-decoration: none;
}

/* Blocos da Sidebar */
.pkp_block {
    background: #fff !important;
    border: 1px solid #eee !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
    border-radius: 6px;
}

.pkp_block .title {
    color: #2e5c38 !important;
    border-bottom: 2px solid #e0a800 !important;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 15px;
    display: inline-block;
}

/* Links da Sidebar (Efeito Hover) */
.pkp_block a:not(.btn) {
    transition: all 0.3s ease;
    display: inline-block;
}
.pkp_block a:not(.btn):hover {
    color: #e0a800 !important;
    transform: translateX(5px);
    text-decoration: none;
}

/* Botão Submissão (Pílula Amarela) */
.pkp_block_make_submission a, a.btn-primary {
    background: #e0a800 !important;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 20px;
    display: block;
    text-align: center;
    border-radius: 30px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease !important;
    border: none !important;
}

.pkp_block_make_submission a:hover {
    background: #c29100 !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    text-decoration: none !important;
}

/* Botões PDF (Galley) */
a.obj_galley_link, a.file {
    background-color: #1f4e5f !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none !important;
}
a.obj_galley_link:hover { background-color: #e0a800 !important; }

/* --------------------------------------------------------------------------
   6. RODAPÉ (AZUL & ELEGANTE)
-------------------------------------------------------------------------- */
footer, .footer, #footer, .pkp_structure_footer_wrapper {
    background-color: #1f4e5f !important;
    color: #f4f1ea !important;
    border-top: 5px solid #e0a800 !important;
    padding: 40px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    border-radius: 0 0 4px 4px;
}

footer .container, .pkp_structure_footer_wrapper .pkp_footer_content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

footer a, .pkp_structure_footer a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    border-bottom: 1px dotted rgba(255,255,255,0.3);
    transition: all 0.3s ease;
}

footer a:hover {
    color: #e0a800 !important;
    border-bottom: 1px solid #e0a800 !important;
}

.pkp_brand_footer img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.5 !important;
}

/* --------------------------------------------------------------------------
   7. AJUSTES PARA CELULAR (MOBILE)
-------------------------------------------------------------------------- */
@media (max-width: 768px) {
    div.navbar-collapse {
        flex-direction: column !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }
    ul.nav.navbar-nav {
        flex-direction: column !important;
        width: 100% !important;
    }
    ul.nav.navbar-nav > li > a {
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
    }
    form.navbar-form {
        margin: 15px 0 !important;
        justify-content: center !important;
    }
    .pkp_structure_page, div.container {
        width: 95% !important;
        margin: 10px auto !important;
    }
}
/* ==========================================================
   CORREÇÃO VISUAL: BANNER COM FUNDO BRANCO
   (Mantém o menu bege, mas deixa o topo limpo para a imagem)
========================================================== */

/* 1. Muda o fundo do cabeçalho para Branco */
header.pkp_structure_head,
nav.navbar-default,
div.navbar-header {
    background-color: #ffffff !important; /* Branco puro */
    border-bottom: none !important;
}

/* 2. Ajuste de segurança: Se o título for texto (sem imagem), 
   muda a cor dele para Verde (senão sumiria no fundo branco) */
.pkp_site_name a,
a.navbar-brand {
    color: #2e5c38 !important; /* Texto Verde Escuro */
    text-shadow: none !important;
}

/* 3. Garante que o menu continue BEGE */
div.navbar-collapse,
div.collapse {
    background-color: #f4f1ea !important;
    border-top: 1px solid #eee !important; /* Linha sutil separando banner do menu */
}
/* ===============================
   ESTILO DE CABEÇALHO 1: CLÁSSICO
   Topo Verde + Base Dourada
================================ */
header.pkp_structure_head,
div.navbar-header {
    /* Teto Verde Sólido (Identidade) */
    border-top: 6px solid #2e5c38 !important; 
    
    /* Base Dourada Fina (Sofisticação) */
    border-bottom: 2px solid #e0a800 !important;
    
    /* Remove laterais para não parecer uma caixa fechada demais */
    border-left: none !important;
    border-right: none !important;
}
/* ==========================================================
   MENU DROPDOWN DE LUXO (CONTRASTE E HOVER)
========================================================== */

/* 1. A Caixa do Menu (O fundo que abre) */
ul.dropdown-menu {
    background-color: #1f4e5f !important; /* Fundo AZUL PETRÓLEO */
    border: none !important;
    border-top: 3px solid #e0a800 !important; /* Detalhe Dourado no topo */
    border-radius: 0 0 4px 4px !important;
    padding: 10px 0 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important; /* Sombra forte para destacar */
    min-width: 220px !important; /* Garante que não fique estreito demais */
}

/* 2. Os Itens da Lista (Links) */
ul.dropdown-menu > li > a {
    color: #fff !important; /* Texto BRANCO para contraste */
    font-family: 'Lato', sans-serif !important;
    font-size: 15px !important; /* Fonte maior */
    font-weight: 500 !important;
    padding: 12px 20px !important; /* Mais espaçamento para clicar */
    border-bottom: 1px solid rgba(255,255,255,0.1) !important; /* Linha divisória sutil */
    transition: all 0.2s ease-in-out !important; /* Animação suave */
}

/* Remove a linha do último item */
ul.dropdown-menu > li:last-child > a {
    border-bottom: none !important;
}

/* 3. O Efeito Hover (Ao passar o mouse nas opções) */
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus {
    background-color: #e0a800 !important; /* Fundo AMARELO OURO */
    color: #fff !important;
    padding-left: 28px !important; /* O texto "anda" para a direita */
    text-decoration: none !important;
}

/* 4. Seta indicativa (Opcional - cria uma setinha no topo do menu) */
ul.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 20px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0a800; /* Triângulo Dourado */
}
/* =========================================
   PÁGINA DO ARTIGO (Bootstrap 3 Theme)
   ========================================= */

/* --- 1. Título do Artigo --- */
.article-details h1.page-header {
    color: #3A633E; /* Verde Escuro da paleta */
    font-weight: 700; /* Negrito */
    border-bottom: 3px solid #FFD700; /* Linha dourada grossa abaixo do título */
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 2.2em; /* Um pouco maior que o padrão */
}

/* --- 2. Caixa do Resumo (Abstract) --- */
/* Cria um destaque visual para o resumo não ficar "solto" */
.article-summary, 
.article-abstract {
    background-color: #f8fcf8; /* Um verde/branco extremamente claro e suave */
    border-left: 5px solid #3A633E; /* Borda lateral verde */
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.article-summary h2,
.article-abstract h3 {
    color: #5B98D7; /* Título "Resumo" em Azul Céu */
    font-size: 1.4em;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: bold;
}

/* --- 3. Botão de PDF (O mais importante!) --- */
/* Estiliza o botão de download para chamar atenção */
a.galley-link.btn, 
.download .btn {
    background-color: #3A633E !important; /* Fundo Verde */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important; /* Botão arredondado moderno */
    padding: 10px 25px !important;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

/* Efeito ao passar o mouse no botão PDF */
a.galley-link.btn:hover,
.download .btn:hover {
    background-color: #5B98D7 !important; /* Muda para Azul Céu */
    transform: translateY(-2px); /* O botão "sobe" levemente */
    box-shadow: 0 6px 10px rgba(0,0,0,0.3);
}

/* --- 4. Metadados (Data, Autores, DOI) --- */
/* Caixa lateral ou superior com informações */
.panel-default {
    border-color: #e0e0e0;
}

.panel-default > .panel-heading {
    background-color: #3A633E; /* Cabeçalho dos painéis laterais em verde */
    color: #fff;
    border-color: #3A633E;
}

/* Nome dos autores */
.authors .author-name {
    font-size: 1.1em;
    color: #333;
    font-weight: bold;
}

/* Afiliação dos autores (instituição) */
.authors .author-affiliation {
    color: #666;
    font-style: italic;
    font-size: 0.9em;
}
/* --- ALINHAMENTO JUSTIFICADO (FORÇADO) --- */

/* Alvo: Resumo, Parágrafos do Artigo e Biografia */
.article-details,
.article-details p,
.article-details .abstract,
.article-summary,
.author-bio,
.item.abstract {
    /* Força o alinhamento justificado ignorando o padrão do tema */
    text-align: justify !important;
    
    /* Melhora o espaçamento entre palavras */
    text-justify: inter-word !important;
}

/* Prevenção: Garante que os Títulos NÃO fiquem justificados */
h1, h2, h3, h4, .page-header {
    text-align: left !important;
}

/* ======================================================
   AJUSTES FINAIS (Cambria & Espaçamento)
====================================================== */

/* 1. Define Cambria para os Títulos */
h1, h2, h3, h4, h5, .page-header, .pkp_site_name a {
    font-family: Cambria, Georgia, serif !important;
}

/* 2. Desce o Bloco de Idiomas para não colar na borda */
.pkp_block.block_language {
    margin-top: 40px !important; 
}
/* --- FUNDO TIPO TEXTURA OU COR SÓLIDA --- */
.pkp_structure_page, div.container {
    /* Se for COR SÓLIDA (ex: Creme bem clarinho): */
    background-color: #fcfbf7 !important; 

    /* Se for TEXTURA (ex: Papel granulado): */
    /* background-image: url('https://www.transparenttextures.com/patterns/cream-paper.png') !important; */
    /* background-repeat: repeat !important; */
}
/* --- SOMBRA COLORIDA DIFUSA --- */
.pkp_structure_page, div.container {
    /* O 3º número (30px) é o quanto borra a sombra */
    box-shadow: 0 3.5px 8px rgba(46, 92, 56, 0.6) !important; /* Verde com transparência */
}
/*body {
    /* Cole o link que você copiou dentro das aspas abaixo 
    background-image: url('https://revistas.uece.br/index.php/sustentabilidadeambiental/$$$call$$$/api/file/file-api/download-library-file?libraryFileId=267') !important;
    
    /* Configurações para a imagem cobrir a tela inteira e ficar fixa 
    background-repeat: no-repeat !important;
    background-attachment: fixed !important; 
    background-size: cover !important; 
    background-position: center center !important;
}*/

/* 4. Cor do link ao passar o mouse */
.pkp_structure_footer_wrapper a:hover {
    color: #e0a800 !important; /* Dourado */
}
/* Transforma o link de submissão em um botão chamativo */
.pkp_block.block_make_submission a {
    display: block;
    background-color: #2e5c38; /* Verde da marca (ou use #e0a800 para Dourado) */
    color: #ffffff !important;
    font-family: 'Roboto Slab', serif; /* Ou Cambria, se preferir */
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

.pkp_block.block_make_submission a:hover {
    background-color: #1f4e5f; /* Azul Petróleo ao passar o mouse */
    transform: translateY(-2px); /* Leve subida */
}
/* ======================================================
   CORREÇÃO DEFINITIVA DO RODAPÉ (Fundo Transparente)
====================================================== */

/* 1. Força a CAIXA INTERNA do rodapé a ser transparente */
/* Isso anula a regra geral que deixa os containers brancos */
.pkp_structure_footer_wrapper div.container,
footer div.container,
.pkp_structure_footer div.container {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Garante que o fundo geral do rodapé seja Azul Petróleo */
.pkp_structure_footer_wrapper,
footer {
    background-color: #1f4e5f !important;
    border-top: 5px solid #e0a800 !important; /* Borda Dourada */
    color: #f4f1ea !important; /* Texto Creme */
}

/* 3. Ajusta a cor dos Textos e Links para ficarem legíveis no azul */
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper a,
.pkp_structure_footer_wrapper h4,
.pkp_structure_footer_wrapper div {
    color: #f4f1ea !important; 
    text-shadow: none !important;
}

/* 4. Cor do link ao passar o mouse */
.pkp_structure_footer_wrapper a:hover {
    color: #e0a800 !important; /* Dourado */
}
/* ======================================================
   CORREÇÃO DEFINITIVA – MENU DESLOCANDO PARA A DIREITA
   OJS 3.3.0-13 | Bootstrap 3
====================================================== */

/* 1. Header e menu NÃO devem herdar o boxed layout */
header.pkp_structure_head,
header.pkp_structure_head .container,
nav.navbar-default,
.pkp_site_nav_menu .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 2. Neutraliza o .row assassino do Bootstrap 3 */
header .row,
.pkp_site_nav_menu .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. Corrige o navbar-collapse (REMOVE space-between) */
div.navbar-collapse,
div.collapse {
    display: flex !important;
    justify-content: center !important; /* 🔑 */
    align-items: center !important;
    padding: 0 !important;
}

/* 4. Menu centralizado de forma estável */
ul.nav.navbar-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none !important;
    margin: 0 auto !important;
    width: auto !important;
}

/* 5. Busca não empurra mais o menu */
form.navbar-form {
    margin-left: 20px !important;
    margin-right: 0 !important;
}
/* ======================================================
   FIX DEFINITIVO – MENU CENTRALIZADO (CHROME / EDGE)
====================================================== */

/* 1. Header e navbar SEM layout boxed */
header.pkp_structure_head,
nav.navbar-default,
nav.navbar-default > .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 2. Mata margens negativas do Bootstrap */
nav.navbar-default .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. Navbar-collapse vira bloco normal */
.navbar-collapse {
    display: block !important;
    text-align: center !important;
}

/* 4. MENU CENTRALIZADO DE VERDADE */
.navbar-nav {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* 5. Itens do menu lado a lado */
.navbar-nav > li {
    float: none !important;
    display: inline-block !important;
}

/* 6. Busca alinhada sem empurrar o menu */
.navbar-form {
    float: right !important;
    margin-top: 10px !important;
}
/* =====================================================
   FIX ISOLADO DO MENU
   Mantém TODO o layout existente
   Corrige Chrome / Edge
===================================================== */

/* Wrapper do menu */
.pkp_site_nav_menu {
    width: 100%;
}

/* UL do menu */
.pkp_site_nav_menu ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    float: none !important;
    margin: 0 auto;
}

/* Itens do menu */
.pkp_site_nav_menu ul li {
    float: none !important;
}

/* Evita empurrão lateral causado por herança */
.pkp_site_nav_menu_wrapper,
.pkp_site_nav_toggle {
    clear: both;
}
/* ======================================================
   FIX FINAL E ÚNICO – MENU OJS 3 / BOOTSTRAP 3
   NÃO ALTERAR NADA ABAIXO
====================================================== */

/* Header e navbar sempre largura total */
header.pkp_structure_head,
nav.navbar-default,
nav.navbar-default > .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Remove efeitos colaterais de rows */
nav.navbar-default .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Navbar-collapse VOLTA AO MODELO BOOTSTRAP 3 */
.navbar-collapse {
    display: block !important;
    text-align: center !important;
    float: none !important;
}

/* Menu centralizado e estável */
.navbar-nav {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* Itens lado a lado */
.navbar-nav > li {
    float: none !important;
    display: inline-block !important;
}

/* Busca não interfere no menu */
.navbar-form {
    float: right !important;
    margin-top: 10px !important;
}
/* ======================================================
   FIX ESTRUTURAL – MENU OJS 3.3 / BOOTSTRAP 3
   Compatível com Chrome, Edge e Firefox
====================================================== */

/* Corrige o container do menu */
.pkp_site_nav_menu .container,
.pkp_site_nav_menu .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Navbar interna */
.pkp_site_nav_menu .navbar-collapse {
    width: 100% !important;
    text-align: center !important;
}

/* UL do menu */
.pkp_site_nav_menu .navbar-nav {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* LI lado a lado */
.pkp_site_nav_menu .navbar-nav > li {
    float: none !important;
    display: inline-block !important;
}

/* Busca SEM empurrar o menu */
.pkp_site_nav_menu .navbar-form {
    float: right !important;
    margin-right: 15px !important;
}
/* ======================================================
   FIX DEFINITIVO – MENU FORA DA TELA (OJS 3.3)
====================================================== */

/* Remove qualquer posicionamento forçado do header/menu */
.pkp_structure_head,
.pkp_site_nav_menu,
.pkp_site_nav_menu nav,
.pkp_site_nav_menu .navbar,
.pkp_site_nav_menu .navbar-collapse {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
}

/* Garante que o menu respeite o fluxo normal */
.pkp_site_nav_menu {
    width: 100% !important;
    overflow: visible !important;
}

/* Container do menu */
.pkp_site_nav_menu .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Menu centralizado corretamente */
.pkp_site_nav_menu .navbar-nav {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* Itens lado a lado */
.pkp_site_nav_menu .navbar-nav > li {
    float: none !important;
    display: inline-block !important;
}

/* Busca não empurra o menu */
.pkp_site_nav_menu .navbar-form {
    float: right !important;
    margin-top: 10px !important;
}
/* =====================================================
   CORREÇÃO FINAL – MENU SUBINDO E SAINDO À DIREITA
   (Bootstrap 3 + OJS 3.3)
===================================================== */

/* Header NÃO pode ser flex no Bootstrap 3 */
header.pkp_structure_head,
nav.navbar-default,
div.navbar-header {
    display: block !important;
}

/* Navbar segue o fluxo normal */
nav.navbar-default {
    position: static !important;
}

/* Container do menu alinhado corretamente */
.pkp_site_nav_menu,
.pkp_site_nav_menu .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Menu centralizado sem subir */
.pkp_site_nav_menu .navbar-collapse {
    position: static !important;
    text-align: center !important;
}

/* UL do menu */
.pkp_site_nav_menu .navbar-nav {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* Itens lado a lado */
.pkp_site_nav_menu .navbar-nav > li {
    float: none !important;
    display: inline-block !important;
}
/* =====================================================
   FIX FINAL — MENU FORA DA TELA (Chrome / Edge)
   OJS 3.3.0.13 | Bootstrap 3
===================================================== */

/* 1. Header e navbar VOLTAM ao fluxo normal */
header.pkp_structure_head,
nav.navbar-default,
div.navbar-header {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    transform: none !important;
}

/* 2. Remove qualquer deslocamento herdado */
nav.navbar-default,
.navbar,
.navbar-header,
.navbar-collapse {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Corrige o container interno do menu */
nav.navbar-default > .container {
    width: 100% !important;
    max-width: 100% !important;
}

/* 4. UL do menu centralizado SEM flex */
.navbar-nav {
    float: none !important;
    display: table !important;
    margin: 0 auto !important;
}

/* 5. Itens do menu */
.navbar-nav > li {
    float: left !important;
}

/* 6. Busca não interfere no menu */
.navbar-form {
    float: right !important;
    margin-right: 20px !important;
}

/* 7. Segurança: nada pode sair da tela */
body {
    overflow-x: hidden !important;
}
/* =====================================================
   FIX FINAL ESTÁVEL — TODOS OS NAVEGADORES
   Bootstrap 3 + OJS 3.3
===================================================== */

/* 1. Header SEM flex (estrutura) */
header.pkp_structure_head,
nav.navbar-default,
div.navbar-header {
    display: block !important;
    position: relative !important;
}

/* 2. Flex APENAS onde é seguro (conteúdo interno) */
.pkp_site_name_wrapper,
.pkp_site_nav_menu_wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 3. Navbar-collapse NORMAL */
.navbar-collapse {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

/* 4. Menu centralizado (padrão Bootstrap 3) */
.navbar-nav {
    float: none !important;
    display: table !important;
    margin: 0 auto !important;
}

/* 5. Itens do menu */
.navbar-nav > li {
    float: left !important;
}

/* 6. Busca alinhada sem empurrar nada */
.navbar-form {
    float: right !important;
    margin-top: 8px !important;
}

/* 7. Impede QUALQUER vazamento lateral */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
/* ======================================================
   AJUSTES FINAIS – CAMADA DE SEGURANÇA
   NÃO APAGAR | NÃO REORGANIZAR
   Correções incrementais (2026+)
====================================================== */
/* === FIX SEGURO DO MENU (OJS 3.3 / Bootstrap 3) === */

/* Impede que o menu saia da tela */
header.pkp_structure_head,
nav.navbar-default,
.navbar,
.navbar-collapse {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
}

/* Garante largura total no header/menu */
header.pkp_structure_head,
nav.navbar-default,
nav.navbar-default > .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Menu centralizado (método estável do Bootstrap 3) */
.navbar-nav {
    float: none !important;
    display: table !important;
    margin: 0 auto !important;
}

/* Itens lado a lado */
.navbar-nav > li {
    float: left !important;
}

/* Busca não empurra o menu */
.navbar-form {
    float: right !important;
    margin-right: 15px !important;
}

/* Segurança contra vazamento lateral */
html, body {
    overflow-x: hidden !important;
}
/* === AJUSTES FINOS – MENU PRINCIPAL (SEGURO) === */

/* Altura e alinhamento vertical do menu */
.navbar {
    min-height: 64px !important;
}

.navbar-nav > li > a {
    padding: 22px 18px !important;
    line-height: 1 !important;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    text-transform: uppercase;
}

/* Cor de fundo do menu */
.navbar-default {
    background-color: #0f5132 !important; /* verde institucional */
    border: none !important;
}

/* Hover elegante */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
    transition: background-color 0.25s ease;
}

/* Item ativo */
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover {
    background-color: rgba(255,255,255,0.25) !important;
    color: #ffffff !important;
}

/* Evita quebra visual em telas médias */
@media (max-width: 991px) {
    .navbar-nav {
        display: block !important;
        text-align: center;
    }

    .navbar-nav > li {
        float: none !important;
        display: inline-block;
    }
}
/* === MENU – ESPAÇAMENTO + MOLDURA SUTIL (SEGURO) === */

/* Mais espaço entre os botões */
.navbar-nav > li {
    margin: 0 10px !important;
}

/* Estilo dos botões */
.navbar-nav > li > a {
    padding: 14px 22px !important;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.35);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.25),
        0 2px 4px rgba(0,0,0,0.15);
    background-color: transparent;
}

/* Hover – efeito de relevo */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: rgba(255,255,255,0.18) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.35),
        0 4px 8px rgba(0,0,0,0.25);
    transform: translateY(-1px);
}

/* Item ativo */
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover {
    background-color: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.6);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.45),
        0 4px 10px rgba(0,0,0,0.3);
}

/* Transição suave (sem impacto estrutural) */
.navbar-nav > li > a {
    transition: all 0.25s ease;
}
/* === MENU – VERSÃO LEVE E INTEGRADA AO BANNER === */

/* Header neutro */
.navbar-default {
    background-color: transparent !important;
}

/* Botões leves, sem caixa */
.navbar-nav > li {
    margin: 0 14px !important;
}

.navbar-nav > li > a {
    padding: 14px 10px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #2b2b2b !important;
    font-weight: 600;
    letter-spacing: 0.4px;
}

/* Hover editorial (linha inferior sutil) */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background: transparent !important;
    color: #000 !important;
    box-shadow: inset 0 -2px 0 #198754;
}

/* Item ativo */
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover {
    background: transparent !important;
    color: #000 !important;
    box-shadow: inset 0 -3px 0 #198754;
}

/* Transição suave */
.navbar-nav > li > a {
    transition: color 0.2s ease, box-shadow 0.2s ease;
}
/* === MENU EDITORIAL – PRESENÇA SUTIL === */

/* Reduz altura geral do menu */
.navbar {
    min-height: 52px !important;
}

/* Tipografia alinhada ao título da revista */
.navbar-nav > li > a {
    padding: 16px 12px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #2a2a2a !important;
}

/* Mais respiro lateral entre opções */
.navbar-nav > li {
    margin: 0 16px !important;
}

/* Linha inferior no hover */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #000 !important;
    box-shadow: inset 0 -2px 0 #198754;
}

/* Item ativo – presença um pouco maior */
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover {
    color: #000 !important;
    box-shadow: inset 0 -3px 0 #198754;
}

/* Transições suaves */
.navbar-nav > li > a {
    transition: color 0.2s ease, box-shadow 0.2s ease;
}
/* === MENU – ALTURA REAL + LINHA VISÍVEL === */

/* Remove espaço vertical excessivo do header */
header.pkp_structure_head {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Menu mais baixo de verdade */
.navbar {
    min-height: 46px !important;
    margin-bottom: 0 !important;
}

/* Ajuste fino do container do menu */
.navbar-nav {
    margin: 0 !important;
}

/* Link ocupa toda a altura do menu */
.navbar-nav > li > a {
    padding: 14px 12px !important;
    line-height: 18px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #2a2a2a !important;
}

/* Linha inferior REAL (não depende de box-shadow) */
.navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 2px;
    background-color: #198754;
    transform: scaleX(0);
    transition: transform 0.25s ease;
}

/* Hover */
.navbar-nav > li > a:hover::after,
.navbar-nav > li > a:focus::after {
    transform: scaleX(1);
}

/* Item ativo */
.navbar-nav > .active > a::after {
    transform: scaleX(1);
    height: 3px;
}
/* === CONJUNTO VISUAL: BANNER + MENU + TÍTULO === */

/* Remove espaçamentos que quebram a leitura vertical */
header.pkp_structure_head {
    margin-bottom: 0 !important;
}

/* Menu colado visualmente ao banner */
.navbar {
    border-top: 1px solid rgba(0,0,0,0.06);
}

/* Título da revista – aproxima do menu */
.pkp_site_name {
    margin-top: 6px !important;
    margin-bottom: 12px !important;
}

/* Tipografia do título e menu em harmonia */
.pkp_site_name a,
.navbar-nav > li > a {
    letter-spacing: 0.4px;
}

/* Linha do menu conversa com o título */
.navbar-nav > li > a::after {
    background-color: #2f8f5b;
}
/* === OPÇÃO 1 – CONJUNTO MAIS INTEGRADO === */

/* Banner, menu e título colados visualmente */
header.pkp_structure_head {
    margin-bottom: 0 !important;
}

.navbar {
    border-top: 1px solid rgba(0,0,0,0.04);
}

.pkp_site_name {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
}

/* Harmonia tipográfica */
.pkp_site_name a,
.navbar-nav > li > a {
    letter-spacing: 0.35px;
}

/* Linha do menu suave e discreta */
.navbar-nav > li > a::after {
    background-color: #2f8f5b;
    height: 1.5px;
}
/* =========================================================
   AJUSTE FINO — CONJUNTO VISUAL INTEGRADO (HÍBRIDO)
   Banner + Título + Menu alinhados
========================================================= */

/* 1. Aproxima banner e menu */
header.pkp_structure_head {
    margin-bottom: 4px !important;
}

/* 2. Menu mais baixo (menos altura vertical) */
.navbar,
.navbar-collapse {
    min-height: 42px !important;
}

/* 3. Reduz espaçamento interno do menu */
.navbar-nav > li > a {
    padding: 10px 14px !important;
    font-family: Cambria, Georgia, serif !important; /* alinha com o título */
    letter-spacing: 0.4px;
    position: relative;
}

/* 4. Linha inferior elegante no hover (leve presença) */
.navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 15%;
    bottom: 6px;
    width: 70%;
    height: 2px;
    background-color: #2e5c38;
    opacity: 0;
    transition: opacity 0.25s ease;
}

/* 5. Ativa linha no hover e item ativo */
.navbar-nav > li > a:hover::after,
.navbar-nav > .active > a::after {
    opacity: 1;
}

/* 6. Evita fundo pesado no hover */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: transparent !important;
}

/* 7. Alinha tipografia do título com o menu */
.pkp_site_name a {
    letter-spacing: 0.6px;
}

/* 8. Leve separação estrutural (quase imperceptível) */
.navbar {
    border-top: 1px solid rgba(0,0,0,0.05);
}
/* =========================================================
   REFINO FINAL — DROPDOWN + MICROANIMAÇÃO DE HOVER
   Seguro para OJS 3.3 / Bootstrap 3
========================================================= */

/* ===== DROPDOWN ===== */

/* Caixa do dropdown */
.navbar-nav .dropdown-menu {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 0 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.12) !important;
    margin-top: 6px !important;
}

/* Itens do dropdown */
.navbar-nav .dropdown-menu > li > a {
    font-family: Cambria, Georgia, serif !important;
    font-size: 14px !important;
    color: #1f4e5f !important;
    padding: 10px 22px !important;
    transition: background-color 0.2s ease, padding-left 0.2s ease;
}

/* Hover elegante no dropdown */
.navbar-nav .dropdown-menu > li > a:hover {
    background-color: rgba(46, 92, 56, 0.06) !important;
    padding-left: 26px !important;
}

/* Remove caret exagerado do Bootstrap */
.navbar-nav > li.dropdown > a .caret {
    margin-left: 4px;
    border-top-color: #1f4e5f;
}

/* ===============================
   MENU "SOBRE" – DROPDOWN EM BOTÕES
   Tema: Bootstrap Padrão (OJS)
================================ */

.pkp_navigation_primary .dropdown-menu {
    background: #ffffff;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.18);
    border: none;
    min-width: 260px;
}

.pkp_navigation_primary .dropdown-menu > li > a {
    display: block;
    padding: 10px 14px;
    margin-bottom: 8px;
    background-color: #2f5d38;
    color: #ffffff !important;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

/* remove margem do último */
.pkp_navigation_primary .dropdown-menu > li:last-child > a {
    margin-bottom: 0;
}

/* hover elegante */
.pkp_navigation_primary .dropdown-menu > li > a:hover {
    background-color: #3f7a4d;
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
/* =========================================================
   FIX DEFINITIVO DO DROPDOWN (SEM QUEBRAR O MENU)
   Bootstrap 3 / OJS 3.3
========================================================= */

/* Restaura comportamento normal do Bootstrap */
.navbar-nav {
    position: relative !important;
}

/* Dropdown precisa sair do fluxo de tabela */
.navbar-nav .dropdown {
    position: relative !important;
}

/* FORÇA o dropdown a ignorar display: table */
.navbar-nav .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    display: none;
    float: left;
}
/*hover*/
/.navbar-nav .dropdown-menu > li > a:hover {
    background-color: #1f4d30;
    color: #ffffff !important;
    transform: translateX(4px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Mantém dropdown aberto ao clicar */
.navbar-nav > li.dropdown.open > .dropdown-menu {
    display: block !important;
}
/* ==================================================
   OVERRIDE FINAL DO HOVER – DROPDOWN "SOBRE"
   (vence qualquer regra anterior)
================================================== */

.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    background-color: #1f4d30 !important;
    color: #ffffff !important;
    transform: translateX(4px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* =========================================
   REFINAMENTOS VISUAIS – DROPDOWN
========================================= */

/* 1. Hover refinado (sem salto) */
.navbar-nav .dropdown-menu > li > a {
    transition: background-color .25s ease, box-shadow .25s ease;
}

.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    background-color: #1f4d30 !important;
    box-shadow: inset 4px 0 0 #6fbf8a;
}

/* 2. Caixa do dropdown mais leve */
.navbar-nav .dropdown-menu {
    padding: 10px !important;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
}

/* 3. Indicador visual no botão "Sobre" */
.navbar-nav > li.dropdown > a::after {
    content: "▾";
    margin-left: 6px;
    font-size: 0.75em;
    transition: transform .25s ease;
}

.navbar-nav > li.dropdown.open > a::after {
    transform: rotate(180deg);
}
/* ==================================================
   DROPDOWN "SOBRE" – ESTILO BOTÃO DE ACESSO
================================================== */

/* Caixa do dropdown */
.navbar-nav .dropdown-menu {
    background: transparent;
    padding: 8px !important;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

/* Links como botões */
.navbar-nav .dropdown-menu > li > a {
    display: block;
    background-color: #2e5c38; /* mesma base do botão Acesso */
    color: #ffffff !important;
    padding: 10px 16px;
    margin-bottom: 8px;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
    transition: background-color .25s ease,
                box-shadow .25s ease;
}

/* remove margem do último */
.navbar-nav .dropdown-menu > li:last-child > a {
    margin-bottom: 0;
}

/* Hover igual ao botão Acesso */
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    background-color: #1f4d30 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
}
/* ==================================================
   DROPDOWN "SOBRE" – PIXEL A PIXEL DO MENU ADMIN
================================================== */

/* Caixa do dropdown */
.navbar-nav .dropdown-menu {
    background-color: #1f4d5c; /* mesmo tom do admin */
    padding: 0 !important;
    border-radius: 4px;
    min-width: 240px;
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
    border: none;
}

/* Itens */
.navbar-nav .dropdown-menu > li > a {
    display: block;
    padding: 10px 16px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 500;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,.12);
    transition: background-color .2s ease;
}

/* remove linha do último */
.navbar-nav .dropdown-menu > li:last-child > a {
    border-bottom: none;
}

/* Hover EXACTAMENTE como o admin */
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    background-color: #2a6b7c !important;
    color: #ffffff !important;
}
/* ==================================================
   FIX FINAL – DROPDOWN "SOBRE" (FUNDO + Z-INDEX)
================================================== */

.navbar-nav .dropdown-menu {
    background-color: #1f4d5c !important;
    padding: 0 !important;
    border-radius: 4px;
    min-width: 240px;
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
    border: none;
    z-index: 9999;
}

/* Itens do menu */
.navbar-nav .dropdown-menu > li > a {
    background-color: transparent !important;
    color: #ffffff !important;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

/* remove linha do último */
.navbar-nav .dropdown-menu > li:last-child > a {
    border-bottom: none;
}

/* Hover igual ao menu admin */
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    background-color: #f2b705 !important;
    color: #1f4d5c !important;
	box-shadow: none;
}
/* ==================================================
   TIPOGRAFIA – SUBITENS IGUAIS AO MENU PRINCIPAL
================================================== */

.navbar-nav .dropdown-menu > li > a {
    font-family: inherit !important;
    font-size: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}
/* ===============================
   SUBMENU OJS – FONTE + HOVER
=============================== */

/* Dropdown */
.pkp_navigation_primary .pkp_nav_list ul {
    background-color: #1f4d5c !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Itens do submenu */
.pkp_navigation_primary .pkp_nav_list ul li a {
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important;
    padding: 10px 16px;
    transition: all .2s ease;
}

/* HOVER AMARELO (igual botão de acesso) */
.pkp_navigation_primary .pkp_nav_list ul li a:hover,
.pkp_navigation_primary .pkp_nav_list ul li a:focus {
    background-color: #f2b705 !important;
    color: #1f4d5c !important;
}
:root {
    --verde-escuro: #2f5d3a;
    --verde-medio: #3f7a4a;
    --verde-claro: #eef4ec;
    --amarelo-hover: #e6b94a;
    --azul-rodape: #1f4f5e;
    --bege-fundo: #f3f0e8;
}
#navigationPrimary > li > a {
    font-weight: 600;
    letter-spacing: .03em;
    padding: 14px 18px;
    transition: color .2s ease;
}

#navigationPrimary > li > a:hover {
    color: var(--verde-escuro);
}
#navigationPrimary .dropdown-menu {
    background-color: var(--azul-rodape);
    border-radius: 4px;
    padding: 6px 0;
    border: none;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

#navigationPrimary .dropdown-menu a {
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    padding: 10px 18px;
    transition: background-color .2s ease, color .2s ease;
}

#navigationPrimary .dropdown-menu a:hover,
#navigationPrimary .dropdown-menu a:focus {
    background-color: var(--amarelo-hover);
    color: var(--azul-rodape);
}
#navigationPrimary {
    border-bottom: 2px solid var(--amarelo-hover);
}
.pkp_block .title {
    color: var(--verde-escuro);
    font-weight: 600;
    border-bottom: 2px solid var(--amarelo-hover);
    padding-bottom: 6px;
    margin-bottom: 12px;
}
.pkp_block .pkp_button {
    background-color: var(--verde-medio);
    border: 1px solid var(--verde-escuro);
    border-radius: 4px;
    font-weight: 600;
    transition: background-color .2s ease, box-shadow .2s ease;
}

.pkp_block .pkp_button:hover {
    background-color: var(--verde-escuro);
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
}
body {
    background-color: var(--bege-fundo);
}
/* =========================
   ACABAMENTO EDITORIAL
   Revista Sustentabilidade Ambiental
   ========================= */

.pkp_structure_main {
    font-family: "Source Serif Pro", "Georgia", serif;
    font-size: 15px;
    line-height: 1.75;
    color: #2f2f2f;
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--verde-escuro);
}
.pkp_structure_main > p:first-of-type {
    font-size: 16px;
    color: #444;
}
.pkp_structure_main {
    background-color: #ffffff;
    padding: 28px 32px;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.pkp_block {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.pkp_structure_main a {
    color: var(--verde-medio);
    font-weight: 500;
    border-bottom: 1px solid rgba(63,122,74,.3);
    transition: color .2s ease, border-color .2s ease;
}

.pkp_structure_main a:hover {
    color: var(--verde-escuro);
    border-color: var(--amarelo-hover);
}
#navigationPrimary > li > a {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.pkp_structure_footer {
    font-size: 12px;
    letter-spacing: .02em;
}

.pkp_structure_footer strong {
    font-weight: 600;
}
/* Remove a faixa branca do rodapé */
.pkp_structure_footer .pkp_footer_content {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
/* Remove faixa branca do branding do rodapé */
.pkp_branding {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
/* Título editorial no rodapé */
.pkp_structure_footer .pkp_block .title {
    background: transparent !important;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 2px solid var(--amarelo-hover);
    padding-bottom: 6px;
    margin-bottom: 10px;
}
/* Rodapé editorial – Revista Top */
.footer-editorial {
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.6;
    max-width: 960px;
    margin: 0 auto;
}

.footer-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .04em;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--amarelo-hover);
}

.footer-meta {
    margin-bottom: 10px;
}

.footer-institution,
.footer-address {
    margin-bottom: 12px;
}

.footer-editorial a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.4);
}

.footer-editorial a:hover {
    border-color: var(--amarelo-hover);
}

.footer-license img {
    margin-top: 10px;
}
/* ==================================================
   RODAPÉ PREMIUM — Revista Sustentabilidade Ambiental
   ================================================== */
.footer-editorial {
    padding: 18px 12px 22px;
    font-size: 12.5px;
    line-height: 1.55;
}
.footer-title {
    text-transform: uppercase;
    font-size: 12.5px;
    letter-spacing: .08em;
    opacity: .95;
}
.footer-meta strong {
    font-weight: 600;
}
.footer-institution::after,
.footer-address::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: rgba(255,255,255,.25);
    margin: 12px auto;
}
.footer-editorial a {
    font-weight: 500;
    letter-spacing: .02em;
}
.footer-license {
    font-size: 11.5px;
    opacity: .9;
}

.footer-license img {
    opacity: .85;
    transition: opacity .2s ease;
}

.footer-license img:hover {
    opacity: 1;
}
.pkp_structure_footer {
    background: linear-gradient(
        180deg,
        #1f4f5e 0%,
        #1c4653 100%
    );
}
/* ==================================================
   PALETA OFICIAL — Revista Sustentabilidade Ambiental
   ================================================== */

:root {
    --fundo-editorial: #f3f0e8;
    --branco-conteudo: #ffffff;
    --verde-institucional: #2f5d3a;
    --verde-apoio: #3f7a4a;
    --amarelo-editorial: #e6b94a;
    --azul-rodape: #1f4f5e;
}

/* Fundo geral */
body {
    background-color: var(--fundo-editorial);
}

/* Conteúdo principal */
.pkp_structure_main {
    background-color: var(--branco-conteudo);
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* Títulos */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    color: var(--verde-institucional);
}

/* Links editoriais */
.pkp_structure_main a {
    color: var(--verde-apoio);
    border-bottom: 1px solid rgba(63,122,74,.3);
}

.pkp_structure_main a:hover {
    color: var(--verde-institucional);
    border-color: var(--amarelo-editorial);
}

/* Menu */
#navigationPrimary {
    border-bottom: 2px solid var(--amarelo-editorial);
}

/* Submenu */
#navigationPrimary .dropdown-menu {
    background-color: var(--azul-rodape);
}

#navigationPrimary .dropdown-menu a:hover {
    background-color: var(--amarelo-editorial);
    color: var(--azul-rodape);
}

/* Rodapé */
.pkp_structure_footer {
    background-color: var(--azul-rodape);
}

/* Títulos do rodapé */
.footer-title {
    border-bottom: 2px solid var(--amarelo-editorial);
}
.pkp_structure_main {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 2.5rem 3rem;
    box-shadow: 
        0 10px 30px rgba(0,0,0,.12),
        0 1px 0 rgba(255,255,255,.6) inset;
}
.pkp_structure_main h1 {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 1.2rem;
}

.pkp_structure_main h2 {
    font-size: 1.4rem;
    border-left: 5px solid #e6b94a;
    padding-left: 12px;
    margin-top: 2rem;
}
.pkp_block {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 1.2rem;
    margin-bottom: 1.6rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
body {
    background: 
        linear-gradient(#f3f0e8, #ebe7dc);
}
#navigationPrimary > li > a {
    font-weight: 600;
    letter-spacing: .04em;
    padding-bottom: 12px;
}

#navigationPrimary > li > a:hover {
    border-bottom: 3px solid #e6b94a;
}
.pkp_structure_footer {
    padding: 3rem 1rem;
    box-shadow: 0 -8px 24px rgba(0,0,0,.2);
}
/* ===============================
   PÁGINA DO ARTIGO – ESTILO REVISTA
   =============================== */

/* Container geral do artigo */
.pkp_structure_main .obj_article_details {
  background: #ffffff;
  padding: 2.2rem 2.4rem;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* TÍTULO DO ARTIGO */
.obj_article_details .page_title {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1.35;
  color: #2f5d3a;
  margin-bottom: 1.2rem;
}

/* METADADOS (autor, DOI, publicação) */
.obj_article_details .item {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 0.6rem;
}

/* Separador elegante */
.obj_article_details hr {
  border: none;
  border-top: 1px solid #e6e6e6;
  margin: 1.8rem 0;
}

/* RESUMO / ABSTRACT */
.obj_article_details .abstract {
  background: #f9fbf8;
  border-left: 4px solid #f0b400;
  padding: 1.2rem 1.4rem;
  margin: 2rem 0;
  border-radius: 4px;
}

.obj_article_details .abstract h3 {
  font-size: 1.05rem;
  color: #2f5d3a;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* TEXTO DO ARTIGO */
.obj_article_details .main_entry {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.05rem;
  line-height: 1.75;
  color: #222;
}

/* TÍTULOS INTERNOS */
.obj_article_details .main_entry h2,
.obj_article_details .main_entry h3 {
  color: #2f5d3a;
  margin-top: 2.2rem;
  margin-bottom: 0.8rem;
}

/* REFERÊNCIAS */
.obj_article_details .references {
  font-size: 0.95rem;
  line-height: 1.6;
}
/* ===============================
   SUMÁRIO DA EDIÇÃO – ESTILO REVISTA
   =============================== */

/* Lista de artigos */
.obj_issue_toc .article {
  background: #ffffff;
  padding: 1.4rem 1.6rem;
  margin-bottom: 1.4rem;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
  transition: transform .2s ease, box-shadow .2s ease;
}

.obj_issue_toc .article:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* TÍTULO DO ARTIGO */
.obj_issue_toc .article .title a {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #2f5d3a;
  text-decoration: none;
}

.obj_issue_toc .article .title a:hover {
  color: #f0b400;
}

/* AUTORES */
.obj_issue_toc .article .authors {
  font-size: 0.9rem;
  color: #555;
  margin-top: .4rem;
}

/* METADADOS (PDF, DOI etc) */
.obj_issue_toc .article .galleys {
  margin-top: .8rem;
}

.obj_issue_toc .article .galleys a {
  background: #f9fbf8;
  border: 1px solid #e0e0e0;
  padding: .35rem .7rem;
  border-radius: 4px;
  font-size: 0.8rem;
  color: #2f5d3a;
  text-decoration: none;
  margin-right: .4rem;
  transition: background .2s ease, color .2s ease;
}

.obj_issue_toc .article .galleys a:hover {
  background: #f0b400;
  color: #1f1f1f;
  border-color: #f0b400;
}
/* ===============================
   MENU PRINCIPAL – REVISTA PREMIUM
   =============================== */

/* Itens do menu principal */
.pkp_site_nav_menu > ul > li > a {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.8rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #1f3d2b !important;
  padding: .9rem .8rem !important;
  position: relative !important;
  transition: all 0.3s ease !important;
}

/* Linha editorial amarela */
.pkp_site_nav_menu > ul > li > a::after {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 0;
  height: 2px;
  background: #f0b400;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.3s ease;
}

/* Hover da linha editorial */
.pkp_site_nav_menu > ul > li > a:hover::after,
.pkp_site_nav_menu > ul > li > a:focus::after {
  opacity: 1 !important;
  transform: scaleX(1.05);
}

/* Hover do item do menu */
.pkp_site_nav_menu > ul > li > a:hover {
  background-color: rgba(0, 121, 107, 0.1) !important; /* leve verde */
  color: #004d40 !important;
  transform: translateY(-2px) !important; /* micro deslocamento */
  border-radius: 4px !important;
}

/* Item ativo */
.pkp_site_nav_menu > ul > li.current > a,
.pkp_site_nav_menu > ul > li.current_page > a {
  font-weight: bold !important;
  color: #004d40 !important;
  border-bottom: 3px solid #00796b !important;
  background-color: rgba(0, 121, 107, 0.05) !important;
}

/* Badges dentro do menu */
.pkp_site_nav_menu li a .badge {
  background-color: #00796b !important;
  color: #fff !important;
  font-size: 11px !important;
  padding: 2px 6px !important;
  border-radius: 10px !important;
  float: right !important;
  margin-left: 5px !important;
}

/* Setas indicativas para itens com submenu */
.pkp_site_nav_menu > ul > li.has_children > a::after {
  content: "\25B6"; /* seta direita */
  float: right;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.pkp_site_nav_menu > ul > li.has_children:hover > a::after {
  transform: rotate(90deg);
}

/* Responsividade */
@media (max-width: 768px) {
  .pkp_site_nav_menu > ul > li > a {
    padding: 0.7rem 0.5rem !important;
    font-size: 0.75rem !important;
  }
}

/* ===============================
   SUBMENU – ESTÁVEL E LEGÍVEL
   =============================== */

.pkp_site_nav_menu ul ul {
  background: #214e5f;
  border-radius: 6px;
  padding: .4rem 0;
  min-width: 220px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* Itens do submenu */
.pkp_site_nav_menu ul ul li a {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 0.8rem;
  letter-spacing: .03em;
  color: #ffffff;
  padding: .6rem 1rem;
  display: block;
  transition: background .2s ease, color .2s ease;
}

/* Hover amarelo editorial */
.pkp_site_nav_menu ul ul li a:hover {
  background: #f0b400;
  color: #1f1f1f;
}

/* Evita sumir ao mover o mouse */
.pkp_site_nav_menu li:hover > ul {
  display: block;
}
/* ===============================
   TIPOGRAFIA EDITORIAL – REVISTA
   =============================== */

/* Fonte base do site */
body {
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #2b2b2b;
  background: #f7f8f6;
}
/* Corpo dos artigos */
.pkp_structure_main p,
.obj_article_details p {
  font-family: "Merriweather", Georgia, serif;
  font-size: 1.05rem;
  line-height: 1.85;
  color: #2f2f2f;
}
/* Títulos principais */
h1, h2, h3, .page_title {
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: .02em;
  color: #1f3d2b;
}

/* Ajustes finos */
h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.3rem; }

/* Autores, datas, DOI, etc */
.item_meta,
.cmp_article_list .authors,
.cmp_article_list .date {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: .8rem;
  letter-spacing: .04em;
  color: #5a5a5a;
}

a {
  color: #214e5f;
  text-decoration: none;
}

a:hover {
  color: #f0b400;
}

/* ===============================
   AJUSTE FINO – TEXTO PRINCIPAL
   =============================== */

.pkp_structure_main p,
.obj_article_details p {
  font-size: 1.15rem;      /* antes 1.05rem */
  line-height: 1.9;
}
/* ===============================
   TEXTO EDITORIAL – USO EM 70%
   =============================== */

.page_content p,
.cmp_page p,
.pkp_structure_main .page p,
.obj_article_details p,
.pkp_structure_main p {
  font-family: "Merriweather", Georgia, serif;
  font-size: 1.4rem;      /* pensado para zoom 70% */
  line-height: 2.05;
  color: #2a2a2a;
}
.page_content p + p,
.obj_article_details p + p {
  margin-top: 1.4em;
}

/* ===============================
   FUNDO GERAL – PAPEL EDITORIAL
   =============================== */

body {
  background: #ece9df; /* papel claro */
}

/* ===============================
   CONTEÚDO PRINCIPAL – FOLHA
   =============================== */

.pkp_structure_main {
  background: #ffffff;
  padding: 2.8rem 3rem;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

/* ===============================
   BLOCOS LATERAIS – CARDS
   =============================== */

.pkp_block {
  background: #ffffff;
  border-radius: 8px;
  padding: 1.4rem;
  margin-bottom: 1.8rem;
  box-shadow: 0 6px 18px rgba(0,0,0,.1);
}

.pkp_block .title {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1f3d2b;
  border-bottom: 2px solid #f0b400;
  padding-bottom: .4rem;
  margin-bottom: .9rem;
}
.pkp_block ul li a {
  font-size: .9rem;
  color: #214e5f;
}

.pkp_block ul li a:hover {
  color: #f0b400;
}
/* ===============================
   SIDEBAR – ESCALA LEGÍVEL
   =============================== */

.pkp_structure_sidebar {
  font-size: 16px;
}
.pkp_structure_sidebar a {
  font-size: 0.95rem;
  line-height: 1.6;
}
.pkp_structure_sidebar ul li {
  font-size: 0.95rem;
  padding: .45rem 0;
}
.pkp_block .title {
  font-size: 1.05rem;
  letter-spacing: .3px;
}
.pkp_structure_sidebar .pkp_button,
.pkp_structure_sidebar .block_make_submission a {
  font-size: 1rem;
  padding: .85rem 1.2rem;
}
/* ===============================
   ESCALA GLOBAL – REVISTA LEGÍVEL
   =============================== */

/* Base geral do site */
body {
  font-size: 18px;
  line-height: 1.75;
}
.pkp_structure_main {
  font-size: 1rem;
  line-height: 1.8;
}
.pkp_structure_sidebar {
  font-size: 0.95rem;
}
.pkp_structure_sidebar a,
.pkp_structure_sidebar li,
.pkp_structure_sidebar p {
  font-size: 0.95rem;
  line-height: 1.6;
}
.pkp_structure_main h1 {
  font-size: 1.8rem;
}

.pkp_structure_main h2 {
  font-size: 1.45rem;
}

.pkp_structure_main h3 {
  font-size: 1.2rem;
}
/* ===============================
   SIDEBAR – CORREÇÃO DEFINITIVA
   =============================== */

.pkp_structure_sidebar,
.pkp_structure_sidebar * {
  font-size: 16.5px !important;
  line-height: 1.6;
}
.pkp_structure_sidebar .title {
  font-size: 15px !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.pkp_structure_sidebar a {
  font-size: 16px !important;
}
.pkp_structure_sidebar .block_make_submission a {
  font-size: 15.5px !important;
}
/* ===============================
   TEXTO PRINCIPAL – AJUSTE FINO
   =============================== */

.pkp_structure_main,
.pkp_structure_main p {
  font-size: 16px;
  line-height: 1.6;
  color: #1f2f2a;
}

.pkp_structure_main h1 {
  font-size: 25px;
  font-weight: 600;
}

.pkp_structure_main h2 {
  font-size: 20px;
  font-weight: 600;
}

.pkp_structure_main h3 {
  font-size: 18px;
  font-weight: 600;
}
.pkp_structure_main .cmp_breadcrumbs,
.pkp_structure_main .cmp_breadcrumbs a {
  font-size: 14px;
}
.pkp_structure_main .page,
.pkp_structure_main .obj_issue_toc,
.pkp_structure_main .cmp_announcements {
  font-size: 18px;
}
.pkp_structure_main a {
  font-weight: 500;
}
@media (max-width: 768px) {
  .pkp_structure_main,
  .pkp_structure_main p {
    font-size: 17px;
  }
}
.obj_issue_toc.cover{
	width: 100%
}