/* =================================
BASE
================================= */

body{
  color:#2b2b2b;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  background:#ffffff;
}

a{
  color:#1a1a1a;
  text-decoration:none;
  transition:all .2s ease;
}

a:hover{
  text-decoration:underline;
  opacity:.9;
}

/* =================================
RESET TOTAL DO HEADER DO OJS
================================= */

.pkp_structure_head,
.pkp_head_wrapper,
.pkp_brand_wrapper,
.pkp_site_name_wrapper{

  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* remove qualquer sticky automático */
.is_fixed,
.sticky{
  position: relative !important;
  top: auto !important;
}

/* =================================
MENU FIXO (ÚNICA COISA FIXA)
================================= */

.pkp_site_nav_menu{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999;

  background:#ffffff;
  border-bottom:1px solid #e6e6e6;

  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* estilo do menu */

.pkp_navigation_primary > li > a{
  font-size:15px;
  color:#2b2b2b;
  padding:12px 16px;
}

.pkp_navigation_primary > li > a:hover{
  color:#1f7a4d;
}

.pkp_navigation_primary > li.active > a{
  color:#1f7a4d;
  position:relative;
}

.pkp_navigation_primary > li.active > a::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:-1px;
  height:2px;
  background:#1f7a4d;
}

/* =================================
CONTEÚDO
================================= */

.pkp_structure_main{
  max-width:1200px;
  margin:0 auto;
}

h1,h2,h3,h4,h5,h6{
  color:#1f7a4d;
}

.pkp_structure_main h2{
  margin-top:25px;
}

/* =================================
ABOUT + GRID
================================= */

.rb-about-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:40px;
  align-items:start;
  margin-bottom:40px;
}

.rb-about-main p{
  font-size:17px;
  line-height:1.7;
  margin-bottom:16px;
}

.rb-about-main p:first-of-type{
  font-size:18px;
  font-weight:500;
}

.rb-about-main p:last-child{
  white-space:nowrap;
  overflow-x:auto;
  font-size:0.95rem;
}

.rb-insights{
  padding:24px;
  border:1px solid #e5e5e5;
  background:#fafafa;
}

/* =================================
ARTIGOS
================================= */

.rb-grid-latest{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.rb-paper h3{
  font-size:18px;
  line-height:1.45;
  font-weight:500;
}

/* =================================
SIDEBAR
================================= */

.pkp_structure_sidebar .pkp_block{
  background:#ffffff;
  border:1px solid rgba(0,107,51,.14);
  border-radius:8px;
  padding:12px 14px;
  margin-bottom:14px;
  text-align:right;
}

/* =================================
TIMES
================================= */

.rb-times-box{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(0,107,51,.55);
  border-bottom:1px solid rgba(0,107,51,.55);
}

.rb-times-item{
  padding:18px;
  text-align:center;
}

.rb-times-item:not(:last-child){
  border-right:1px solid rgba(0,107,51,.35);
}

/* =================================
RESPONSIVO
================================= */

@media (max-width:700px){

  .rb-grid-latest{
    grid-template-columns:1fr;
  }

  .rb-about-grid{
    grid-template-columns:1fr;
  }

  .rb-times-box{
    grid-template-columns:1fr;
  }

  .rb-times-item:not(:last-child){
    border-right:none;
    border-bottom:1px solid rgba(0,107,51,.35);
  }
}

/* =================================
OUTROS
================================= */

.pkp_page_index .current_issue,
.pkp_page_index .cmp_current_issue,
.pkp_page_index .issue_summary{
  display:none;
}
/* ===== RESTAURA LAYOUT DO MENU ===== */

.pkp_site_nav_menu .pkp_navigation_primary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* lado direito (buscar + login) */
.pkp_site_nav_menu .pkp_navigation_user_wrapper{
  display: flex;
  align-items: center;
  gap: 16px;
}

/* evita quebra de linha */
.pkp_site_nav_menu .pkp_navigation_user_wrapper a{
  white-space: nowrap;
}
/* títulos da sidebar */

.pkp_structure_sidebar .pkp_block .title{
  font-weight:600;
  color:#6b6b6b;
  margin-bottom:6px;
  position:relative;
}
/* ===== FIX LOGIN + BUSCA (SEM QUEBRAR MENU) ===== */

/* garante que o bloco da direita apareça */
.pkp_navigation_user_wrapper{
  display: flex !important;
  align-items: center;
  gap: 16px;
}

/* evita quebra */
.pkp_navigation_user_wrapper a{
  white-space: nowrap;
}

/* garante visibilidade */
.pkp_navigation_user{
  display: flex !important;
  align-items: center;
  gap: 12px;
}
/* ===== FORÇA LOGIN APARECER ===== */

.pkp_navigation_user_wrapper,
.pkp_navigation_user{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.pkp_navigation_user a{
  display: inline-block !important;
}

/* garante que não esteja fora da tela */
.pkp_navigation_user_wrapper{
  position: relative !important;
  right: auto !important;
  transform: none !important;
}
/* remove cortes invisíveis */

.pkp_site_nav_menu,
.pkp_structure_head{
  overflow: visible !important;
}
/* ===============================
RESET LIMPO (HEADER SEM INTERFERÊNCIA)
=============================== */

.pkp_structure_head,
.pkp_head_wrapper {
  position: relative !important;
  top: auto !important;
  overflow: visible !important;
}

/* ===============================
MENU FIXO (ÚNICA REGRA)
=============================== */

.pkp_site_nav_menu {
  position: sticky !important;
  top: 0;
  z-index: 9999;

  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;

  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* ===============================
GARANTE LOGIN + BUSCA VISÍVEIS
=============================== */

.pkp_navigation_user_wrapper,
.pkp_navigation_user {
  display: flex !important;
  align-items: center;
  gap: 12px;
}

.pkp_navigation_user_wrapper a {
  white-space: nowrap;
}

/* ===============================
EVITA QUE ALGO CORTE O MENU
=============================== */

.pkp_wrapper,
.pkp_page {
  overflow: visible !important;
}
/* ===============================
1. REMOVE IMAGEM DO HEADER DO OJS
=============================== */

.pkp_structure_head img {
  display: none !important;
}

/* remove fundo azul/gradiente */
.pkp_structure_head,
.pkp_structure_head::before,
.pkp_structure_head::after {
  background: none !important;
}

/* ===============================
2. FAIXA FIXA COM SUA IMAGEM
=============================== */

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;

  background: url("https://www.rbciamb.com.br/public/journals/2/pageHeaderLogoImage_en_US") center center / cover no-repeat;

  z-index: 9998;
  pointer-events: none;
}

/* ===============================
3. MENU ACIMA DA FAIXA
=============================== */

.pkp_site_nav_menu {
  position: sticky !important;
  top: 0;
  z-index: 9999;

  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}

/* ===============================
4. GARANTE QUE NADA QUEBRE
=============================== */

.pkp_structure_head,
.pkp_head_wrapper {
  position: relative !important;
  z-index: 1;
}

.pkp_wrapper,
.pkp_page {
  overflow: visible !important;
}