/* rbciamb_v76.css (13/nov/26): verde da revista = FLORESTA #0b4a2b (era #1f6f4a), escolha do editor. Única mudança em relação ao v75. */
/* v75 (30/ago/26): tira da equipe (Homepage Image do OJS) escondida JÁ NO CSS.
   O header também esconde via JS (L463), mas JS roda tarde: em hard reload
   (Cmd+Opt+R) a tira de 17 retratos aparecia sob o banner até o JS chegar.
   Bônus: display:none aqui impede até o download da tira na home.
   Os retratos da equipe NÃO dependem deste <img> — o módulo usa a URL direto. */
.homepage_image, img[src*="homepageImage"] { display: none !important; }

/* ==========================================================================
   RBCIAMB — styleSheet.css
   Consolidado a partir do header customizado + CSS adicional
   v49 — hovers/links/títulos padronizados no preto-azulado (base v48)
   ========================================================================== */

/* Fontes movidas para <link> não-bloqueante no header customizado */


/* ─── BASE ─────────────────────────────────────────────────────────────────── */

html, body,
.pkp_page, .pkp_structure_page, .pkp_structure_main,
.pkp_site_name, .pkp_navigation_primary, .pkp_navigation_user,
.pkp_block, .pkp_footer_content,
.obj_article_summary, .obj_article_summary *,
.homepage_about, .homepage_about *,
.rb-topbar, .rb-topbar *,
.rb-sdg-section, .rb-sdg-section *,
.rb-home-grid, .rb-home-grid *,
button, input, textarea, select {
    font-family: 'Merriweather Sans', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

body {
    color: #2b2b2b;
    line-height: 1.72;
    background: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 110px !important;
}

a {
    color: #1e3557;
    text-decoration: none;
    transition: .2s ease;
    font-weight: 500;
}

a:hover {
    color: #2457b5;
    text-decoration: underline;
}


/* ─── TÍTULOS ───────────────────────────────────────────────────────────────── */

h1 { color: #2457B5 !important; font-family: 'Merriweather Sans', Georgia, serif !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.2 !important; }

/* Override: páginas estáticas — h1 no padrão Springer (sem linha dourada — evita dupla linha) */
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main h1 {
    color: #1a1a1a !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
    background-image: none !important;
    border-bottom: none !important;
}
h2 { color: #1a1a1a !important; font-family: 'Merriweather Sans', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; }
h3 { color: #0b4a2b !important; font-family: 'Merriweather Sans', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.35 !important; }
h4 { color: #333333 !important; font-family: 'Merriweather Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; font-style: italic !important; line-height: 1.4 !important; }
h5, h6 { color: #333333 !important; font-family: 'Merriweather Sans', sans-serif !important; font-weight: 500 !important; line-height: 1.4 !important; }
.page_title { color: #2457B5 !important; font-weight: 700 !important; font-family: 'Merriweather Sans', Georgia, serif !important; }
.rb-block-title { color: #1a1a1a !important; font-weight: 700 !important; }
.rb-sdg-title { color: #1a1a1a !important; font-weight: 700 !important; }
.homepage_about h2,
.pkp_structure_main .homepage_about h2 { color: #2457B5 !important; font-weight: 700 !important; font-size: 30px !important; font-family: 'Merriweather Sans', Georgia, serif !important; line-height: 1.2 !important; }


/* ─── HEADER / BANNER SUPERIOR ──────────────────────────────────────────────── */

.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
    display: block !important;
    line-height: normal !important;
    font-size: 0 !important;
}

.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.pkp_site_name a,
.pkp_site_name a.is_img {
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.pkp_site_name img,
.pkp_site_name_wrapper img,
.pkp_site_name_wrapper a > img,
.pkp_site_name_wrapper .pkp_site_name img,
.pkp_site_name .is_img img,
html body .pkp_site_name .is_img img,
html body .pkp_site_name_wrapper a.is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* CLS: reserva a altura do banner JÁ NO PARSE (antes do JS/GIF). O banner é 1400x480 (2.92:1).
       Sem isto, o tema aplica width:auto (mais específico) → banner colapsa até o header JS pôr
       width:100% inline (depois da 1ª pintura) → crescia ~398px e empurrava a home = pulo (CLS ~1.0).
       Os seletores html body vencem a regra .pkp_site_name .is_img img{width:auto} do tema. */
    aspect-ratio: 1400 / 480 !important;
    max-height: none !important;
    min-height: unset !important;
    max-width: 100% !important;
    object-fit: unset !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.pkp_site_name_wrapper .pkp_site_name > span,
.pkp_site_name_wrapper h1.pkp_site_name > span,
.pkp_site_name_wrapper span.title {
    display: none !important;
}


/* ─── BANNER OVERLAY — TÍTULOS SOBREPOSTOS ──────────────────────────────────── */

#rbciamb-banner-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 36% !important;
    right: 18% !important;
    bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-12%) !important;
    pointer-events: none !important;
    text-align: center !important;
    padding: 0 1rem !important;
    z-index: 10 !important;
}

.rb-banner-title {
    font-family: 'Merriweather Sans', 'Source Serif Pro', Georgia, serif !important;
    font-size: clamp(18px, 2.2vw, 34px) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.60) !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
}

.rb-banner-subtitle {
    font-family: 'Merriweather Sans', 'Source Serif Pro', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #F0A500 !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.50) !important;
    margin: 0 !important;
    letter-spacing: .01em !important;
}


/* ─── TOPBAR ────────────────────────────────────────────────────────────────── */

.rb-topbar {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e4e9ee;
    position: relative;
    z-index: 9999;
}

.rb-topbar-inner {
    max-width: 1280px !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 12px 34px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative !important;
}

.rb-topbar-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 22px !important;
    margin-left: 34px !important;
}

.rb-topbar-right {
    margin-left: auto !important;
    margin-right: 34px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
}

.rb-topbar-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #0b4a2b !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
    white-space: nowrap;
}

.rb-topbar a {
    color: #2457B5 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}


/* ─── BOTÕES DO BANNER ──────────────────────────────────────────────────────── */

.pkp_site_name_wrapper .rb-banner-actions,
.rb-banner-actions {
    position: absolute !important;
    left: 50% !important;
    bottom: 58px !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 38px !important;
    z-index: 9999 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: auto !important;
}

.rb-banner-actions a,
html body .pkp_site_name_wrapper .rb-banner-actions a {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: rgba(255,255,255,.94) !important;
    text-decoration: none !important;
    transition: color .18s ease, opacity .18s ease !important;
}

.rb-banner-actions a:hover,
html body .pkp_site_name_wrapper .rb-banner-actions a:hover {
    color: #daa520 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
}


/* ─── MENU PRINCIPAL ────────────────────────────────────────────────────────── */

.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
    background: linear-gradient(90deg, #071b46 0%, #0a2754 16%, #123d57 36%, #1e3d38 62%, #253528 100%) !important;
    border-top: none !important;
    border-bottom: none !important;
}

.pkp_navigation_primary_wrapper > ul.pkp_navigation_primary,
.pkp_navigation_primary_wrapper > .pkp_navigation_primary {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

.pkp_navigation_primary {
    min-height: 52px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 auto !important;
    background: transparent !important;
}

.pkp_navigation_primary > li {
    flex: 0 0 auto;
    background: transparent !important;
    border: none !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:link,
.pkp_navigation_primary > li > a:visited,
.pkp_navigation_primary li a,
.pkp_navigation_primary li a:link,
.pkp_navigation_primary li a:visited,
html body .pkp_navigation_primary li a {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    color: #ffffff !important;
    padding: 16px 18px !important;
    white-space: nowrap;
    background: transparent !important;
    text-decoration: none !important;
    transition: color .18s ease, box-shadow .18s ease !important;
    opacity: 1 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary .current > a {
    color: #daa520 !important;
    background: transparent !important;
    text-decoration: none !important;
    box-shadow: inset 0 -3px 0 #daa520 !important;
}

/* OJS aplica cor diferente a esses hrefs — forçar branco e hover dourado */
.pkp_navigation_primary a[href*="avaliacao"],
.pkp_navigation_primary a[href*="announcement"],
.pkp_navigation_primary a[href*="publication-ethics"],
html body .pkp_navigation_primary a[href*="avaliacao"],
html body .pkp_navigation_primary a[href*="announcement"] {
    color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.pkp_navigation_primary a[href*="avaliacao"]:hover,
.pkp_navigation_primary a[href*="announcement"]:hover,
.pkp_navigation_primary a[href*="publication-ethics"]:hover,
html body .pkp_navigation_primary a[href*="avaliacao"]:hover,
html body .pkp_navigation_primary a[href*="announcement"]:hover {
    color: #daa520 !important;
    box-shadow: inset 0 -3px 0 #daa520 !important;
    background: transparent !important;
}

.pkp_navigation_primary ul,
.pkp_navigation_primary ul ul {
    background: #0d2340 !important;
    border: 1px solid rgba(218,165,32,.25) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
    overflow: hidden;
}

.pkp_navigation_primary ul li a,
.pkp_navigation_primary ul li a:link,
.pkp_navigation_primary ul li a:visited,
html body .pkp_navigation_primary ul li a {
    font-family: 'Merriweather Sans', sans-serif !important;
    background: transparent !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    letter-spacing: 0.02em !important;
    border-left: 3px solid transparent !important;
}

.pkp_navigation_primary ul li a:hover,
html body .pkp_navigation_primary ul li a:hover {
    background: rgba(218,165,32,.1) !important;
    color: #daa520 !important;
    border-left: 3px solid #daa520 !important;
}


/* ─── CONTAINER ─────────────────────────────────────────────────────────────── */

.pkp_structure_content,
.pkp_structure_main {
    max-width: 1280px !important;
    margin: 0 auto !important;
    width: 100% !important;
    float: none !important;
    border: none !important;
    box-sizing: border-box !important;
}

.pkp_structure_main {
    padding: 24px 40px 70px !important;
    box-sizing: border-box !important;
}

.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_content:before,
.pkp_structure_content:after {
    display: none !important;
}

/* ─── v65 (REMOVIDO no v68) ─────────────────────────────────────────────────────
   Aqui viviam as contenções de conteúdo e banner em @media 768/992/1200 (728/952/
   1160). Foram RETIRADAS de propósito: (a) regra em media query que não casa não
   entra na cascata — abaixo de 768px (zoom por site do Safari!) nada aplicava;
   (b) elas brigavam com a contenção nova, e duas contenções concorrentes foi o
   que nos custou várias rodadas. A contenção agora é ÚNICA e sem media query,
   no fim do arquivo (bloco v68). */


/* ─── HOME ───────────────────────────────────────────────────────────────────── */

.pkp_page_index .pkp_structure_main {
    padding-top: 0 !important;
}

body:not(.pkp_page_index) .pkp_structure_main {
    padding-top: 8px !important;
}

body:not(.pkp_page_index) .pkp_structure_content {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

.pkp_page_index .homepage_about {
    margin-top: -48px !important;
    padding-top: 0 !important;
}


.pkp_page_index .current_issue {
    display: none !important;
}

.homepage_about h2,
.homepage_about .title {
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #2457B5 !important;
    font-family: 'Merriweather Sans', Georgia, serif !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.homepage_about p {
    font-size: 19px !important;
    line-height: 1.72 !important;
    color: #3f4954 !important;
    max-width: 1400px !important;
}

.homepage_about a {
    font-size: 18px !important;
    font-weight: 500 !important;
}


/* ─── CARDS HOME ─────────────────────────────────────────────────────────────── */

.rb-home-grid {
    max-width: 100% !important;
    width: 100% !important;
    margin: 36px 0 36px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.rb-block {
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    padding: 32px 24px !important;
}

.rb-block-title {
    font-size: 23px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #1a1a1a !important;
    text-align: left !important;
}

.rb-item {
    padding: 22px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background-color .18s ease, transform .18s ease !important;
}

.rb-item:hover {
    background: #f7faf9 !important;
    transform: translateX(2px) !important;
}

.rb-item a,
.rb-home-grid .rb-item a,
.rb-block .rb-item a,
html body .rb-home-grid .rb-item a,
html body .rb-block .rb-item a {
    display: block !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #1e3557 !important;   /* era 19px/500/#2457B5 (azul) — alinhado ao padrão navy; hover fica azul (regra L2340+) */
    text-decoration: none !important;
}

.rb-category {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin-bottom: 10px !important;
}

.rb-category img {
    height: 14px !important;
    width: auto !important;
    display: block !important;
}

.rb-meta {
    padding-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #666 !important;
}


/* ─── ODS ────────────────────────────────────────────────────────────────────── */

.rb-sdg-section {
    max-width: 1180px;
    margin: 48px auto 10px !important;
    padding: 0 16px;
}

.rb-sdg-head {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    background-image: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1px !important;
    background-position: top !important;
    padding-top: 10px !important;
    margin-bottom: 20px !important;
}

.rb-sdg-head-title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
}

.rb-sdg-head-note {
    font-size: 12px !important;
    color: #7a8fa0 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}
.rb-sdg-head-note:hover { color: #2457b5 !important; text-decoration: underline !important; }

.rb-sdg-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 32px !important;
}

.rb-sdg-card {
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #f4f6f8 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 14px 0 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.rb-sdg-card-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
}

.rb-sdg-icon {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    border-radius: 6px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

.rb-sdg-card-num {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #7a8fa0 !important;
    margin-bottom: 2px !important;
    display: block !important;
}

.rb-sdg-card-name {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
    display: block !important;
}

.rb-sdg-metric-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.rb-sdg-bar-wrap {
    flex: 1 !important;
    height: 4px !important;
    background: #eef0f3 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

.rb-sdg-bar {
    height: 100% !important;
    border-radius: 2px !important;
    display: block !important;
}

.rb-sdg-metric-val {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1e3557 !important;
    min-width: 56px !important;
    text-align: right !important;
    white-space: nowrap !important;
    padding-right: 8px !important;
}

.rb-sdg-metric-val span {
    font-weight: 400 !important;
    color: #7a8fa0 !important;
    font-size: 11px !important;
}


/* ─── ARTIGO — CABEÇALHO ────────────────────────────────────────────────────── */

.obj_article_details {
    max-width: 960px !important;
    margin: 0 auto !important;
}

.obj_article_details .row {
    display: block !important;
    flex-direction: column !important;
}

.obj_article_details .main_entry {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    border: none !important;
    float: none !important;
}

.pkp_page_article .obj_article_details .entry_details {
    display: none !important;
}

.pkp_page_article .obj_article_details .main_entry .item.abstract,
.pkp_page_article .obj_article_details .main_entry .item.keywords {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.page_title {
    max-width: 1100px !important;
    font-size: 34px !important;
    line-height: 1.18 !important;
    color: #2457B5 !important;
    margin-bottom: 30px !important;
}

.rb-article-header {
    display: grid !important;
    grid-template-columns: 190px 220px minmax(0,1fr);
    grid-template-areas:
        "cover actions authors"
        "metrics metrics metrics"
        "license license license";
    gap: 26px 34px !important;
    margin: 26px 0 34px !important;
    padding: 28px 32px !important;
    background: linear-gradient(180deg, #f7faf9 0%, #fff 100%) !important;
    border: 1px solid #e3eaf0 !important;
    border-radius: 22px !important;
}

.rb-article-cover { grid-area: cover; }

.rb-article-cover img {
    max-width: 170px !important;
    height: auto !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.08);
}

.rb-cover-doi {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e3eaf0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}

.rb-cover-doi h2,
.rb-cover-doi h3 {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: #0b4a2b !important;
    margin-bottom: 6px !important;
}

.rb-cover-doi a { color: #2457B5 !important; text-decoration: none !important; }

.rb-article-actions { grid-area: actions; }

.rb-article-actions .item {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: none !important;
}

.rb-article-actions .galleys_links {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.rb-article-actions .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 76px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    border: 1px solid #d7e0e8 !important;
    background: #fff !important;
    color: #2457B5 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.rb-html-galley {
    background: #f5faf7 !important;
    border: 1px solid #d7e6dc !important;
    color: #0b4a2b !important;
}

.rb-html-galley:hover {
    background: #edf7f1 !important;
    border-color: #bfd7c7 !important;
    color: #16354D !important;
}

.rb-article-authors { grid-area: authors; }

.rb-article-authors,
.rb-article-authors * { font-size: 15px !important; line-height: 1.55 !important; }

.rb-article-authors .name,
.rb-article-authors .authors__name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #26323a !important;
}

.rb-article-authors .affiliation,
.rb-article-authors .authors__affiliation { color: #667085 !important; }


/* ─── ARTIGO — MÉTRICAS ─────────────────────────────────────────────────────── */

.rb-article-metrics {
    grid-area: metrics !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 28px 0 24px !important;
    border-top: 1px solid #e7edf2 !important;
    overflow-x: auto !important;
    gap: 0 !important;
}

.rb-metrics-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 34px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

.rb-metrics-row img,
.rb-metrics-row iframe {
    display: block !important;
    margin: 0 auto !important;
    max-width: 96px !important;
    max-height: 74px !important;
    object-fit: contain !important;
}

/* .rb-views-badge, .rb-views-icon, .rb-views-label — definidos abaixo em "VIEWS BADGE" */


/* ─── ARTIGO — LICENÇA ──────────────────────────────────────────────────────── */

.rb-article-license,
.rb-cover-license {
    grid-area: license !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #e7edf2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 12px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
}

.rb-article-license h2,
.rb-article-license h3,
.rb-cover-license h2,
.rb-cover-license h3 { display: none !important; }

.rb-article-license p,
.rb-cover-license p { margin: 0 !important; }

.rb-article-license img,
.rb-cover-license img {
    max-height: 22px !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

.rb-article-license a,
.rb-cover-license a { color: #2457B5 !important; text-decoration: none !important; }


/* ─── ARTIGO — ISSUE / SECTION ──────────────────────────────────────────────── */

.item.issue h2,
.item.section h2 { display: none !important; }

.item.issue,
.item.section {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.item.issue .value,
.item.section .value {
    display: inline !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.item.issue .value { color: #2457B5 !important; font-weight: 500 !important; }
.item.section .value { color: #5b6670 !important; font-weight: 400 !important; }
.item.section .value::before { content: " - "; color: #94a3b8 !important; }
.item.section::after { content: ""; display: block; height: 18px; }

.item.published h2 {
    display: inline !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0b4a2b !important;
    letter-spacing: .02em !important;
    margin-right: 6px !important;
}

.item.published .value {
    display: inline !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #5b6670 !important;
}

.item.citation { margin-top: 14px !important; }


/* ─── INDEXADORES ───────────────────────────────────────────────────────────── */

#rb-indexadores h2,
#rb-indexadores .rb-sdg-title {
    color: #1a1a1a !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #1a1a1a !important;
}

#rb-indexadores {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    text-align: center !important;
    margin-top: 36px !important;
    margin-bottom: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

#rb-indexadores > div:first-child {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 34px 42px !important;
    max-width: 1180px !important;
    margin: 20px auto 24px !important;
}

#rb-indexadores img {
    width: auto !important;
    object-fit: contain !important;
    opacity: .98 !important;
}

/* ─── LINKS ──────────────────────────────────────────────────────────────────── */

.pkp_structure_main a,
.homepage_about a,
.obj_article_summary .title a,
.rb-item a,
.pkp_footer_content a {
    transition: color .18s ease, background-color .18s ease !important;
    border-radius: 4px;
    padding: 1px 3px;
}

.pkp_structure_main a:hover,
.homepage_about a:hover,
.obj_article_summary .title a:hover,
.rb-item a:hover,
.pkp_footer_content a:hover {
    color: #2457B5 !important;
    background: rgba(36,87,181,.08) !important;
    text-decoration: none !important;
}


/* ─── CITAÇÃO ────────────────────────────────────────────────────────────────── */

.citation_display,
.citation_display p,
.item.citation,
.obj_article_details .item.citation {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #344454 !important;
}

.obj_article_details .item.citation h2 {
    font-size: 24px !important;
    color: #0b4a2b !important;
    margin-bottom: 14px !important;
}


/* ─── BANNER INFERIOR ────────────────────────────────────────────────────────── */

.rb-bottom-banner {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;
    padding: 24px 64px !important;
    background: linear-gradient(90deg, #071b46 0%, #0a2754 16%, #123d57 36%, #2f544c 62%, #6a6846 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 -10px 34px rgba(15,23,42,.22) !important;
}

.rb-bottom-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.rb-bottom-content strong {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.rb-bottom-content span {
    font-size: 15px !important;
    color: rgba(255,255,255,.82) !important;
}

.rb-bottom-button {
    padding: 12px 22px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.05) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.rb-bottom-button:hover {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.rb-bottom-close {
    position: absolute !important;
    right: 22px !important;
    top: 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 32px !important;
    cursor: pointer !important;
}


/* ─── FOOTER ─────────────────────────────────────────────────────────────────── */

.pkp_structure_footer_wrapper {
    background: linear-gradient(90deg, #071b46 0%, #0a2754 16%, #123d57 36%, #2f544c 62%, #6a6846 100%) !important;
    border-top: none !important;
    margin-top: 28px !important;
    padding-top: 8px !important;
    padding-bottom: 4px !important;
    position: relative !important;
}

.pkp_structure_footer {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
    min-height: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    background: transparent !important;
}

.pkp_footer_content,
.pkp_footer_content div,
.pkp_footer_content p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    margin-top: -22px !important;
    text-align: left !important;
}

.pkp_footer_content div {
    margin-bottom: 4px !important;
}

.pkp_footer_content a {
    color: #ffffff !important;
}

.pkp_brand_footer {
    display: block !important;
    opacity: 1 !important;
    transform: scale(.7) !important;
    transform-origin: right center !important;
    margin-left: 12px !important;
    margin-top: -34px !important;
    filter: brightness(10) !important;
}

.pkp_brand_footer img {
    max-width: 150px !important;
    height: auto !important;
}

.pkp_structure_footer_wrapper::after {
    content: 'VF';
    font-family: 'Brush Script MT', 'Pinyon Script', cursive;
    font-size: 22px;
    color: #C89A52;
    position: absolute;
    bottom: 22px;
    left: 32px;
}

.block_information,
.block_web_feed,
.block_make_submission,
.pkp_search { display: none !important; }


/* ─── EQUIPE EDITORIAL ───────────────────────────────────────────────────────── */

.page_editorial_team h3 {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 16px !important;
    margin: 34px 0 14px !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    border: 1px solid #e3e8ed !important;
    background: #f8fafc !important;
}

.page_editorial_team h3::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    opacity: .95 !important;
}

.page_editorial_team .rb-chief {
    background: #f4f7f8 !important;
    color: #16354D !important;
    border-left: 4px solid #c79b2c !important;
    border-top: 1px solid #dbe4e8 !important;
    border-right: 1px solid #dbe4e8 !important;
    border-bottom: 1px solid #dbe4e8 !important;
}

.page_editorial_team .rb-chief::before { content: "✒" !important; color: #16354D !important; }

.page_editorial_team .rb-executive {
    background: #f7f9fc !important;
    color: #2457B5 !important;
    border-left: 4px solid #2457B5 !important;
}

.page_editorial_team .rb-executive::before { content: "☷" !important; }

.page_editorial_team .rb-associate {
    background: #f7faf8 !important;
    color: #0b4a2b !important;
    border-left: 4px solid #0b4a2b !important;
}

.page_editorial_team .rb-associate::before { content: "👥" !important; font-size: 20px !important; }

.page_editorial_team .rb-assistant {
    background: #fafbfd !important;
    color: #5b6470 !important;
    border-left: 4px solid #94a3b8 !important;
}

.page_editorial_team .rb-assistant::before { content: "◎" !important; }

.page_editorial_team .rb-board {
    background: #f8fafc !important;
    color: #16354D !important;
    border-left: 4px solid #16354D !important;
}

.page_editorial_team .rb-board::before { content: "▦" !important; }

.page_editorial_team p:not(.emeritus-editor) {
    margin: 0 !important;
    padding: 12px 0 16px !important;
    border-bottom: 1px solid #edf2f5 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

/* v72: o pill "ORCID" foi REMOVIDO.
   Ele existia de quando a pagina mostrava a URL crua do ORCID como texto.
   Hoje o header monta a lista com o icone verde oficial (img 14px), entao
   o pill duplicava a marca: badge "ORCID" + icone, 96px de largura, jogando
   os nomes para a segunda linha. Sem estas regras o link volta a 22px e a
   pagina desafoga. O alinhamento do icone ja vem do estilo inline do header. */

.emeritus-wrapper {
    border: 1px solid #d6c18d !important;
    border-radius: 18px !important;
    padding: 28px !important;
    margin: 42px 0 !important;
    background: #fdfcf9 !important;
}

.emeritus-wrapper strong { color: #6f5a2e !important; }

.emeritus-editor {
    background: #ffffff !important;
    border: 1px solid #ece6d7 !important;
    border-radius: 12px !important;
    padding: 18px 22px !important;
    margin-bottom: 16px !important;
    color: #5f584d !important;
    box-shadow: none !important;
}


/* ─── RESPONSIVO ─────────────────────────────────────────────────────────────── */

@media (max-width: 991px) {

    /* ── Menu mobile: alinhar com breakpoint do OJS (992px) ── */
    /* OJS base CSS: position:absolute; top:100% — precisamos sobrescrever */
    .pkp_site_nav_menu {
        display: block !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        z-index: auto !important;
        background: transparent !important;
        padding: 0 !important;
    }
    /* OJS oculta #siteNav com height:0 — precisamos desfazer */
    .pkp_site_nav_menu #siteNav {
        position: static !important;
        height: auto !important;
    }
    .pkp_navigation_primary_wrapper { overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; }
    .pkp_navigation_primary_row { display: flex !important; flex-wrap: nowrap !important; }
    .pkp_navigation_primary { flex-wrap: nowrap !important; white-space: nowrap !important; justify-content: flex-start !important; }
    .pkp_site_nav_toggle { display: none !important; }

    /* ── Dropdowns: ocultar no mobile (hover não funciona em touch) ── */
    .pkp_navigation_primary ul,
    .pkp_navigation_primary .dropdown-menu {
        display: none !important;
        left: -9999px !important;
    }

    /* ── Banner no mobile: LIGADO (v59) ──────────────────────────────────────
       Antes ficava oculto aqui — decisão da época do GIF de 3,2 MB. Só que a
       imagem continuava sendo BAIXADA (o V12 pôs loading=eager + fetchpriority
       =high nela, para o LCP do desktop): 652 KB pagos em todo acesso por
       celular, sem nada aparecer. Era esse desperdício que derrubava a nota do
       celular de 90 para 58 — não a exibição.
       Como o download já acontece de qualquer forma, EXIBIR sai de graça.
       Os botões de ação seguem ocultos: numa faixa de ~133px eles não cabem.
       (#rb-wrap era do crossfade antigo, que não existe mais — regra removida.) */
    .rb-bioma-label { display: none !important; }
    .pkp_site_name_wrapper .rb-banner-actions,
    .rb-banner-actions { display: none !important; }

    /* O tema do OJS deixa .pkp_site_name em position:absolute no mobile — isso tira
       o banner do fluxo, o wrapper colapsa para altura 0 e o overlay dos títulos,
       que se ancora nele, ia parar 125px ACIMA da imagem. Voltando ao fluxo, o
       wrapper passa a ter a altura do banner e o overlay encaixa sozinho. */
    .pkp_site_name_wrapper .pkp_site_name {
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }
    .pkp_site_name_wrapper { height: auto !important; min-height: 0 !important; padding: 0 !important; }

    .pkp_structure_main { padding: 20px !important; }

    .pkp_structure_footer {
        padding: 0 18px !important;
        text-align: center !important;
        flex-direction: column !important;
        gap: 18px !important;
    }

    .pkp_footer_content {
        font-size: 14px !important;
        text-align: center !important;
    }

    .rb-banner-actions {
        min-width: auto !important;
        width: 100% !important;
        padding: 0 20px !important;
        bottom: 24px !important;
    }

    .rb-banner-actions a { font-size: 15px !important; }

    /* overlay ocupa exatamente a caixa do banner; o recuo à direita evita o selo
       da ABES, que está gravado na própria arte. Título quebra em 2 linhas — cabe
       com folga na faixa de ~125px. */
    #rbciamb-banner-overlay {
        display: flex !important;
        left: 4% !important;
        right: 15% !important;
        top: 0 !important;
        bottom: 0 !important;
        transform: none !important;
        padding: 0 !important;
    }
    .rb-banner-title {
        font-size: 14px !important;
        white-space: normal !important;
        margin: 0 0 5px !important;
    }
    .rb-banner-subtitle { font-size: 10.5px !important; }

    .homepage_about h2,
    .homepage_about .title { font-size: 28px !important; }

    .homepage_about p { font-size: 18px !important; }

    .rb-sdg-grid { grid-template-columns: 1fr !important; }

    .rb-article-header {
        grid-template-columns: 1fr !important;
        grid-template-areas: "cover" "actions" "authors" "metrics" "license";
    }

    .page_title { font-size: 28px !important; }

    .rb-article-cover img { max-width: 160px !important; }

    .rb-metrics-row {
        gap: 22px !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }

    .rb-bottom-banner {
        flex-direction: column !important;
        gap: 12px !important;
        padding: 18px 48px 18px 24px !important;
        text-align: center !important;
    }

    .rb-bottom-content strong { font-size: 20px !important; }
    .rb-bottom-content span { font-size: 14px !important; }
}

.rb-about-grid { position: static !important; }

/* ─── BARRA DE MÉTRICAS (HOMEPAGE) ──────────────────────────────────────────── */

.rb-metrics-bar {
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 2px solid rgba(153,120,40,.75) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rb-metrics-bar-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
}

.rb-metric {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 32px !important;
    text-decoration: none !important;
    transition: background .18s !important;
    text-align: center !important;
    gap: 4px !important;
}

a.rb-metric:hover {
    background: rgba(255,255,255,.08) !important;
    text-decoration: none !important;
}

a.rb-metric:hover strong {
    color: #daa520 !important;
}

a.rb-metric:hover span {
    color: rgba(255,255,255,.9) !important;
}

.rb-metric strong {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    display: block !important;
    transition: color .18s ease !important;
}

.rb-metric span {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,.55) !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    display: block !important;
    transition: color .18s ease !important;
}

.rb-metric-sep {
    width: 1px !important;
    background: rgba(255,255,255,.12) !important;
    align-self: stretch !important;
    margin: 10px 0 !important;
    flex-shrink: 0 !important;
}

.rb-metric-times {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 10px 32px !important;
}

.rb-metric-time {
    font-size: 12px !important;
    color: rgba(255,255,255,.55) !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

.rb-metric-time strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.85) !important;
    display: inline !important;
    letter-spacing: -.01em !important;
}

.rb-metric-time span {
    font-size: 10px !important;
    color: rgba(255,255,255,.45) !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-top: 2px !important;
}

@media(max-width: 980px) {
    .rb-metrics-bar-inner { flex-wrap: wrap !important; }
    .rb-metric { padding: 10px 18px !important; }
    .rb-metric-times { padding: 10px 18px !important; gap: 14px !important; }
    .rb-metric strong { font-size: 18px !important; }
}

/* ─── BOTÕES DO BANNER — REFORÇO DE COR ────────────────────────────────────── */
.pkp_site_name_wrapper .rb-banner-actions a,
.pkp_site_name_wrapper .rb-banner-actions a:link,
.pkp_site_name_wrapper .rb-banner-actions a:visited {
    color: rgba(255,255,255,.94) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.4) !important;
}

/* ─── LOGOS INDEXADORES HOMEPAGE ─── */
#rb-indexadores img {
    width: auto !important;
    object-fit: contain !important;
}

/* ─── MÉTRICAS ARTIGO — FORÇAR LINHA ÚNICA ─── */
.pkp_page_article .rb-metrics-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
}

.pkp_page_article .rb-metrics-row > * {
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 20px !important;
    border-right: 1px solid #e7edf2 !important;
    margin: 0 !important;
    max-width: 120px !important;
    text-align: center !important;
    background: transparent !important;
    float: none !important;
    clear: none !important;
}

.pkp_page_article .rb-metrics-row > *:last-child {
    border-right: none !important;
}


/* ─── MÉTRICAS ARTIGO — consolidado na seção "ARTIGO — MÉTRICAS" acima ─── */
.rb-article-metrics > .rb-metrics-row {
    display: flex !important;
}

.rb-metrics-row > * {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 100px !important;
    max-width: 140px !important;
    padding: 8px 16px !important;
    border-right: 1px solid #e7edf2 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    background: transparent !important;
    float: none !important;
    clear: none !important;
    position: static !important;
}

.rb-metrics-row > *:last-child {
    border-right: none !important;
}


/* ─── VIEWS BADGE ─── */
.rb-views-badge {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    order: -1 !important;
}

.rb-views-icon {
    width: 48px !important;
    height: 48px !important;
    background: url("https://www.rbciamb.com.br/public/journals/2/favicon_pt_BR.ico") center/contain no-repeat !important;
    display: block !important;
}

.rb-views-number,
.rb-article-metrics .rb-views-badge .rb-views-number,
.rb-metrics-row .rb-views-badge .rb-views-number,
div.rb-views-number {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #16354D !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    display: block !important;
}

.rb-views-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    display: block !important;
}

/* ─── LICENÇA ─── */
.rb-article-license {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    padding: 14px 20px !important;
    margin-top: 16px !important;
    border-top: 1px solid #e7edf2 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #667085 !important;
    background: transparent !important;
}

.rb-article-license p,
.rb-article-license p *,
.rb-article-license > * {
    display: inline !important;
    margin: 0 !important;
}

.rb-article-license br { display: none !important; }
.rb-article-license p + p::before { content: " " !important; }

.rb-article-license img {
    height: 22px !important;
    width: auto !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

.rb-article-license a { color: #2457B5 !important; text-decoration: none !important; }
.rb-article-license h2,
.rb-article-license h3 { display: none !important; }

/* ─── ITEM.BADGES ─── */
.rb-metrics-row .item.badges {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 0 !important;
    border-right: none !important;
    max-width: none !important;
    width: auto !important;
}

.rb-metrics-row .item.badges > * {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 16px !important;
    border-right: 1px solid #e7edf2 !important;
    min-width: 80px !important;
    max-width: 130px !important;
}

.rb-metrics-row .item.badges > *:last-child {
    border-right: 1px solid #e7edf2 !important;
}

/* ─── OUTROS ─── */

.pkp_page_article .obj_article_details .item.cover_image,
.pkp_page_article .main_entry .cover_image,
.pkp_page_article .entry_details .cover_image { display: none !important; }

.pkp_page_article .obj_article_details .item.published,
.pkp_page_article .main_entry .item.published { display: none !important; }

.rb-bottom-views {
    font-size: 13px !important;
    color: rgba(255,255,255,.65) !important;
    font-weight: 400 !important;
}

.__dimensions_badge_embed__,
.citations-count-dimensions .__dimensions_badge_embed__ {
    transform: none !important;
    overflow: visible !important;
}

.altmetric-embed, .altmetric-embed *,
[class*="altmetric"] *,
.__dimensions_badge_embed__ *,
[data-badge-type] * {
    font-size: revert !important;
    line-height: revert !important;
    font-family: revert !important;
}

.item.badges, .item.badges *,
.item.citations-container, .item.citations-container *,
.citations-count, .citations-count *,
.citations-count-dimensions, .citations-count-dimensions *,
.citations-count-scopus, .citations-count-scopus *,
.citations-count-crossref, .citations-count-crossref *,
.citations-count-pmc, .citations-count-pmc *,
.citations-count-google, .citations-count-google * {
    font-size: unset !important;
    line-height: unset !important;
    font-family: unset !important;
}


/* ══════════════════════════════════════════════════════
   LAYOUT 3 COLUNAS — OVERRIDE COMPLETO
   ══════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════
   ARTIGO — REDESIGN ESTILO NATURE
   Layout: autores (esquerda) | sidebar (direita)
   Sem caixas, sem cards, tipografia limpa
   ═══════════════════════════════════════════════════ */

/* Ocultar bloco de autores duplicado no corpo do artigo */
.pkp_page_article .main_entry .item.authors {
    display: none !important;
}

.pkp_page_article .rb-article-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 20px 0 24px !important;
}

/* ── Card: remover caixa cinza, virar flex dois colunas ── */
.pkp_page_article .rb-article-cover {
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    align-items: flex-start !important;
    box-shadow: none !important;
    padding-bottom: .75rem !important;
    border-bottom: none !important;
}

/* ── Capa da revista: ocultar (não usada em página de artigo) ── */
.pkp_page_article .rb-cover-img-col { display: none !important; }

/* ── Autores → coluna principal ESQUERDA (inline, estilo Nature) ── */
.pkp_page_article .rb-cover-authors-col {
    flex: 1 !important;
    min-width: 0 !important;
    order: 0 !important;
    padding: 0 0 .75rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    border-bottom: 1px solid #e7edf2 !important;
}

/* Wrapper inline */
.pkp_page_article .rb-authors-inline {
    display: flex !important;
    flex-direction: column !important;
    gap: .6rem !important;
}

/* Linha de nomes */
.pkp_page_article .rb-authors-names {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #1a3347 !important;
    flex-wrap: wrap !important;
}

.pkp_page_article .rb-author-name {
    font-weight: 600 !important;
    color: #1a3347 !important;
}

.pkp_page_article .rb-author-sep {
    color: #b0bec8 !important;
    font-weight: 400 !important;
}

/* Superscript de afiliação */
.pkp_page_article .rb-aff-sup {
    font-size: 10px !important;
    color: #9aabb8 !important;
    font-weight: 700 !important;
    margin-left: 1px !important;
    vertical-align: super !important;
}

/* Badge ORCID iD — ícone circular oficial (#A6CE39) */
.pkp_page_article .rb-orcid-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #A6CE39 !important;
    color: #fff !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    margin-left: 3px !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
    border: none !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.pkp_page_article .rb-orcid-badge:hover {
    background: #8fb82e !important;
    color: #fff !important;
}

/* Afiliações agrupadas */
.pkp_page_article .rb-authors-affs {
    font-size: 13px !important;
    color: #667085 !important;
    line-height: 1.6 !important;
}

.pkp_page_article .rb-authors-affs sup {
    font-size: 10px !important;
    color: #9aabb8 !important;
    font-weight: 700 !important;
    margin-right: 2px !important;
}

/* ── Divisor vertical ── */
.pkp_page_article .rb-cover-divider-v {
    order: 1 !important;
    width: 1px !important;
    background: #e0e8ef !important;
    align-self: stretch !important;
    flex-shrink: 0 !important;
    margin: 0 2rem !important;
}

/* ── Meta col → SIDEBAR DIREITA (PDF, metadados, DOI, citar) ── */
.pkp_page_article .rb-cover-meta-col {
    order: 2 !important;
    width: 220px !important;
    min-width: 220px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: .75rem !important;
    padding: 0 !important;
    align-items: flex-start !important;
}

.pkp_page_article .rb-cover-meta-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: .3rem 1.2rem !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.pkp_page_article .rb-meta-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

.pkp_page_article .rb-meta-lbl {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9aabb8 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    line-height: 1 !important;
    display: block !important;
}

.pkp_page_article .rb-meta-val {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1a3347 !important;
    line-height: 1.3 !important;
    display: block !important;
}

/* DOI na sidebar */
.pkp_page_article .rb-cover-doi-line {
    font-size: 11px !important;
    word-break: break-all !important;
    display: block !important;
    text-align: left !important;
    border-top: 1px solid #e7edf2 !important;
    padding-top: .6rem !important;
}
.pkp_page_article .rb-cover-doi-line::before {
    content: 'DOI' !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9aabb8 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    margin-bottom: 3px !important;
}

.pkp_page_article .rb-cover-doi-line a {
    color: #2457B5 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}

/* Separador na sidebar */
.pkp_page_article .rb-cover-sep {
    width: 100% !important;
    height: 1px !important;
    background: #e7edf2 !important;
    display: block !important;
}

/* ── Botões PDF/XML: PDF azul proeminente (estilo Nature), XML secundário ── */
.pkp_page_article .rb-cover-btns {
    display: flex !important;
    flex-direction: column !important;
    gap: .4rem !important;
    align-items: stretch !important;
    width: 100% !important;
    order: 0 !important;
}

/* Todos os botões: base */
.pkp_page_article .rb-cover-btns .obj_galley_link,
.pkp_page_article .rb-cover-btns .galley_link,
.pkp_page_article .rb-cover-btns a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 9px 16px !important;
    border-radius: 6px !important;
    border: 1.5px solid #1a4f96 !important;
    background: #1a4f96 !important;
    color: #fff !important;
    text-decoration: none !important;
    width: 100% !important;
    /* v71: rótulos longos (ex.: "Supplementary material (English)") quebram em 2 linhas
       centralizadas em vez de vazar a moldura em colunas estreitas. Era nowrap. */
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
    line-height: 1.3 !important;
    transition: background .15s, border-color .15s !important;
}

/* Segundo botão (XML): estilo outline */
.pkp_page_article .rb-cover-btns ul.galleys_links li:nth-child(2) a,
.pkp_page_article .rb-cover-btns ul.value li:nth-child(2) a {
    background: transparent !important;
    color: #1a4f96 !important;
    border: 1.5px solid #c8d5e8 !important;
}

.pkp_page_article .rb-cover-btns .obj_galley_link:hover,
.pkp_page_article .rb-cover-btns .galley_link:hover,
.pkp_page_article .rb-cover-btns a:hover {
    background: #163e78 !important;
    border-color: #163e78 !important;
    color: #fff !important;
}

.pkp_page_article .rb-cover-btns ul.galleys_links li:nth-child(2) a:hover,
.pkp_page_article .rb-cover-btns ul.value li:nth-child(2) a:hover {
    background: #f0f5ff !important;
    border-color: #1a4f96 !important;
    color: #1a4f96 !important;
}

/* Botão de Material Suplementar: estilo outline (secundário), distinto do PDF */
.pkp_page_article .rb-cover-btns .obj_galley_link_supplementary {
    background: transparent !important;
    color: #1a4f96 !important;
    border: 1.5px solid #c8d5e8 !important;
}
.pkp_page_article .rb-cover-btns .obj_galley_link_supplementary:hover {
    background: #f0f5ff !important;
    border-color: #1a4f96 !important;
    color: #1a4f96 !important;
}

/* "How to cite" na sidebar */
.pkp_page_article .rb-citation-details > summary {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #2457B5 !important;
    cursor: pointer !important;
    list-style: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.pkp_page_article .rb-citation-details > summary::-webkit-details-marker { display: none !important; }

/* Listas de galleys */
.pkp_page_article .rb-cover-btns ul.galleys_links,
.pkp_page_article .rb-cover-btns ul.value,
.pkp_page_article .rb-cover-btns .item.galleys {
    display: flex !important;
    flex-direction: column !important;
    gap: .4rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.pkp_page_article .rb-cover-btns ul.galleys_links li,
.pkp_page_article .rb-cover-btns ul.value li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.pkp_page_article .rb-cover-btns h2,
.pkp_page_article .rb-cover-btns h3 { display: none !important; }

/* ── Estado publicado ── */
.pkp_page_article .rb-article-cover .item.published,
.pkp_page_article .rb-cover-meta-row .item.published { display: block !important; }

.pkp_page_article .rb-article-authors { display: none !important; }

.pkp_page_article .entry_details .item.issue,
.pkp_page_article .entry_details .item.section,
.pkp_page_article .entry_details .item.doi,
.pkp_page_article .entry_details .item.galleys { display: none !important; }

/* ════════════════════════════════════════════════════
   SEÇÕES DO ARTIGO: DOI, KEYWORDS, ABSTRACT
   ════════════════════════════════════════════════════ */

/* Seção DOI — oculta no corpo (já aparece no sidebar direito) */
.pkp_page_article .main_entry .item.doi {
    display: none !important;
}

.pkp_page_article .main_entry .item.doi .label {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9aabb8 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    display: block !important;
    margin-bottom: .35rem !important;
}

.pkp_page_article .main_entry .item.doi .value a,
.pkp_page_article .main_entry .item.doi a {
    color: #2457B5 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    word-break: break-all !important;
}

/* Seção Keywords */
.pkp_page_article .main_entry .item.keywords {
    border-top: 1px solid #e7edf2 !important;
    padding: 1rem 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: .5rem !important;
}

.pkp_page_article .main_entry .item.keywords .label {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9aabb8 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    display: block !important;
    margin-bottom: 0 !important;
}

.pkp_page_article .main_entry .item.keywords .value {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    line-height: 1 !important;
    font-size: 0 !important; /* ocultar texto bruto; pills terão seu próprio font-size */
}

/* Garantir que texto sem pills (antes do script rodar) seja legível */
.pkp_page_article .main_entry .item.keywords .value:not(:has(.kw-pill)) {
    font-size: 14px !important;
    color: #1a3347 !important;
}

/* Pills de keywords */
.kw-pill {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #f4f7fb !important;
    border: 1px solid #d0dce8 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1a3347 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* Seção Abstract */
.pkp_page_article .main_entry .item.abstract {
    border-top: none !important;
    padding: 1.5rem 0 1rem !important;
    margin: 0 !important;
}

.pkp_page_article .main_entry .item.abstract h2,
.pkp_page_article .main_entry .item.abstract h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 1rem !important;
    background-image: none !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    display: block !important;
}

.pkp_page_article .main_entry .item.abstract p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #2c3e50 !important;
}




/* ── MÉTRICAS ODS ── */
.rb-sdg-metric-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    color: inherit !important;
}

.rb-sdg-metric-inner .rb-sdg-source-logo {
    height: 13px !important;
    max-height: 13px !important;
    width: auto !important;
    max-width: 90px !important;
    object-fit: contain !important;
    display: block !important;
    flex-shrink: 0 !important;
    opacity: .85 !important;
}

.rb-sdg-metric-inner img[alt="Dimensions"] { height: 18px !important; max-width: 120px !important; }
.rb-sdg-metric-inner img[alt="Web of Science"] { height: 11px !important; max-width: 80px !important; }

.rb-sdg-metric-inner span { font-size: 15px !important; text-transform: none !important; letter-spacing: 0 !important; color: #506172 !important; }

.rb-ods-logos { display: none !important; }


/* ══════════════════════════════════════════════════════
   PÁGINA DE EDIÇÃO — PAINEL LATERAL
   ══════════════════════════════════════════════════════ */

.pkp_page_issue:not(.pkp_op_archive) .rb-issue-header-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 1.5rem !important;
    flex-wrap: wrap !important;
}

.rb-issue-panel {
    display: flex !important;
    flex-direction: column !important;
    gap: .875rem !important;
    flex: 1 1 240px !important;
    min-width: 200px !important;
    max-width: 360px !important;
}

.rb-issue-panel-lbl { font-size: 12px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: #7a8fa0 !important; margin-bottom: .4rem !important; display: block !important; }

.rb-issue-themes { display: flex !important; flex-direction: column !important; gap: .4rem !important; }
.rb-issue-tags { display: flex !important; flex-wrap: wrap !important; gap: .35rem !important; }
.rb-issue-stats { display: flex !important; flex-direction: column !important; gap: .25rem !important; margin-top: .25rem !important; }

.rb-issue-stat-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: .35rem 0 !important;
    border-bottom: 0.5px solid #eef3f7 !important;
}

.rb-issue-stat-row:last-child { border-bottom: none !important; }
.rb-issue-stat-lbl { font-size: 15px !important; color: #506172 !important; }
.rb-issue-stat-val { font-size: 16px !important; font-weight: 600 !important; color: #1a3347 !important; }

.rb-issue-top { display: flex !important; flex-direction: column !important; gap: .35rem !important; }
.rb-issue-top-title { font-size: 15px !important; line-height: 1.5 !important; color: #1a3347 !important; }
.rb-issue-top-meta  { font-size: 13px !important; color: #7a8fa0 !important; }


/* ══════════════════════════════════════════════════════
   TIPOGRAFIA SPRINGER — SOURCE SERIF 4 + SOURCE SANS 3
   ══════════════════════════════════════════════════════ */

html, body,
.pkp_navigation_primary, .pkp_navigation_primary *,
.pkp_navigation_user, .pkp_navigation_user *,
.rb-topbar, .rb-topbar *,
.rb-metrics-bar, .rb-metrics-bar *,
.rb-home-grid, .rb-home-grid *,
.rb-sdg-section, .rb-sdg-section *,
.rb-archive-grid, .rb-archive-grid *,
.rb-article-cover, .rb-article-cover *,
.rb-article-authors, .rb-article-authors *,
.rb-article-metrics, .rb-article-metrics *,
.rb-issue-panel, .rb-issue-panel *,
.rb-editorial-team, .rb-editorial-team *,
.rb-bottom-banner, .rb-bottom-banner *,
button, input, select, textarea,
.pkp_block, .pkp_block * {
    font-family: 'Merriweather Sans', sans-serif !important;
}

/* Corpo editorial dos artigos — mantém Source Serif */
.pkp_page_article .item.abstract p,
.pkp_page_article .item.abstract li,
.pkp_page_article .item.references p,
.pkp_page_article .item.references li {
    font-family: 'Merriweather Sans', Georgia, serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    color: #1a1a2e !important;
}

/* Texto da Apresentação e corpo geral — Source Sans, mais leve */
.pkp_structure_main p,
.pkp_structure_main li,
.homepage_about p,
.homepage_about li,
.pkp_footer_content p {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    color: #333 !important;
}

.pkp_page_article .item.keywords,
.obj_article_summary .title a {
    font-family: 'Merriweather Sans', Georgia, serif !important;
}

h1, h2, h3, h4, h5, h6,
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.pkp_structure_main h1 { font-size: 30px !important; line-height: 1.2 !important; color: #2457B5 !important; font-family: 'Merriweather Sans', Georgia, serif !important; font-weight: 700 !important; }
.pkp_structure_main h2 { font-size: 22px !important; line-height: 1.3 !important; color: #1a1a1a !important; font-family: 'Merriweather Sans', sans-serif !important; font-weight: 700 !important; }
.pkp_structure_main h3 { font-size: 18px !important; line-height: 1.35 !important; color: #1a1a1a !important; font-family: 'Merriweather Sans', sans-serif !important; font-weight: 600 !important; }
.pkp_structure_main h4 { font-size: 16px !important; line-height: 1.4 !important; color: #1a3347 !important; font-family: 'Merriweather Sans', sans-serif !important; font-weight: 500 !important; font-style: italic !important; }

.obj_article_summary .title a,
.obj_article_summary h3 a,
.rb-item a,
.rb-home-grid .rb-item a,
.rb-block .rb-item a,
html body .rb-home-grid .rb-item a,
html body .rb-block .rb-item a,
.rb-atl-list a,
.rb-tema-list a,
html body .obj_article_summary .title a,
html body .obj_article_summary h3 a {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1e3557 !important;
    text-decoration: none !important;
}

.rb-item a:hover,
.rb-atl-list a:hover,
.rb-tema-list a:hover,
.obj_article_summary .title a:hover,
html body .rb-home-grid .rb-item a:hover,
html body .rb-block .rb-item a:hover,
html body .obj_article_summary .title a:hover { color: #2457b5 !important; text-decoration: underline !important; }
/* ^ variantes html body: a regra-base tem `html body .rb-home-grid .rb-item a` (0,2,3), mais específica
   que `.rb-item a:hover` (0,2,1) — sem estas, a base navy vencia no hover e o link não acendia azul. */

.obj_article_summary .authors {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #666 !important;
}

.pkp_page_article .item.abstract p { font-size: 16px !important; line-height: 1.8 !important; }

.pkp_page_article .page_title,
h1.page_title {
    color: #0b4a2b !important;
    font-family: 'Merriweather Sans', Georgia, serif !important;
    font-size: 26px !important;        /* v64: 30→26 — título do artigo menor (o de 30px pesava demais, sobretudo em títulos de 3+ linhas) */
    font-weight: 600 !important;       /* v64: 700→600 — semibold, mais elegante (padrão eLife/PLOS) */
    letter-spacing: -0.015em !important; /* v64: leve aperto para sofisticação */
    line-height: 1.3 !important;       /* v64: 1.25→1.3 — areja títulos multi-linha */
}

.homepage_about p { font-size: 16px !important; line-height: 1.8 !important; }

.obj_article_summary .meta,
.obj_article_summary .series,
time, .date {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 13px !important;
    color: #7a8fa0 !important;
}

.rb-views-badge span:last-child { font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; color: #0b4a2b !important; }

.pkp_page_article .item.keywords .label,
.pkp_page_article .item.abstract .label,
.pkp_page_article .label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2457B5 !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    display: block !important;
    margin-bottom: .5rem !important;
}

.pkp_page_article .pkp_structure_main h1 {
    color: #0b4a2b !important;
    font-family: 'Merriweather Sans', Georgia, serif !important;
}

/* v63: removido o bloco de título do announcement (verde 30px) — estava MORTO.
   Fonte única do título das internas = a regra "estilo Springer" (28px/700/#1a1a1a)
   mais abaixo neste arquivo (body:not(.pkp_page_index):not(.pkp_page_article) ... h1).
   Medido ao vivo: News renderiza near-black, nunca verde. */

/* ── HOME ── */
.rb-sdg-title,
.rb-block .rb-sdg-title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-bottom: 20px !important;
}

.rb-sdg-bibliometric-source { font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; color: #7a8fa0 !important; }
.rb-category { font-size: 11px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: #1a1a1a !important; }
.rb-meta, .rb-home-grid .rb-meta { font-size: 12px !important; color: #666 !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; }

.rb-sdg-card-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    overflow: visible !important;
    margin-bottom: 20px;
}

.rb-sdg-card-head strong { font-size: 17px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: #1a3347 !important; line-height: 1.35 !important; }
.rb-sdg-icon { width: 56px !important; height: 56px !important; flex-shrink: 0 !important; display: block !important; }
.rb-sdg-card { overflow: visible !important; }
.rb-metrics-bar strong { font-size: 20px !important; text-transform: none !important; }
.rb-metrics-bar span   { font-size: 11px !important; text-transform: none !important; letter-spacing: .04em !important; }
.rb-meta-lbl { text-transform: none !important; font-size: 11px !important; letter-spacing: 0 !important; }
.rb-meta-val { font-size: 15px !important; font-weight: 500 !important; }
.rb-bottom-button { text-transform: none !important; font-size: 14px !important; }
.rb-topbar a { text-transform: none !important; font-size: 14px !important; }

/* ── Notícias ── */
a.rb-news-link,
.rb-news-grid a.rb-news-link,
.rb-news-card a.rb-news-link {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #1e3557 !important;
    text-decoration: none !important;
}

body.pkp_page_announcement a.rb-news-link:hover { color: #2457b5 !important; text-decoration: underline !important; }
body.pkp_page_announcement .rb-news-grid a.rb-news-link:first-of-type { font-size: 22px !important; }

body.pkp_page_announcement p.rb-news-excerpt {
    font-family: 'Merriweather Sans', Georgia, serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #506172 !important;
}

body.pkp_page_announcement a.rb-news-rm {
    color: #0b4a2b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-family: 'Merriweather Sans', sans-serif !important;
}

body.pkp_page_announcement a.rb-news-rm:hover { text-decoration: underline !important; }
body.pkp_page_announcement .rb-news-grid span { font-family: 'Merriweather Sans', sans-serif !important; }

/* ── Componentes customizados ── */
body { font-size: 16px !important; line-height: 1.72 !important; }
.pkp_structure_main li { font-size: 16px !important; }
.obj_article_summary .authors { font-size: 14px !important; }
.pkp_navigation_primary > li > a { font-size: 16px !important; }
.pkp_page_article .item.keywords span,
.pkp_page_article .item.keywords a { font-size: 14px !important; }
.pkp_page_article .item.references p,
.pkp_page_article .item.references li { font-size: 15px !important; }
.pkp_footer_content,
.pkp_footer_content p { font-size: 14px !important; }
.rb-sdg-title { font-size: 20px !important; }


/* ─── CORREÇÃO DE COR — ITENS DE MENU ESPECÍFICOS ───────────────────────────── */

.pkp_navigation_primary a[href*="publication-ethics"],
.pkp_navigation_primary a[href*="avaliacao"],
.pkp_navigation_primary a[href*="announcement"],
html body .pkp_navigation_primary a[href*="publication-ethics"],
html body .pkp_navigation_primary a[href*="avaliacao"],
html body .pkp_navigation_primary a[href*="announcement"] {
    color: #3f4954 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pkp_navigation_primary a[href*="publication-ethics"]:hover,
.pkp_navigation_primary a[href*="avaliacao"]:hover,
.pkp_navigation_primary a[href*="announcement"]:hover,
.pkp_navigation_primary .current > a[href*="publication-ethics"],
.pkp_navigation_primary .current > a[href*="avaliacao"],
.pkp_navigation_primary .current > a[href*="announcement"],
html body .pkp_navigation_primary a[href*="publication-ethics"]:hover,
html body .pkp_navigation_primary a[href*="avaliacao"]:hover,
html body .pkp_navigation_primary a[href*="announcement"]:hover,
html body .pkp_navigation_primary li.current > a[href*="publication-ethics"],
html body .pkp_navigation_primary li.current > a[href*="avaliacao"],
html body .pkp_navigation_primary li.current > a[href*="announcement"] {
    color: #0b63b6 !important;
    background: rgba(11,99,182,.06) !important;
    box-shadow: inset 0 -3px 0 #0b63b6 !important;
}

/* v63: removido o bloco de título azul de ethics/avaliação/announcement — estava MORTO
   (contradizia o bloco verde que também existia). Vence sempre a regra "estilo Springer"
   28px/700/#1a1a1a. Medido ao vivo: essas páginas renderizam near-black, nunca azul. */

html body .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a,
html body .pkp_navigation_primary > li > a,
html body .pkp_navigation_primary_wrapper .pkp_navigation_primary ul li a,
html body .pkp_navigation_primary ul li a {
    font-family: 'Merriweather Sans', sans-serif !important;
}


/* ─── FAIXAS DOURADAS ────────────────────────────────────────────────────────── */

.pkp_head_wrapper {
    margin-bottom: 0 !important;
}

.pkp_navigation_primary_row {
    border-top: none !important;
    margin-top: 0 !important;
}

.pkp_navigation_primary_row::before {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b);
}

.pkp_navigation_primary_row::after {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b);
}

.rb-metrics-bar {
    border-top: 1px solid transparent !important;
    border-image: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b) 1 !important;
}

.rb-impact-section::after {
    content: '';
    display: block;
    height: 1px;
    margin-top: 48px;
    background: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b);
}

/* linha única após o grid de artigos */
.rb-home-grid::after {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b);
}

/* suprimir linhas individuais dentro do grid */
.rb-home-grid .rb-block::after {
    display: none !important;
}

.homepage_about::after {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b);
    margin-top: 48px;
}
.rb-recent-issues {
    margin-top: 24px !important;
}
#rb-indexadores {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
}
#rb-indexadores > div[style*="border-top"] {
    border-top: none !important;
}
#rb-indexadores h2 {
    color: #1a1a1a !important;
}
.pkp_page_index .pkp_structure_content [style*="color: #2457a4"],
.pkp_page_index .pkp_structure_content [style*="color: #2457b5"] {
    color: #1a1a1a !important;
}

/* Títulos dos cards Notícias e Oportunidades — mesmo tamanho e cor */
.pkp_page_index [style*="color: #F0A500"],
.pkp_page_index [style*="color: #f0a500"] {
    color: #1a1a1a !important;
}

.pkp_page_index [style*="font-size: 20px"][style*="color: #2457a4"],
.pkp_page_index [style*="font-size: 16px"][style*="color: #2457a4"] {
    font-size: 20px !important;
    color: #1a1a1a !important;
    font-weight: 600 !important;
}
.pkp_structure_head {
  position: relative !important;
  padding: 0 !important;
}
/* #rb-wrap definido em "SLIDESHOW BIOMAS" abaixo — sem duplicar aqui */
.pkp_structure_head > *:not(#rb-wrap) {
  position: relative !important;
  z-index: 1 !important;
}


/* ─── SLIDESHOW BIOMAS ───────────────────────────────────────────────────────── */

.pkp_site_name img,
.pkp_site_name_wrapper img,
.pkp_site_name_wrapper a > img,
.pkp_site_name_wrapper .pkp_site_name img {
    opacity: 0 !important;
    visibility: hidden !important;
}

#rb-wrap {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 0 !important;
    overflow: hidden !important;
    margin: 0 !important; padding: 0 !important;
}

.rb-slide {
    position: absolute !important;
    inset: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0 !important;
    transition: opacity 1.8s ease-in-out !important;
}

.rb-slide.on { opacity: 1 !important; }

.rb-bioma-label {
    position: absolute !important;
    bottom: 16px !important; left: 24px !important;
    color: #fff !important;
    font-size: clamp(14px, 1.4vw, 22px) !important;
    font-weight: 700 !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.8) !important;
    border-left: 4px solid #4caf50 !important;
    padding-left: 10px !important;
    z-index: 1 !important;
}
/* ══════════════════════════════════════════════════════
   ARQUIVO DE EDIÇÕES — NOVO LAYOUT
   ══════════════════════════════════════════════════════ */

.rb-archive-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
    margin: 1.5rem 0 !important;
}

.rb-archive-card {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 0.5px solid #dce4ea !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: border-color .15s !important;
}

.rb-archive-card:hover {
    border-color: #a8bcc8 !important;
    text-decoration: none !important;
}

.rb-arc-head {
    display: flex !important;
    gap: .75rem !important;
    padding: .875rem 1rem !important;
    align-items: flex-start !important;
}

.rb-arc-head img {
    width: 80px !important;
    height: auto !important;
    border-radius: 4px !important;
    border: 0.5px solid #dce4ea !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.rb-arc-img-placeholder {
    width: 80px !important;
    height: 105px !important;
    background: #eef3f7 !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
}

.rb-arc-title-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    justify-content: center !important;
}

.rb-arc-title { font-size: 17px !important; font-weight: 600 !important; color: #1a3347 !important; line-height: 1.3 !important; }

.rb-arc-stats { display: flex !important; border-top: 0.5px solid #dce4ea !important; }

.rb-arc-stat {
    flex: 1 !important;
    text-align: center !important;
    padding: .6rem .5rem !important;
    border-right: 0.5px solid #dce4ea !important;
}

.rb-arc-stat:last-child { border-right: none !important; }

.rb-arc-val { font-size: 18px !important; font-weight: 500 !important; color: #1a3347 !important; display: block !important; line-height: 1 !important; }
.rb-arc-lbl { font-size: 11px !important; color: #7a8fa0 !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; display: block !important; margin-top: 3px !important; }

.rb-arc-themes {
    padding: .75rem 1rem !important;
    border-top: 0.5px solid #dce4ea !important;
    background: #f8fafb !important;
    display: flex !important;
    flex-direction: column !important;
    gap: .5rem !important;
}

.rb-arc-themes-lbl { font-size: 11px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: #7a8fa0 !important; }

.rb-arc-tags { display: flex !important; flex-wrap: wrap !important; gap: .35rem !important; }

.rb-arc-tag { font-size: 12px !important; font-weight: 500 !important; padding: 3px 9px !important; border-radius: 4px !important; display: inline-block !important; text-transform: none !important; background: #eef2f5 !important; color: #3d5467 !important; border: 0.5px solid #d8e2ea !important; }

.rb-arc-tag-water,
.rb-arc-tag-climate,
.rb-arc-tag-bio,
.rb-arc-tag-poll,
.rb-arc-tag-waste,
.rb-arc-tag-sustain,
.rb-arc-tag-soil,
.rb-arc-tag-urban,
.rb-arc-tag-loading { background: #eef2f5 !important; color: #3d5467 !important; border: 0.5px solid #d8e2ea !important; }

.rb-arc-current {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    background: #e1f5ee !important;
    color: #085041 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-top: 4px !important;
}
body, .pkp_structure_page {
  background-color: #ffffff !important;
}
#rbciamb-news, #rbciamb-jobs, 
#rbciamb-news-en, #rbciamb-jobs-en {
  min-height: 200px;
}
.pkp_cover_image img, 
.galley_link img {
  content-visibility: auto;
}
.pkp_page_issue .pkp_structure_head img { display: none; }

/* ─── BANNER: slideshow só na homepage ─────────────────────────────────────── */

/* Nas páginas que NÃO são a home: esconder TODO o #rb-wrap (slideshow + slides) */
body:not(.pkp_page_index) #rb-wrap,
body:not(.pkp_page_index) #rb-wrap * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: none !important;
    animation: none !important;
}

/* Nas páginas que NÃO são a home: mostrar a imagem estática do OJS */
body:not(.pkp_page_index) .pkp_site_name img,
body:not(.pkp_page_index) .pkp_site_name_wrapper img,
body:not(.pkp_page_index) .pkp_site_name_wrapper a > img,
body:not(.pkp_page_index) .pkp_site_name_wrapper .pkp_site_name img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: unset !important;
}

/* Garantir que o rótulo do bioma não apareça fora da home */
body:not(.pkp_page_index) .rb-bioma-label {
    display: none !important;
}

/* ─── HOMEPAGE — PROPORÇÕES ABOUT + SIDEBAR ──────────────────────────────────── */
.pkp_page_index .pkp_structure_content {
    max-width: 1280px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.pkp_page_index .pkp_structure_main {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.pkp_page_index .pkp_structure_sidebar {
    flex: 0 0 45% !important;
    width: 45% !important;
    max-width: 45% !important;
}

/* ─── RESPIRO GLOBAL — NATURE STYLE ─────────────────────────────────────────── */

/* Seções principais do site */
.pkp_structure_main > section,
.pkp_structure_main > article {
    margin-top: 32px !important;
}

/* Páginas de artigo — espaçamento entre blocos */
.pkp_page_article .obj_article_details > .main_entry > .item,
.pkp_page_article .obj_article_details > .entry_details > .item {
    margin-bottom: 32px !important;
    padding-bottom: 32px !important;
}

/* Abstract e keywords */
.pkp_page_article .item.abstract,
.pkp_page_article .item.keywords {
    margin-bottom: 40px !important;
}

/* Seções de galley/download */
.pkp_page_article .item.galleys {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

/* All Issues — grid de edições */
.pkp_page_issue .obj_issue_summary,
.pkp_page_catalog .obj_issue_summary {
    margin-bottom: 48px !important;
}

/* Páginas de conteúdo estático (About, etc.) */
.pkp_page_about .pkp_structure_main,
.pkp_page_editorialTeam .pkp_structure_main,
.pkp_page_submissions .pkp_structure_main {
    padding-top: 16px !important;
    padding-bottom: 64px !important;
}

/* Títulos h2/h3 em páginas internas */
.pkp_structure_main h2:not(.rb-sdg-title):not(.rb-block-title) {
    margin-top: 24px !important;
    margin-bottom: 16px !important;
}

.pkp_structure_main h3 {
    margin-top: 20px !important;
    margin-bottom: 12px !important;
}

/* Parágrafos em páginas de conteúdo */
.pkp_page_about p,
.pkp_page_editorialTeam p,
.pkp_page_submissions p {
    line-height: 1.85 !important;
    margin-bottom: 20px !important;
}

/* Sidebar widgets */
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 40px !important;
}

/* Títulos dos blocos da sidebar — bold Nature */
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block > h3 {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
    line-height: 1.2 !important;
}

/* Recent issues carousel — mais respiro acima */
.rb-recent-issues {
    margin-bottom: 48px !important;
}

/* ─── INDEXING / SCIENTIFIC CONNECTIVITY BLOCK ─────────────────────────────── */

.rb-idx-section {
    margin-top: 40px !important;
}

/* page_title azul em páginas estáticas, verde em artigos */
html body .pkp_structure_main h1.page_title,
html body .pkp_structure_main .page_title {
    color: #2457B5 !important;
    font-family: 'Merriweather Sans', Georgia, serif !important;
}
/* pkp_page_article está no próprio <body>, sem espaço antes do ponto */
html body.pkp_page_article .pkp_structure_main h1.page_title,
html body.pkp_page_article .pkp_structure_main .page_title,
html body.pkp_page_article h1.page_title,
html body.pkp_page_article .page_title {
    color: #0b4a2b !important;
}

/* título de páginas estáticas OJS (renderizado como h2 dentro de div.page) */
.pkp_structure_main .page > h2:first-child {
    color: #2457B5 !important;
    font-family: 'Merriweather Sans', Georgia, serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

.rb-idx-section-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #1a1a1a !important;
    margin-bottom: 24px !important;
}

.rb-idx-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px 32px !important;
    margin-top: 8px !important;
}

.rb-idx-card-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.rb-idx-card-top {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.rb-idx-card-top img {
    height: 36px !important;
    width: auto !important;
    max-width: 120px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

.rb-idx-card-name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

.rb-idx-card {
    display: inline-block !important;
    margin-bottom: 4px !important;
    text-decoration: none !important;
}

.rb-idx-badge {
    display: inline-block !important;
    background: #eef4fb !important;
    color: #2457B5 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 2px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #c8d9f0 !important;
}

.rb-idx-card-desc {
    font-size: 14px !important;
    color: #5b6670 !important;
    line-height: 1.55 !important;
    margin: 0 0 8px !important;
}

.rb-idx-also {
    font-size: 14px !important;
    color: #5b6670 !important;
    line-height: 1.6 !important;
    border-top: 1px solid #e3eaf0 !important;
    padding-top: 14px !important;
}

/* ─── IMAGENS EM NOTÍCIAS (ANNOUNCEMENTS) ───────────────────────────────────── */
.pkp_page_announcement img,
.obj_announcement img {
    width: 220px !important;
    height: auto !important;
    float: right !important;
    margin: 0 0 20px 28px !important;
    border-radius: 10px !important;
    display: block !important;
}

.pkp_page_announcement .page::after,
.obj_announcement::after {
    content: '' !important;
    display: table !important;
    clear: both !important;
}

/* ─── FORÇA COR DOS TÍTULOS INDEXADORES (override final) ───────────────────── */
#rb-indexadores h2,
#rb-indexadores h2[style],
html body #rb-indexadores h2 {
    color: #1a1a1a !important;
}
#rb-indexadores h2 {
  border-bottom: none !important;
}


/* ─── PESQUISA EM DESTAQUE ──────────────────────────────────────────────────── */

.rb-impact-section {
    max-width: 1180px;
    margin: 48px auto !important;
    padding-top: 4px !important;
}

/* Título de seção — Empirical Contributions + linha dourada acima */
/* ══ BLOCO CONTRIBUIÇÕES EMPÍRICAS ═══════════════════════════════════════════
   TODOS os valores abaixo vêm do padrão que já existe na página. Nada inventado:
     · título de seção  = .rb-block-title (L499): 23px, #1a1a1a, fio 2px embaixo
     · título de artigo = .rb-item a (L525):      17px, 700, #1e3557
     · categoria        = .rb-category (L541):    10px, .18em, caixa alta, #F0A500
   A hierarquia desce (23 > 19 > 17) e a chamada de abertura NUNCA passa o título
   da seção. O diferencial do bloco é o CONTEÚDO — tema e bioma —, não tipografia
   própria. */

/* idêntico ao .rb-block-title dos demais blocos */
.rb-impact-title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
    text-align: left !important;
    /* SEM fio embaixo e SEM letter-spacing: nenhum título de seção da home tem.
       Medido nos títulos inline dos outros blocos (Destaque de Impacto, Atlas,
       Temas, Políticas...) e no .rb-sdg-title — todos 20px/700/#1a1a1a.
       A regra .rb-block-title do CSS (23px + borda 2px) é código morto: nenhum
       bloco da home a usa. Foi de lá que eu tirei o fio que não existia. */
    border-bottom: none !important;
    letter-spacing: normal !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-image: none !important;
}

.rb-impact-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 54px !important;
    /* sem align-items:start de proposito: as fichas esticam ate a altura da linha,
       e assim os fios inferiores das duas colunas ficam na MESMA altura. Com start,
       cada ficha fechava onde acabava seu texto e os fios saiam desencontrados. */
}

.rb-impact-card {
    justify-content: flex-start !important;
    padding: 20px 0 22px !important;
    border-top: none !important;
    border-bottom: 1px solid #e4e8eb !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* linha de classificação — tema no MESMO tratamento do .rb-category dos outros
   blocos; bioma idêntico, mudando só a cor para o verde do site (#0b4a2b). */
.rb-impact-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 0 14px !important;
    margin: 12px 0 0 !important;   /* fica ao fim do texto: respiro em cima, não embaixo */
    order: 9 !important;           /* garante o fim, mesmo que a ordem do HTML mude */
}
/* MEDIDO na página, não lido no arquivo: o .rb-category dos blocos Últimos
   Artigos e Mais Citados renderiza 11px / peso 600 / caixa NORMAL / sem
   letter-spacing. A regra escrita neste CSS (10px, 700, .18em, uppercase) é
   sobrescrita por outra em algum ponto — vale o que a tela mostra. */
.rb-impact-tema, .rb-impact-bioma {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    line-height: 1.4 !important;
}
/* A cor marca o que é REALMENTE distinto: o eixo geográfico. Tema é classificação
   temática e lê melhor em grafite; o bioma — o que a RBCIAMB tem de particular —
   ganha o único ponto de cor do card. O ouro saiu: reprovava em contraste (2,08:1
   contra os 4,5:1 da WCAG) e vale mais como acento da marca, nos fios e no banner,
   do que repetido em 40 fichas. */
.rb-impact-tema  { color: #1a1a1a !important; font-weight: 700 !important; }
.rb-impact-bioma { color: #55636e !important; font-weight: 600 !important; }
.rb-impact-bioma::before {
    content: "";
    display: inline-block;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #0b4a2b;
    margin-right: 7px;
    vertical-align: baseline;
}

/* idêntico ao .rb-item a dos demais blocos */
.rb-impact-theme {
    display: block !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #1e3557 !important;
    margin: 0 0 8px !important;
}
.rb-impact-theme::before { content: none !important; }


.rb-impact-text {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    color: #3d4650 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.rb-impact-meta {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #6b7681 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-top: 10px !important;
}
.rb-impact-meta a { color: #1e3557 !important; font-weight: 500 !important; text-decoration: none !important; }
.rb-impact-meta a:hover { color: #2457b5 !important; text-decoration: underline !important; }

/* hover azul, igual a todos os links de título da home */
a.rb-impact-theme:hover { color: #2457b5 !important; text-decoration: underline !important; }

.rb-impact-cta {
    display: inline-block !important;
    margin-top: 8px !important;
    color: #1e3557 !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.rb-impact-cta:hover { color: #2457b5 !important; text-decoration: underline !important; }

@media (max-width: 980px) {
    .rb-impact-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 980px) {
    .rb-impact-grid { grid-template-columns: 1fr !important; }
    .rb-impact-title { font-size: 24px !important; }
}

/* celular: uma coluna, figura acima do texto */



/* ══════════════════════════════════════════════════════
   FIX v45 — TÍTULOS AZUIS → SPRINGER + SIDEBAR FLAT
   ══════════════════════════════════════════════════════ */

/* 1. "Overview" — padrão Springer + linha dourada acima */
html body .homepage_about h2,
html body .homepage_about .title,
html body .pkp_page_index .homepage_about h2,
html body .pkp_page_index .homepage_about .title,
.pkp_structure_main .homepage_about h2,
.pkp_structure_main .homepage_about .title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    text-decoration: none !important;
    background-image: none !important;
}

/* 2. Sidebar widgets — remover card OJS (box-shadow, border, rounded),
      aplicar accent de linha dourada no topo — padrão editorial */
.pkp_page_index .pkp_structure_sidebar .pkp_block {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px 0 0 !important;
    margin-bottom: 36px !important;
}

/* 3. Títulos dos widgets sidebar — alinhar ao padrão 20px/700/#1a1a1a */
.pkp_page_index .pkp_structure_sidebar .pkp_block h2,
.pkp_page_index .pkp_structure_sidebar .pkp_block .title,
.pkp_page_index .pkp_structure_sidebar .pkp_block > h3 {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* 4. Corpo dos widgets sidebar — consistência tipográfica */
.pkp_page_index .pkp_structure_sidebar .pkp_block p,
.pkp_page_index .pkp_structure_sidebar .pkp_block li,
.pkp_page_index .pkp_structure_sidebar .pkp_block span {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #3f4954 !important;
}

/* 5. Links nos widgets sidebar */
.pkp_page_index .pkp_structure_sidebar .pkp_block a {
    color: #1e3557 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.pkp_page_index .pkp_structure_sidebar .pkp_block a:hover {
    color: #2457b5 !important;
    text-decoration: underline !important;
}

/* 6. Links nos containers de conteúdo dos widgets (news/jobs) */
#rbciamb-news a, #rbciamb-news-en a,
#rbciamb-jobs a, #rbciamb-jobs-en a {
    color: #1e3557 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
#rbciamb-news a:hover, #rbciamb-news-en a:hover,
#rbciamb-jobs a:hover, #rbciamb-jobs-en a:hover {
    color: #2457b5 !important;
    text-decoration: underline !important;
}

/* 7. Texto dos itens dos widgets — refinamento tipográfico */
#rbciamb-news > div, #rbciamb-news-en > div,
#rbciamb-jobs > div, #rbciamb-jobs-en > div {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
/* Adicionar no CSS adicional */
.pkp_page_index [id*="rbciamb"] ~ a,
.pkp_page_index a[href*="announcement/list"],
.pkp_page_index a[href*="announcement"] {
    color: #1e3557 !important;
    font-weight: 600 !important;
}

/* ══════════════════════════════════════════════════════
   ABOUT / PÁGINAS ESTÁTICAS OJS — PADRÃO SPRINGER
   ══════════════════════════════════════════════════════ */

/* ── Todas as páginas estáticas OJS (exceto home e artigo) ── */
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main {
    max-width: 860px !important;
    padding-top: 8px !important;
    padding-bottom: 80px !important;
}

/* ── Título da página (h1) — eliminar azul/serifado — especificidade máxima ── */
html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main h1.page_title,
html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page_title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-style: normal !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    margin-bottom: 32px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    background-image: none !important;
}

/* ── Golden line SOB H1 em todas as páginas exceto home e artigo ── */
/* Duas variantes: h1 genérico (0-3-3) e h1.page_title (0-4-3) — esta última supera a regra page_title:none acima */
html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main h1,
html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main h1.page_title {
    padding-bottom: 16px !important;
    background-image: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1px !important;
    background-position: bottom !important;
    margin-bottom: 32px !important;
}

/* ── Indexing: sem H1 — aplica estilo de título ao único H2 da página ── */
html body.pkp_page_indexing .pkp_structure_main h2:first-of-type {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding-bottom: 16px !important;
    margin-top: 0 !important;
    margin-bottom: 32px !important;
    background-image: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1px !important;
    background-position: bottom !important;
}

/* ── Subtítulos de seção — <strong> único em <p>, <h2> e <h3> nativo OJS ── */
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main p > strong:only-child,
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main h2,
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main h3 {
    display: block !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding-top: 0 !important;
    margin-top: 28px !important;
    background-image: none !important;
}

/* ── Corpo de texto ── */
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main p,
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main li {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #3f4954 !important;
    text-align: left !important;
    margin-bottom: 16px !important;
}

/* ── Links ── */
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main a {
    color: #1e3557 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main a:hover {
    color: #2457b5 !important;
}

/* ══════════════════════════════════════════════════════
   MOBILE — max-width 600px
   ══════════════════════════════════════════════════════ */
@media (max-width: 600px) {

    /* ── Layout principal: sidebar abaixo do main ── */
    .pkp_page_index .pkp_structure_content {
        flex-direction: column !important;
        padding: 0 14px !important;
    }
    .pkp_page_index .pkp_structure_main {
        width: 100% !important;
        min-width: 0 !important;
    }
    .pkp_page_index .pkp_structure_sidebar {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
    }

    /* ── Barra de métricas — scroll horizontal ── */
    .rb-metrics-bar-inner {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .rb-metric {
        padding: 10px 14px !important;
        min-width: 72px !important;
        flex-shrink: 0 !important;
    }
    .rb-metric-value { font-size: 16px !important; }
    .rb-metric-label { font-size: 10px !important; }

    /* ── Banner ── */
    #rbciamb-banner-overlay {
        left: 8% !important;
        right: 8% !important;
        transform: translateY(-50%) !important;
    }
    .rb-banner-title { font-size: 18px !important; }
    .rb-banner-subtitle { font-size: 13px !important; }
    .rb-banner-actions {
        padding: 0 8px !important;
        bottom: 16px !important;
    }
    .rb-banner-actions a { font-size: 13px !important; }

    /* ── Overview ── */
    .homepage_about h2,
    .homepage_about .title {
        font-size: 20px !important;
    }
    .homepage_about p { font-size: 16px !important; }

    /* ── Recent Issues — grid 3col → 1col (inline style override) ── */
    .rb-recent-issues > div > div {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    /* header "Browse full archive" — empilhar verticalmente */
    .rb-recent-issues > div > div:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }

    /* ── Empirical Contributions ── */
    .rb-impact-grid {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
    .rb-impact-card:nth-last-child(-n+2) {
        border-bottom: 1px solid #d8dde1 !important;
    }
    .rb-impact-card:last-child {
        border-bottom: none !important;
    }

    /* ── Artigos: Latest & Trending — grid 2col → 1col (inline style override) ── */
    .rb-home-grid > div {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
    .rb-home-grid .rb-block { padding: 20px 0 !important; }

    /* ── SDG grid ── */
    .rb-sdg-grid {
        grid-template-columns: 1fr !important;
    }

    /* ── Archive grid ── */
    .rb-archive-grid {
        grid-template-columns: 1fr !important;
    }

    /* ── Sidebar blocks: empilhar em coluna ── */
    .pkp_structure_sidebar .pkp_block,
    .pkp_page_index .pkp_structure_sidebar .pkp_block {
        margin-bottom: 24px !important;
    }

    /* ── Seção títulos ── */
    .rb-section-head-title,
    .rb-sdg-head-title {
        font-size: 18px !important;
    }

    /* ── Tabs laterais fixas — ocultar em mobile ── */
    .rb-side-banner,
    .rb-left-banner {
        display: none !important;
    }

    /* ── Banner: ocultar botões Submit/Share (vazam no mobile) ── */
    .rb-banner-actions {
        display: none !important;
    }
    /* Título do banner: ajustar tamanho ── */
    .rb-banner-title {
        font-size: 17px !important;
    }
    .rb-banner-subtitle {
        font-size: 13px !important;
    }
    #rbciamb-banner-overlay {
        left: 5% !important;
        right: 5% !important;
        bottom: 12px !important;
        top: auto !important;
        transform: none !important;
    }

    /* ── Barra de métricas: scroll horizontal (sem overflow) ── */
    .rb-metrics-bar-inner {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        justify-content: flex-start !important;
        padding: 0 8px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .rb-metrics-bar-inner::-webkit-scrollbar {
        display: none !important;
    }
    .rb-metric {
        padding: 10px 14px !important;
        min-width: 72px !important;
        flex-shrink: 0 !important;
    }
}

/* ── Compactar lista de artigos na página de edição ── */
.pkp_page_issue .cmp_article_list > li {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ── Página de artigo: melhorias visuais ── */

/* H1 com linha dourada abaixo */
.pkp_page_article .obj_article_details h1.page_title {
    padding-bottom: 16px !important;
    margin-bottom: 14px !important;    /* v64: 24→14 — acompanha o título menor, aproxima os autores */
    background-image: linear-gradient(to right, #b8860b, #daa520, #f0c040, #daa520, #b8860b) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1px !important;
    background-position: bottom !important;
}

/* Labels DOI / Keywords / Abstract */
.pkp_page_article .item.doi h2.label,
.pkp_page_article .item.keywords h2.label {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9aabb8 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    background-image: none !important;
}

.pkp_page_article .item.abstract h2.label {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    background-image: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Keywords como pills */
.pkp_page_article .item.keywords { margin-bottom: 0 !important; }
.pkp_page_article .item.keywords .value {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 4px !important;
    font-size: 0 !important;
}
.pkp_page_article .item.keywords .value .kw-pill {
    display: inline-block !important;
    background: #f4f7fb !important;
    border: 1px solid #d0dce8 !important;
    color: #1a3347 !important;
    border-radius: 20px !important;
    padding: 4px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MÉTRICAS — NORMALIZAÇÃO UNIFORME
   ═══════════════════════════════════════════════════════════════════════════ */

/* Container principal */
.pkp_page_article .rb-article-metrics {
    padding: 20px 0 !important;
}

/* Linha de métricas: sem gap extra (usa apenas padding interno de cada célula) */
.pkp_page_article .rb-metrics-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
}

/* Todas as células — altura mínima uniforme, padding igual */
.pkp_page_article .rb-metrics-row > * {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 88px !important;
    max-width: 130px !important;
    min-height: 88px !important;
    padding: 10px 18px !important;
    border-right: 1px solid #e7edf2 !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    background: transparent !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
}

.pkp_page_article .rb-metrics-row > *:last-child {
    border-right: none !important;
}

/* Imagens e iframes: tamanho máximo uniforme */
.pkp_page_article .rb-metrics-row img {
    max-width: 72px !important;
    max-height: 40px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.pkp_page_article .rb-metrics-row iframe {
    max-width: 80px !important;
    max-height: 60px !important;
    display: block !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

/* Forçar textos dentro das células a tamanho padronizado */
.pkp_page_article .rb-metrics-row .label,
.pkp_page_article .rb-metrics-row a > span:not([class]),
.pkp_page_article .rb-metrics-row .citations-count-label {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    margin-top: 4px !important;
    display: block !important;
}

/* Números de citação */
.pkp_page_article .rb-metrics-row .citations-count-number,
.pkp_page_article .rb-metrics-row [class*="count-number"] {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #16354D !important;
    line-height: 1 !important;
    display: block !important;
}

/* Views badge — ícone menor para uniformidade */
.pkp_page_article .rb-views-icon {
    width: 38px !important;
    height: 38px !important;
    background-size: contain !important;
}

.pkp_page_article .rb-views-badge .rb-views-number,
.pkp_page_article .rb-views-number {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.pkp_page_article .rb-views-label {
    font-size: 10px !important;
    margin-top: 4px !important;
}


/* ─── .item.badges: ocultar quando Altmetric não carregou dados.
   Quando há citações, o Altmetric insere <img> ou <a> — aí aparece. ─── */
.pkp_page_article .rb-metrics-row .item.badges:not(:has(img, a[href*="altmetric"], .plumx-plum-print-popup, .PlumX-Popup, .ppp-container)) {
    display: none !important;
}

/* ─── .item.badges: explode sub_items como células individuais ─── */
.pkp_page_article .rb-metrics-row .item.badges {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    padding: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    border-right: none !important;
    border-left: none !important;
    gap: 0 !important;
}

.pkp_page_article .rb-metrics-row .item.badges .sub_item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 88px !important;
    max-width: 120px !important;
    min-height: 88px !important;
    padding: 10px 16px !important;
    border-right: 1px solid #e7edf2 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.pkp_page_article .rb-metrics-row .item.badges .sub_item:last-child {
    border-right: 1px solid #e7edf2 !important;
}

/* Dimensões badge — limitar tamanho do link container */
.pkp_page_article .rb-metrics-row .__dimensions_Link {
    max-width: 64px !important;
    max-height: 64px !important;
    display: block !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

.pkp_page_article .rb-metrics-row .__dimensions_Link img {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
}

/* Dimensionar o badge do Dimensions dentro do sub_item */
.pkp_page_article .rb-metrics-row .__dimensions_badge_embed__ {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Altmetric donut — forçar tamanho uniforme */
.pkp_page_article .rb-metrics-row .altmetric-embed,
.pkp_page_article .rb-metrics-row [class*="altmetric-embed"] {
    min-width: unset !important;
    max-width: unset !important;
    width: auto !important;
    padding: 0 !important;
}
.pkp_page_article .rb-metrics-row [data-badge-type="donut"] img,
.pkp_page_article .rb-metrics-row .altmetric-embed img,
.pkp_page_article .rb-metrics-row [class*="altmetric"] img {
    max-width: 50px !important;
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
}

/* Google Scholar — limitar ícone */
.pkp_page_article .rb-metrics-row .citations-count-google img {
    max-width: 44px !important;
    max-height: 44px !important;
}

/* Scopus, Crossref, PMC — imagens de logo menores */
.pkp_page_article .rb-metrics-row .citations-count-scopus img,
.pkp_page_article .rb-metrics-row .citations-count-crossref img,
.pkp_page_article .rb-metrics-row .citations-count-pmc img {
    max-height: 28px !important;
    max-width: 80px !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 4px !important;
}


/* ══════════════════════════════════════════════════════════════════════════════
   ARTIGO — TEXTO COMPLETO: melhor legibilidade
   ══════════════════════════════════════════════════════════════════════════════ */

/* Abstract — tipografia limpa */
.pkp_page_article .item.abstract h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e7edf2 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.pkp_page_article .item.abstract p,
.pkp_page_article .item.abstract .value {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #2c3e50 !important;
    max-width: none !important;
}

/* Keywords — pills */
.pkp_page_article .item.keywords {
    margin-top: 20px !important;
}

.pkp_page_article .item.keywords ul,
.pkp_page_article .item.keywords p {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 6px 0 0 !important;
}

.pkp_page_article .item.keywords li {
    display: inline-block !important;
    background: #e8f0fb !important;
    color: #2457B5 !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}


/* ══════════════════════════════════════════════════════════════════════════════
   ARTIGO — CTA TEXTO COMPLETO + MELHORIAS TIPOGRÁFICAS
   ══════════════════════════════════════════════════════════════════════════════ */

/* Abstract — tipografia limpa */
.pkp_page_article .item.abstract h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e7edf2 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.pkp_page_article .item.abstract p,
.pkp_page_article .item.abstract .value {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #2c3e50 !important;
}

/* Keywords — pills */
.pkp_page_article .item.keywords {
    margin-top: 20px !important;
}

.pkp_page_article .item.keywords h2 {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #8a9bac !important;
    margin-bottom: 10px !important;
}

.pkp_page_article .item.keywords ul,
.pkp_page_article .item.keywords p {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_page_article .item.keywords li {
    display: inline-block !important;
    background: #e8f0fb !important;
    color: #2457B5 !important;
    border-radius: 20px !important;
    padding: 4px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* ─── Leitor inline JATS (Lens Viewer embarcado) ─── */
.pkp_page_article .rb-jats-inline {
    margin: 32px 0 0 !important;
    border-top: 2px solid #e7edf2 !important;
    padding-top: 0 !important;
}

/* ─── LEITOR JATS CLIENT-SIDE ─── */

.rb-jats-reader {
    margin: 32px 0 0 !important;
    border-top: 2px solid #e3eaf0 !important;
    padding-top: 0 !important;
    font-family: 'Merriweather Sans', Georgia, serif !important;
}

.rb-jats-tabs {
    display: flex !important;
    gap: 0 !important;
    border-bottom: 2px solid #e3eaf0 !important;
    margin-bottom: 28px !important;
    overflow-x: auto !important;
}

.rb-jats-tab {
    padding: 10px 22px !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    color: #6b7280 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    cursor: pointer !important;
    margin-bottom: -2px !important;
    white-space: nowrap !important;
    transition: color .15s, border-color .15s !important;
}

.rb-jats-tab:hover {
    color: #1a3347 !important;
}

.rb-jats-tab-active {
    color: #2457B5 !important;
    border-bottom-color: #2457B5 !important;
}

.rb-jats-loading {
    padding: 48px 0 !important;
    text-align: center !important;
    color: #9aabb8 !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 15px !important;
}

.rb-jats-body {
    max-width: 860px !important;
    margin: 0 auto !important;
}

/* Seções e parágrafos */
.rb-jats-section-title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 36px 0 12px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #e3eaf0 !important;
}

.rb-jats-sec-title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #0b4a2b !important;
    margin: 24px 0 8px !important;
}

.rb-jats-body p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #2b2b2b !important;
    margin: 0 0 16px !important;
}

.rb-xref {
    color: #2457B5 !important;
    text-decoration: none !important;
    font-size: inherit !important;
}

.rb-xref:hover {
    text-decoration: underline !important;
}

/* Figuras */
.rb-jats-figs-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
    gap: 32px !important;
    margin: 8px 0 !important;
}

.rb-jats-fig {
    margin: 28px 0 !important;
    text-align: center !important;
}

.rb-jats-fig img {
    max-width: 62% !important;
    height: auto !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 12px rgba(15,23,42,.08) !important;
    display: block !important;
    margin: 0 auto 12px !important;
}

/* Na aba Figures (grid), mostrar em tamanho completo da célula */
.rb-jats-figs-grid .rb-jats-fig img {
    max-width: 100% !important;
}

.rb-jats-fig figcaption {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #506172 !important;
    text-align: left !important;
    padding: 0 8px !important;
}

/* Tabelas */
.rb-jats-table-wrap {
    margin: 28px 0 !important;
    overflow-x: auto !important;
}

.rb-jats-table-label {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 14px !important;
    color: #344454 !important;
    margin-bottom: 10px !important;
}

.rb-jats-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.rb-jats-table th,
.rb-jats-table td {
    padding: 8px 12px !important;
    border: 1px solid #d1d9e0 !important;
    text-align: left !important;
    vertical-align: top !important;
}

.rb-jats-table thead th {
    background: #1a3347 !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.rb-jats-table tbody tr:nth-child(even) {
    background: #f4f7fa !important;
}

/* Referências */
.rb-jats-refs {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.rb-jats-ref {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #344454 !important;
    margin-bottom: 14px !important;
    padding-left: 4px !important;
}

.rb-ref-authors {
    font-weight: 600 !important;
    color: #1a3347 !important;
}

.rb-ref-title {
    font-style: italic !important;
}

.rb-jats-ref a {
    color: #2457B5 !important;
    word-break: break-all !important;
}

.rb-jats-empty {
    color: #9aabb8 !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 15px !important;
    padding: 32px 0 !important;
    text-align: center !important;
}

.rb-formula {
    background: #f8fafc !important;
    border-left: 3px solid #c0cfd8 !important;
    padding: 12px 16px !important;
    margin: 16px 0 !important;
    font-family: monospace !important;
    font-size: 14px !important;
    overflow-x: auto !important;
}

/* Ocultar citations-container nativo do OJS que falha ao carregar */
.pkp_page_article .item.citations-container {
    display: none !important;
}


/* ─── SIDEBAR LAYOUT — ARTICLE PAGE ─── */

.rb-article-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 32px !important;
    width: 100% !important;
}

.rb-article-main {
    flex: 1 !important;
    min-width: 0 !important;
}

.rb-article-sidebar {
    width: 190px !important;
    min-width: 190px !important;
    flex-shrink: 0 !important;
    position: static !important; /* era sticky: prendia a sidebar alta e exigia rolar até o footer */
    align-self: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: -80px !important;
    overflow: visible !important; /* era overflow-y:auto + max-height: recortavam o popup do PlumX */
}

.rb-sidebar-block {
    background: #f8fafc !important;
    border: 1px solid #e3eaf0 !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
}

.rb-sb-minichart-wrap {
    margin: 8px 0 4px !important;
    border-bottom: 1px solid #e3eaf0 !important;
    padding-bottom: 8px !important;
}

.rb-sb-minichart-label {
    font-size: 9px !important;
    color: #9aafbf !important;
    font-style: italic !important;
    text-align: right !important;
    margin-top: 2px !important;
    font-family: 'Merriweather Sans', sans-serif !important;
}

.rb-sidebar-title {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #7a8fa0 !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #e3eaf0 !important;
}

/* ── Bloco 1: Views ── */
.rb-article-sidebar .rb-sb-views {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e3eaf0 !important;
}

.rb-article-sidebar .rb-views-badge {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    order: unset !important;
}

.rb-article-sidebar .rb-views-icon {
    width: 36px !important;
    height: 36px !important;
    background-size: contain !important;
}

.rb-article-sidebar .rb-views-number {
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* ── Bloco 2: Altmetric, Dimensions, PlumX — widgets nativos, sem interferência ── */
/* ── Bloco 2: cada badge no seu próprio slot, centralizado ── */
.rb-article-sidebar .rb-sb-badge-slot {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #e3eaf0 !important;
}

.rb-article-sidebar .rb-sb-badge-label {
    font-size: 11px !important;
    color: #7a8fa6 !important;
    margin-top: 6px !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

/* Altmetric: nivelar com Dimensions (~65px) */
.rb-article-sidebar .rb-sb-badge-slot .altmetric-embed {
    zoom: 0.48 !important;
}

/* Dimensions: ~64px natural — manter */
.rb-article-sidebar .rb-sb-badge-slot .__dimensions_badge_embed__ {
    zoom: 1.0 !important;
}

/* PlumX: sem regra própria — o slot centraliza todos (align-items:center) */

/* rb-article-metrics original: o JS aplica display:none!important via setAttribute */
/* Não usar display:contents aqui — impediria o hide via JS */

/* ── Bloco 3: linhas limpas (Scopus, Crossref, PMC, OpenAlex, Google) ── */
.rb-sb-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 0 !important;
    border-bottom: 1px solid #e3eaf0 !important;
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 16px !important;
    gap: 6px !important;
}

.rb-sb-row:last-child {
    border-bottom: none !important;
}

.rb-sb-row-logo {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.rb-sb-row-logo img {
    max-height: 30px !important;
    width: auto !important;
    max-width: 95px !important;
    display: block !important;
}

.rb-sb-row-logo span {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #344454 !important;
    white-space: nowrap !important;
}

.rb-sb-row-count {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a3347 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.rb-sb-row a.rb-sb-row-count,
.rb-sb-row a.rb-sb-row-link {
    color: #2457B5 !important;
    text-decoration: none !important;
}
.rb-sb-row a.rb-sb-row-link:hover {
    text-decoration: underline !important;
}

/* Licença na sidebar */
.rb-sidebar-license-block .rb-article-license {
    border-top: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    flex-direction: column !important;
}

.rb-sidebar-license-block .rb-article-license img {
    max-height: 18px !important;
}

/* Responsivo */
@media (max-width: 860px) {
    .rb-article-layout { flex-direction: column !important; }
    .rb-article-sidebar {
        width: 100% !important;
        min-width: 0 !important;
        position: static !important;
    }
}

/* ── Checklist de submissão ── */
.submission_checklist ul li {
    padding: 10px 12px 10px 36px !important;
    margin-bottom: 6px !important;
}

.pkp_page_announcement img[src*="sdg"] {
    width: 100% !important;
    float: none !important;
    margin: 0 0 1.5em 0 !important;
    height: auto !important;
}

/* ======================================================
   v49 - links/titulos padronizados no preto-azulado #1e3557
   (a) hovers de link: verde #0b4a2b -> azul #2457b5
   (b) cor-base de link: azul brilhante -> #1e3557
   (c) titulo Apresentacao (The RBCIAMB) -> #1e3557
   (d) peso dos titulos de noticia/oportunidade 600 -> 700 (igual aos mais citados)
   ====================================================== */
html body.pkp_page_index .homepage_about h2,
html body.pkp_page_index .homepage_about .title { color:#1e3557 !important; }

/* v50: menu abaixo do banner um pouco maior (15px -> 16px) */
.pkp_navigation_primary a { font-size: 16px !important; }

/* v50: fecha o "vão" abaixo (e acima) do banner. CAUSA REAL = o tema aplica margin:0.357rem 0 (~5px) no <a class="is_img"> da logo (regra `.pkp_site_name .is_img`, SEM !important) → 5px acima + 5px abaixo do mapa, que aparecem como fundo entre o banner e o menu. Zerar a margem fecha o vão. (O clearfix ::before/::after NÃO era a causa — só migrava a margem.) */
.pkp_site_name .is_img,
.pkp_site_name_wrapper a.is_img,
.pkp_site_name_wrapper a { margin: 0 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   v62 — FIGURA NO CARD DE CONTRIBUIÇÕES EMPÍRICAS
   As figuras voltaram no Header_v38 (tinham sido removidas no v17). São 40
   selecionadas do JATS, 420px de largura e ~24KB cada, em s_fernandes/.
   O card deixa de ser uma coluna de texto e passa a ser: figura | texto.
   O recorte 1,4:1 é FEITO AQUI (object-fit:cover), não no arquivo — a imagem
   original fica inteira no servidor e o enquadramento muda sem reprocessar nada.
   1,4:1 é a mediana das 40 e minimiza o corte (perda média 16%).
   ═══════════════════════════════════════════════════════════════════════════ */

.rb-impact-card {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 16px !important;
}

/* A moldura. width + aspect-ratio reservam o espaço JÁ NO PARSE do CSS —
   sem isso cada figura que chega empurra o layout e o CLS piora. */
.rb-impact-fig {
    flex: 0 0 160px !important;
    width: 160px !important;
    aspect-ratio: 7 / 5 !important;      /* = 1,4:1 */
    overflow: hidden !important;
    display: block !important;
    background: #eef1f4 !important;      /* fundo enquanto a imagem não chega */
    text-decoration: none !important;
    margin: 3px 0 0 !important;          /* alinha o topo da figura com a 1ª linha do título */
    padding: 0 !important;
}
.rb-impact-fig::before { content: none !important; }
.rb-impact-fig img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* O corpo assume o papel que o card tinha antes: empilhar título, texto,
   classificação, autoria e chamada. min-width:0 evita que um título longo
   estoure a coluna do grid. */
.rb-impact-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* ── Mobile: uma coluna só. Com a figura à esquerda ela ficaria minúscula,
      então ela sobe para cima do texto, em largura total. ── */
@media (max-width: 980px) {
    .rb-impact-card {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .rb-impact-fig {
        flex: 0 0 auto !important;
        width: 100% !important;
        margin: 0 0 14px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   v70 — COLUNA ÚNICA ALINHADA (desktop) · MOBILE INTOCADO
   ═══════════════════════════════════════════════════════════════════════════════
   Consolida v68 (coluna) + v69 (alinhamento com o card, cor, prumo) e corrige a
   regressão do celular: no v68/v69 as regras ficaram SEM media query, então o
   recuo de 60px do cabeçalho também valia no telefone — em uma tela de 390px ele
   comia 120px (um terço da largura), espremendo banner, métricas e menu.

   Agora tudo vive em @media (min-width: 768px). Abaixo disso NADA se aplica e o
   celular volta exatamente ao comportamento original (verificado: com estas regras
   desativadas, cabeçalho e conteúdo voltam a 390px = tela cheia).

   NOTA sobre o medo antigo de media query: a suspeita de que elas "não pegavam no
   Safari" era falsa — o v66/v67 de fato continham o cabeçalho; o que persistia era
   outro problema (o banner batia na CAIXA do conteúdo, não no CARD, que fica 60px
   para dentro). Resolvido isso, media query é segura — e aqui é indispensável.

   AS PEÇAS
   (1) coluna: cabeçalho e conteúdo com a MESMA fórmula → alinhados por construção
   (2) filhos do cabeçalho sem largura própria → preenchem a coluna
   (3) recuo de 60px = 20px (padding da .pkp_structure_content) + 40px (do
       .pkp_structure_main); é o que faz banner e menu baterem com o card
   (4) menu com espaçamento fluido: sem isso os itens (1047px) não cabem na coluna
       menor e vazam pelos dois lados (li tem flex-shrink:0, ul é justify-center)
   (5) faixa branca e sem borda: com o recuo, o cinza #EFF2F2 e a borda de 1px do
       tema viravam moldura/fio sobrando nas laterais                              */

@media (min-width: 768px) {

    /* (1) a coluna — mesma fórmula para os dois, sem breakpoints internos */
    html body .pkp_structure_head,
    html body .pkp_structure_page .pkp_structure_content {
        width: 92% !important;
        max-width: 1160px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* (2) filhos do cabeçalho preenchem a faixa já contida */
    html body .pkp_head_wrapper,
    html body .pkp_structure_head .pkp_navigation_primary_wrapper,
    html body .pkp_structure_head .pkp_navigation_primary_row,
    html body.pkp_page_index .pkp_site_name_wrapper {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* (3) + (5) recuo que alinha com o card, fundo branco, sem o fio cinza */
    html body .pkp_structure_head {
        padding-left: 60px !important;
        padding-right: 60px !important;
        box-sizing: border-box !important;
        background-color: #ffffff !important;
        border-bottom: 0 none !important;
    }

    /* (4) menu cabe na coluna menor; wrap é a rede de segurança */
    html body .pkp_structure_head .pkp_navigation_primary {
        flex-wrap: wrap !important;
    }
    html body .pkp_structure_head .pkp_navigation_primary > li > a,
    html body .pkp_structure_head .pkp_navigation_primary > li > a:link,
    html body .pkp_structure_head .pkp_navigation_primary > li > a:visited {
        padding: 16px clamp(8px, 0.95vw, 17px) !important;
    }

    /* (6) prumo do bloco Latest Articles / Most Cited.
       Cadeia medida: .rb-block tem padding 24px (põe o TÍTULO do bloco em 304) e
       cada .rb-item tem MAIS 22px (põe o texto do card em 326). Resultado: o título
       e seu fio dourado começavam 22px à esquerda dos cards abaixo deles.
       Não dá para simplesmente zerar o padding do .rb-item: ele é o respiro interno
       do realce do card (fundo + cantos de 10px) — o texto ficaria colado na borda.
       Solução: manter o padding e puxar o card com margem negativa igual. O texto
       sobe para 304 (alinhado com o título) e o realce extravasa 22px simétricos,
       ficando 2px dentro da borda do bloco. Verificado: título e os 10 cards das
       duas colunas todos em 304. */
    html body .rb-item {
        margin-left: -22px !important;
        margin-right: -22px !important;
    }

    /* (7) PÁGINAS INTERNAS: conteúdo à esquerda, não centralizado.
       Medido em /about @1600: masthead e menu em 280, mas o texto em 410 — o
       .pkp_structure_main tem max-width:860px com margem automática, então ficava
       CENTRADO na coluna (130px de deslocamento). Nas páginas de ARTIGO há um
       segundo nível: .obj_article_details tem max-width:960px com margin:0 40px,
       centrando o título mais 40px.
       Mantemos as larguras (860/960 são boas medidas de leitura) e só trocamos a
       centralização por alinhamento à esquerda. Verificado: em /about e em
       /article/view, título e texto passam a nascer em 280, junto do masthead. */
    html body:not(.pkp_page_index) .pkp_structure_main,
    html body:not(.pkp_page_index) .obj_article_details {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* (8) ARTIGO: sidebar de métricas encostada à direita.
       Medido @1600: o masthead vai até 1320, mas o .obj_article_details tem
       max-width:960px + margin-right:80px e parava em 1240 — sobravam 80px vazios
       à direita, e a sidebar (que vive DENTRO dele, encostada à direita) parava ali.

       ⚠️ NÃO usar margem negativa na sidebar: só funciona enquanto existirem aqueles
       80px de folga. Medido: alinhava a 1600 e 1280, mas a 1100 o details já ocupa
       toda a largura e os -80px jogavam a sidebar 80px PARA FORA da coluna (R=24
       contra R=104 do masthead) — foi o que quebrou a página do editor. (E aplicar
       a margem no bloco interno em vez do container era pior ainda: dentro do flex
       ele ESTICAVA de 190 para 270px em vez de mover.)

       Solução sem folga fixa: o bloco do artigo passa a ocupar a coluna inteira
       (max-width 1040 = a própria coluna, margin-right 0). A sidebar, encostada à
       direita dele, cai na borda da coluna SOZINHA, em qualquer largura — e o texto
       do artigo ganha os 80px que antes eram espaço morto.
       Verificado em 1600 / 1280 / 1100: título na borda esquerda e sidebar na
       direita, ambos batendo com o masthead, sem transbordo. */
    html body .rb-article-sidebar {
        margin-right: 0 !important;
    }
    html body.pkp_page_article .obj_article_details.obj_article_details {
        max-width: 1040px !important;
        margin-right: 0 !important;
    }

    /* (8b) ARTIGO: resumo e corpo do texto escapavam 30px para CADA lado.
       Cadeia medida: .rb-article-main (a coluna de texto) → .row → .main_entry.
       A `.row` é a linha da grade do Bootstrap e traz `margin: 0 -30px`; esse
       recuo negativo só é neutro quando as colunas filhas têm 30px de padding
       para compensar — e aqui o .main_entry tem padding ZERO. Resultado: todo o
       conteúdo (resumo, texto inline JATS, referências) ficava 60px mais largo
       que a própria coluna, vazando 30px à direita (invadindo o vão da sidebar)
       e 30px à esquerda (o que cortava o "A" de "Abstract" em janelas estreitas).
       Zerar as margens da .row põe o texto de volta na coluna.
       Verificado em 1000 e 1280: título, resumo e JATS todos com as MESMAS bordas
       da coluna, sidebar encostada à direita, sem transbordo. */
    html body.pkp_page_article .rb-article-main .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* (9) ALL ISSUES: 3 fascículos por linha.
       A grade era `1fr 1fr` (2 colunas) dentro de um main limitado a 860px — a
       largura útil ficava em 780px. Só trocar para 3 colunas espremeria os cards
       para ~250px, apertado para a capa. Como esta página é GRADE DE CARDS e não
       texto corrido, a medida de leitura de 860px não se aplica: liberamos a
       largura total da coluna (1120 = 1040 + 80 de padding) e os cards ficam com
       337px — perto dos 383px originais. Escopo restrito ao arquivo de fascículos
       (body.pkp_page_issue.pkp_op_archive), para não afetar a página de uma edição.
       ⚠️ Especificidade: precisa superar `body:not(.pkp_page_index):not(.pkp_page_article)
       .pkp_structure_main{max-width:860px}` (3 classes) — daí as duas classes do body. */
    html body.pkp_page_issue.pkp_op_archive .pkp_structure_main {
        max-width: 1120px !important;
    }
    html body .rb-archive-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Prumo do texto nos cards (Latest Articles / Most Cited) — vale em TODA largura.
   Cada .rb-item empilha categoria, TÍTULO (<a>), resumo e "rbciamb · ano"; só o
   título trazia padding-left:3px e começava 3px à direita dos outros três. */
html body .rb-item > a {
    padding-left: 0 !important;
}

/* ─── v70: título do banner — corpo menor e peso igual ao da marca ──────────────
   Dois problemas apontados pelo editor: (1) o título encostava no logo da ABES;
   (2) "não parece a fonte da marca". A família JÁ ERA a mesma (Merriweather Sans)
   — o que destoava era o PESO: a marca "rbciamb" do topo é 800/30px, o título do
   banner era 700/34px. Igualando corpo e peso, os dois passam a ser o mesmo
   sistema tipográfico, e a folga até a ABES sai de 91px para 128px.
   Subtítulo dourado acompanha proporcionalmente (22→19px).
   Sem media query de propósito: o banner existe só na home e o overlay já é
   dimensionado pelo header em telas pequenas. */
html body .rb-banner-title {
    font-size: 28px !important;   /* 34 → 30 → 28: o editor pediu "um tiquinho" a menos
                                     depois de ver os 30px no ar. Peso 800 = o da marca. */
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}
html body .rb-banner-subtitle {
    font-size: 18px !important;
}

/* ─── v70: matar o TÍTULO NATIVO DUPLICADO (azul, acima do banner em alguns cel.) ─
   O OJS gera um <h1 class="pkp_screen_reader"> com o nome da revista — é o ÚNICO
   H1 real da home (nosso título do banner é um <p>), então serve a SEO e a leitores
   de tela e deve CONTINUAR no DOM, só fora da tela. O tema o esconde com
   left:-2000px + clip; mas nossas regras agressivas de h1 o pintam de azul/30px, e
   em aparelhos onde o esconderijo do tema falha (cache parcial / ordem de carga) ele
   reaparecia como título AZUL duplicado. Aqui reforçamos o esconderijo no NOSSO CSS,
   com !important, para nenhum override furar — sem usar display:none (que o tiraria
   da árvore de acessibilidade e do outline de H1).
   ⚠️ Alvo só o H1 (h1.pkp_screen_reader): o link "pular para o conteúdo" também usa
   .pkp_screen_reader e PRECISA reaparecer no foco do teclado — por isso NÃO mexer no
   .pkp_screen_reader genérico. */
html body h1.pkp_screen_reader {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
}

/* ─── v70: DOI do artigo em uma linha (não quebrar no meio do número) ────────────
   O DOI (https://doi.org/10.5327/z2176-947XXXXX) precisa de 228px numa linha, mas a
   coluna .rb-cover-meta-col tem 220px — faltavam 8px, então quebrava, e o
   word-break:break-all partia no MEIO do número ("...947823" / "90"). Reduzir a
   fonte 11→10px encolhia o DOI antigo para 211px, em uma linha.
   v73 (ago/26): o DOI mudou de prefixo (10.5327/z2176-9478NNNN → 10.67790/rbciamb.0NN.NNNN)
   e ficou 3 caracteres maior: a 10px passou a ocupar 216px num container de 222px — 6px de
   folga, ou seja, no limite, e quebrava em 2 linhas conforme a renderização da máquina.
   Medido nesta página: 10px=216px (6 de folga) · 9,5px=205 (17) · 9px=195 (28).
   9px devolve folga real sem depender de arredondamento. Medido: 1 linha. */
html body .rb-cover-doi-line a {
    font-size: 9px !important;
}


/* ─── RSS sob o selo do OJS/PKP ────────────────────────────────────────────────
   Por que daqui e não do rodapé: o campo Rodapé do OJS guarda dados
   (window.x = {...}) mas DESCARTA código executável. Testado em 13/ago/26 duas
   vezes — script no fim do bloco e script no início do bloco — e nas duas o
   código não apareceu no HTML servido, enquanto os 59 KB de dados sobreviveram
   inteiros. Então quem posiciona é o CSS.

   O link do RSS é escrito na coluna da ESQUERDA, que é o único lugar onde o
   campo Rodapé escreve, e vem para baixo do selo por posição absoluta.

   Números medidos na página, relativos a .pkp_structure_footer (1280px):
     selo já com o scale(.7) aplicado — direita a 187px do fim da coluna, base a
     80px do topo; caixa de 105px = largura visual do selo, para o texto ficar
     centralizado debaixo dele. O 187 foi medido, não deduzido: o scale(.7) com
     transform-origin:right desloca a caixa visual, e 174 (a conta ingênua)
     deixava o texto 13px à direita do centro do selo.

   Só acima de 992px: em 991px o tema vira flex-direction:column, o selo desce
   para baixo do conteúdo e o RSS volta a fluir naturalmente no lugar certo. */

@media (min-width: 992px) {
    .pkp_structure_footer {
        position: relative !important;
    }

    .pkp_footer_content #rb-rss {
        position: absolute !important;
        top: 92px !important;
        right: 187px !important;
        width: 105px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        line-height: 1.6 !important;
    }
}

#rb-rss a {
    float: none !important;
    display: inline-block !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

#rb-rss a:hover {
    color: #ffffff !important;
}

/* v77 (13/nov/26): RODAPÉ reorganizado a pedido do editor — menu no topo (4 colunas), fio, faixa final com dados da revista + RSS + Produção editorial; selo OJS/PKP embaixo à direita. HTML no Rodapé da revista (Rodape/REVISTA_visual_20261113b.txt). */
.pkp_structure_footer{align-items:flex-end!important}
.pkp_footer_content{flex:1 1 auto!important}
.pkp_brand_footer{margin-top:0!important;margin-bottom:-6px!important;transform-origin:right bottom!important}
#rb-foot-nav{margin:10px 0 0 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 32px!important}
#rb-foot-nav div{margin:0!important}
#rb-foot-nav>div>div:first-child{font-size:11px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgba(255,255,255,.62)!important;margin-bottom:12px!important;line-height:1.3!important}
#rb-foot-nav a{display:block!important;font-size:14px!important;font-weight:500!important;line-height:1.45!important;margin:0 0 7px -3px!important;color:#fff!important}
#rb-foot-nav a:hover,#rb-foot-base a:hover{color:#fff!important;background:rgba(255,255,255,.1)!important;text-decoration:underline!important}
#rb-foot-base{margin:30px 0 0 0!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.18)!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:16px 32px!important}
#rb-foot-base div,#rb-foot-base span{margin:0!important}
#rb-foot-info,#rb-foot-info a{font-size:11.5px!important;line-height:1.65!important;font-weight:400!important;color:rgba(255,255,255,.72)!important}
#rb-foot-info a{padding:0!important}
#rb-foot-cred{display:flex!important;align-items:center!important;gap:18px!important}
.pkp_structure_footer{position:relative!important}
.pkp_footer_content > #rb-rss,.pkp_footer_content #rb-rss{position:absolute!important;top:auto!important;right:0!important;bottom:22px!important;width:auto!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.85)!important;text-align:left!important}
@media (max-width:991px){.pkp_footer_content > #rb-rss,.pkp_footer_content #rb-rss{position:static!important;display:inline-block!important;margin-top:14px!important}}
#rb-foot-prod{font-size:10px!important;font-weight:600!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:rgba(255,255,255,.62)!important;white-space:nowrap!important}
#rb-foot-cred img{height:32px!important;width:50px!important;max-width:none!important;display:block!important}
html[lang^="pt"] #rb-foot-nav [lang="en"],html:not([lang^="pt"]) #rb-foot-nav [lang="pt"],html[lang^="pt"] #rb-foot-base [lang="en"],html:not([lang^="pt"]) #rb-foot-base [lang="pt"]{display:none!important}
@media (max-width:900px){#rb-foot-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}#rb-foot-base{flex-direction:column!important;align-items:flex-start!important}}

/* v80 = v79 com janela mais baixa (28vw, máx 460px). v79 (14/nov/26, pedido do editor): JANELA DO BRASIL + MENU LEVE. Par: Header_v158. Reverter = CSS v77 + Header_v156.
   Ordem do topo na home: topbar (lockup marca | nome + slogan) → menu branco → fio dourado → janela dos biomas (ponta a ponta) → métricas. */
/* menu leve (site inteiro): faixa branca com fio fino em cima; cor dos itens vem do Header (JS inline) */
html body .pkp_navigation_primary_row .pkp_navigation_primary_wrapper:not(#z1):not(#z2){background:#fff!important;background-image:none!important;border-top:1px solid #e6e9ee!important;border-bottom:0!important;box-shadow:none!important;min-height:0!important}
.pkp_navigation_primary_wrapper::before,.pkp_navigation_primary_wrapper::after,.pkp_navigation_primary_row::before,.pkp_navigation_primary_row::after,.pkp_site_nav_menu::before,.pkp_site_nav_menu::after{display:none!important}
html body #navigationPrimary:not(#z1)>li>a{font-size:15px!important;font-weight:600!important;text-shadow:none!important;padding-top:15px!important;padding-bottom:15px!important;background:transparent!important}
html body #navigationPrimary:not(#z1) ul a{text-shadow:none!important}
html body:not(.pkp_page_index) .pkp_navigation_primary_row .pkp_navigation_primary_wrapper:not(#z1):not(#z2){border-bottom:1px solid #daa520!important}
html body.pkp_page_index .pkp_site_nav_menu:not(#z){width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;background:#fff!important}
html body.pkp_page_index .pkp_site_nav_menu .pkp_navigation_primary_row:not(#z),html body.pkp_page_index .pkp_site_nav_menu .pkp_navigation_primary_wrapper:not(#z){width:100%!important;max-width:none!important}
html,html body{overflow-x:hidden!important}

/* ordem do topo da home */
html body.pkp_page_index .pkp_head_wrapper{overflow:visible!important;display:flex!important;flex-direction:column!important}
html body.pkp_page_index .pkp_head_wrapper>.rb-topbar{order:1}
html body.pkp_page_index .pkp_head_wrapper>.pkp_site_nav_menu{order:2}
html body.pkp_page_index .pkp_head_wrapper>.pkp_site_name_wrapper{order:3}
html body.pkp_page_index .pkp_head_wrapper>.rb-metrics-bar{order:4}

/* topbar da home: sem fios, mais respiro; lockup = marca | fio dourado | nome + slogan */
html body.pkp_page_index .rb-topbar:not(#z){border:0!important;border-image:none!important;box-shadow:none!important;padding:20px 0 18px!important}
html body.pkp_page_index .rb-topbar .rb-tb-inner:not(#z){align-items:center!important;min-height:56px!important}
html body.pkp_page_index .rb-tb-brand.rb-lock:not(#z){display:flex!important;align-items:center!important;gap:14px!important;font-size:32px!important;white-space:nowrap!important}
.rb-lock .bar{width:1px;height:42px;background:#daa520;flex:0 0 1px}
.rb-lock .tx{display:block;text-align:left;letter-spacing:0}
.rb-lock .n{display:block;font-family:"RB Serif",Georgia,serif!important;font-weight:600!important;font-size:15px!important;line-height:1.25!important;color:#24456f!important;letter-spacing:0!important}
.rb-lock .s{display:block;font-family:"RB Serif",Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:13px!important;line-height:1.35!important;color:#4f6680!important;margin-top:3px;letter-spacing:0!important}
@media (max-width:1240px){
  html body.pkp_page_index .rb-topbar .rb-tb-inner:not(#z){flex-wrap:wrap!important}
  html body.pkp_page_index .rb-tb-brand.rb-lock:not(#z){position:static!important;transform:none!important;order:3!important;flex:1 0 100%!important;justify-content:center!important;margin-top:16px!important}
}
@media (max-width:980px){
  html body.pkp_page_index .rb-topbar .rb-tb-inner:not(#z){padding:10px 12px 6px!important}
  html body.pkp_page_index .rb-tb-brand.rb-lock:not(#z){top:auto!important;gap:12px!important;font-size:28px!important;margin-top:12px!important}
  .rb-lock .bar{height:38px}
  .rb-lock .n{font-size:13.5px!important;white-space:normal}
  .rb-lock .s{font-size:12px!important;white-space:normal}
}

/* a janela: ponta a ponta, foto inteira com o pé (capim, água) sempre visível */
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){position:relative!important;width:100vw!important;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;height:clamp(240px,31vw,500px)!important;overflow:hidden!important;border-top:2px solid #daa520!important;padding:0!important;background:#1d2a1a!important}
html body.pkp_page_index .rb-jan .pkp_site_name:not(#z),html body.pkp_page_index .rb-jan .pkp_site_name a:not(#z){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}
html body.pkp_page_index .rb-jan img.rb-jan-f:not(#z){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;opacity:0!important;visibility:visible!important;transition:opacity 1.2s ease!important;z-index:1!important}
html body.pkp_page_index .rb-jan img.rb-jan-f.on:not(#z){opacity:1!important;z-index:2!important}
html body.pkp_page_index #rbciamb-banner-overlay,html body.pkp_page_index .rb-banner-actions{display:none!important}
#rb-jan-scrim{position:absolute;left:0;bottom:0;width:62%;height:58%;background:radial-gradient(ellipse at 0% 100%,rgba(4,18,38,.55) 0%,rgba(4,18,38,.25) 45%,rgba(4,18,38,0) 72%);z-index:3;pointer-events:none}
#rb-jan-cap{position:absolute;left:max(24px,calc(50vw - 520px));bottom:clamp(20px,2.4vw,36px);z-index:6;color:#fff;max-width:min(620px,calc(100vw - 48px));transition:opacity .45s ease}
#rb-jan-cap.out{opacity:0}
#rb-jan-cap b{display:block;font:600 12px/1.3 "Merriweather Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}
#rb-jan-cap .f{display:block;font:italic 400 19px/1.35 "RB Serif",Georgia,serif;color:rgba(255,255,255,.96);margin:6px 0 14px;text-shadow:0 1px 8px rgba(0,0,0,.45)}
html body #rb-jan-cap a:not(#z){display:inline-block!important;font:600 13.5px/1 "Merriweather Sans",sans-serif!important;color:#fff!important;text-decoration:none!important;border-bottom:1px solid #daa520!important;padding-bottom:4px!important;background:transparent!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}
html body #rb-jan-cap a:not(#z):hover{color:#ffe7a8!important}
#rb-jan-cred{position:absolute;right:max(24px,calc(50vw - 520px));bottom:clamp(20px,2.4vw,36px);z-index:6;font:400 11px/1.4 "Merriweather Sans",sans-serif;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(0,0,0,.7)}
html body.pkp_page_index .rb-metrics-bar:not(#z){margin-top:6px!important}
@media (max-width:760px){
  #rb-jan-scrim{width:100%;height:75%}
  #rb-jan-cap .f{font-size:16px}
  #rb-jan-cred{bottom:auto;top:10px;right:12px}
  html body #navigationPrimary:not(#z1){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;justify-content:flex-start!important;scrollbar-width:none}
  html body #navigationPrimary:not(#z1)>li{flex:0 0 auto!important}
  html body #navigationPrimary:not(#z1)>li>a{font-size:14px!important;padding:12px 12px!important}
}
/* abertura = mapa (identidade): legenda à direita, no espaço que era do título; sem scrim nem crédito */
html body .rb-jan.rb-jan-mapa #rb-jan-cap{left:auto;right:max(24px,calc(50vw - 520px));text-align:right}
html body .rb-jan.rb-jan-mapa #rb-jan-scrim{opacity:0}
#rb-jan-scrim{transition:opacity .45s ease}
@media (max-width:760px){html body .rb-jan.rb-jan-mapa #rb-jan-cap{left:auto;right:16px;max-width:62%}}
#rb-jan-cap .idx{display:none}
html body .rb-jan.rb-jan-mapa #rb-jan-cap a.go{display:none!important}
html body .rb-jan.rb-jan-mapa #rb-jan-cap .idx{display:block;margin-top:2px;font:600 14px/1.9 "Merriweather Sans",sans-serif}
html body #rb-jan-cap .idx a:not(#z){display:inline!important;font:inherit!important;color:#fff!important;border-bottom:1px solid rgba(218,165,32,.85)!important;padding-bottom:2px!important;text-decoration:none!important}
html body #rb-jan-cap .idx a:not(#z):hover{color:#ffe7a8!important}
#rb-jan-cap .idx i{font-style:normal;color:rgba(255,255,255,.55)}
html body .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:21px}
/* v81 (14/nov/26, pedido do editor): o nome em PORTUGUÊS é o principal nas duas interfaces; o inglês é a tradução (linha menor, sem serifa, cinza); slogan no idioma da interface. Par: Header_v161. */
.rb-lock .t{display:block;font-family:"Merriweather Sans",sans-serif!important;font-weight:400!important;font-size:11.5px!important;line-height:1.3!important;color:#6b7c8f!important;letter-spacing:.02em!important;margin-top:1px}
.rb-lock .s{margin-top:4px!important}
html body.pkp_page_index .rb-tb-brand.rb-lock .bar{height:56px}
@media (max-width:980px){.rb-lock .t{font-size:10.5px!important}html body.pkp_page_index .rb-tb-brand.rb-lock .bar{height:50px}}
/* camadas da tira (v161): duas camadas com a MESMA imagem, cada uma num quadro; troca = crossfade */
html body.pkp_page_index .rb-jan .rb-jan-l{position:absolute;inset:0;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease;z-index:1;pointer-events:none}
html body.pkp_page_index .rb-jan .rb-jan-l.on{opacity:1;z-index:2}
html body.pkp_page_index .rb-jan img.rb-jan-f:not(#z){opacity:0!important}
/* v82 também: menu de ponta a ponta SÓ na home (nas internas o masthead mora dentro do menu e o fundo branco cobria o logotipo ABES da coluna do artigo); janela a 31vw (a copa do ipê e o capim cabem juntos).
   v82 (14/nov/26): JANELA = VITRINE DE PESQUISA (padrão Nature). Par: Header_v162.
   Bioma: rótulo "CERRADO · PESQUISA EM DESTAQUE" + título do artigo mais recente (serifa, sem itálico) + "Ler o artigo →" + "Todas as pesquisas (n)".
   Mapa: "PESQUISAS POR BIOMA · DESDE 2021" + "316 estudos nos seis biomas" + índice com a contagem de cada bioma. */
#rb-jan-cap{max-width:min(660px,calc(100vw - 48px))}
#rb-jan-cap b{color:#f3d27a!important}
html body #rb-jan-cap .f{font:600 24px/1.32 "RB Serif",Georgia,serif!important;font-style:normal!important;color:#fff!important;margin:8px 0 16px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 10px rgba(0,0,0,.55)!important}
#rb-jan-cap .lk{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline}
html body #rb-jan-cap a.all:not(#z){display:inline-block!important;font:400 13px/1 "Merriweather Sans",sans-serif!important;color:rgba(255,255,255,.88)!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.4)!important;padding-bottom:4px!important;background:transparent!important}
html body .rb-jan.rb-jan-mapa #rb-jan-cap .lk{display:none}
html body .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:30px!important;line-height:1.25!important;margin:8px 0 14px!important}
#rb-jan-cap .idx small{font:400 11.5px/1 "Merriweather Sans",sans-serif;color:#f3d27a;margin-left:3px}
#rb-jan-scrim{width:70%!important;height:80%!important;background:radial-gradient(ellipse at 0% 100%,rgba(4,18,38,.72) 0%,rgba(4,18,38,.38) 45%,rgba(4,18,38,0) 75%)!important}
@media (max-width:760px){html body #rb-jan-cap .f{font-size:17px!important;-webkit-line-clamp:3}html body .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:19px!important}#rb-jan-cap a.all{display:none!important}}
/* v83 (14/nov/26, pedido do editor): FAIXA INSTITUCIONAL no topo do site inteiro — ABES à esquerda (logo + "Publicada pela ABES"), utilidades à direita (Entrar, Buscar, Seguir, PT, EN). A linha do nome fica só com marca + nome + slogan. Par: Header_v164. */
.rb-pub{background:#f4f6f8;border-bottom:1px solid #e3e8ee;position:relative;z-index:9999;width:100vw;max-width:none;margin-left:calc(50% - 50vw);box-sizing:border-box}
.rb-pub-in{max-width:1040px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:20px;font-family:"Merriweather Sans",sans-serif}
.rb-pub-abes{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none!important;color:#4f6680!important;font-size:12.5px;line-height:1.3}
.rb-pub-abes img{height:24px;width:auto;display:block}
.rb-pub-abes:hover span{color:#2457b5}
html body .rb-pub .rb-tb-left:not(#z),html body .rb-pub .rb-tb-right:not(#z){margin:0!important;gap:16px!important}
html body .rb-pub a:not(#z){font-size:13px!important}
html body .rb-pub .rb-tb-right a[href*="x.com"]:not(#z){padding:2px 9px!important}
html body.pkp_page_index .pkp_head_wrapper>.rb-pub{order:0}
html body.pkp_page_index .rb-topbar:not(#z){padding:24px 0 22px!important}
@media (max-width:980px){.rb-pub-abes span{display:none}.rb-pub-in{flex-wrap:wrap;gap:10px 14px;padding:6px 12px}html body .rb-tb-inner:not(#z){padding-top:12px!important}html body:not(.pkp_page_index) .rb-tb-brand:not(#z){position:static!important;transform:none!important;margin:0 auto!important}}
html body .pkp_head_wrapper:not(#z){padding-top:0!important}   /* a faixa institucional encosta no topo da janela (o tema reservava 30px vazios) */
/* v84 (14/nov/26, pedido do editor): JANELA NO MODELO NATURE — dentro da coluna (não vai até as bordas), dividida:
   painel azul-marinho com o texto à esquerda (38%) + foto à direita. O texto nunca fica sobre a foto (no v83 a legenda
   ficava ilegível na troca de fotos). Par: Header_v165. */
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){width:100%!important;max-width:1040px!important;margin:28px auto 0!important;height:400px!important;border-top:0!important;background:#1e3557!important;overflow:hidden!important}
html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:38%!important;right:0!important;width:auto!important}
html body.pkp_page_index .rb-jan #rb-jan-scrim{display:none!important}
html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){position:absolute!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:38%!important;max-width:none!important;box-sizing:border-box!important;padding:40px 38px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:left!important;background:#1e3557!important}
html body.pkp_page_index .rb-jan #rb-jan-cap .f{font-size:25px!important;line-height:1.3!important;-webkit-line-clamp:5!important;text-shadow:none!important;margin:12px 0 22px!important}
html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:27px!important}
html body.pkp_page_index .rb-jan #rb-jan-cap b,html body.pkp_page_index .rb-jan #rb-jan-cap a,html body.pkp_page_index .rb-jan #rb-jan-cap .idx a{text-shadow:none!important}
html body.pkp_page_index .rb-jan #rb-jan-cap .idx{line-height:2!important}
html body.pkp_page_index .rb-jan #rb-jan-cred:not(#z){right:14px!important;bottom:10px!important}
html body.pkp_page_index .rb-metrics-bar:not(#z){margin-top:10px!important}
@media (max-width:760px){
  html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){height:auto!important;margin-top:12px!important}
  html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){position:relative!important;left:0!important;height:220px!important;display:block!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){position:relative!important;width:100%!important;padding:22px 18px 24px!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap .f{font-size:19px!important}
  html body.pkp_page_index .rb-jan #rb-jan-cred:not(#z){top:8px!important;bottom:auto!important}
}
html body.pkp_page_index .rb-jan #rb-jan-cap .f{font-size:22.5px!important;-webkit-line-clamp:7!important}
html body.pkp_page_index .pkp_navigation_primary_row .pkp_navigation_primary_wrapper:not(#z1):not(#z2){border-bottom:2px solid #daa520!important}
/* v85 (14/nov/26, pedido do editor): a janela mostra a FOTO INTEIRA, na proporção dela (1800:617), mais larga que a coluna (até 1240px);
   a chamada fica num painel estreito sobre a borda esquerda (os assuntos das fotos estão do centro para a direita).
   No MAPA o painel some e o texto vai para o espaço vazio da direita (o globo está à esquerda). Par: Header_v166. */
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){width:calc(100% - 32px)!important;max-width:1240px!important;height:auto!important;aspect-ratio:1800/617!important;margin:28px auto 0!important}
html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:0!important}
html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z){width:33%!important;padding:32px 34px!important;background:rgba(30,53,87,.96)!important;transition:opacity .45s ease,background-color .45s ease!important}
html body.pkp_page_index .rb-jan #rb-jan-cap .f{font-size:21px!important}
html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){left:auto!important;right:0!important;width:46%!important;background:transparent!important;text-align:right!important;padding:32px 40px!important;align-items:flex-end!important}
html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:27px!important;text-shadow:0 1px 10px rgba(0,0,0,.4)!important}
@media (max-width:760px){
  html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){aspect-ratio:auto!important}
  html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z){position:relative!important;left:0!important;right:auto!important;width:100%!important;background:#1e3557!important;text-align:left!important;align-items:flex-start!important;padding:22px 18px 24px!important}
}
/* v86 (14/nov/26, pedido do editor): painel de informação na BORDA ESQUERDA da tela; foto do bioma à DIREITA dele, INTEIRA
   (altura = largura da foto × 617/1800, sem corte e sem nada por cima). O mapa usa o mesmo arranjo (o globo fica livre). */
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){width:min(100vw,1680px)!important;max-width:none!important;margin:24px 0 0 calc(50% - min(50vw,840px))!important;aspect-ratio:auto!important;height:calc((min(100vw,1680px) - 380px) * 0.3428)!important}
html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:380px!important;right:0!important}
html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){left:0!important;right:auto!important;width:380px!important;background:#1e3557!important;text-align:left!important;align-items:flex-start!important;padding:28px 34px 28px 40px!important}
html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:24px!important;text-shadow:none!important}
@media (max-width:1100px){
  html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){height:calc((100vw - 300px) * 0.3428 + 60px)!important}
  html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:300px!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){width:300px!important;padding:20px 24px!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap .f{font-size:18px!important}
}
@media (max-width:760px){
  html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){height:auto!important;width:100vw!important;margin:12px 0 0 calc(50% - 50vw)!important}
  html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:0!important;position:relative!important;height:calc(100vw * 0.3428)!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){position:relative!important;width:100%!important;padding:20px 18px 22px!important}
}
/* v87 (14/nov/26, pedido do editor): PROPORÇÕES DA NATURE — destaque na largura da coluna (1040px), 3,1:1;
   painel de texto à esquerda com 40%; foto à direita (~1,85:1). As fotos (2,92:1) perdem só as laterais, nunca topo/pé. */
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){width:100%!important;max-width:1040px!important;margin:26px auto 0!important;height:auto!important;aspect-ratio:3.1/1!important}
html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:40%!important;right:0!important}
html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){width:40%!important;padding:26px 32px!important}
html body.pkp_page_index .rb-jan #rb-jan-cap .f,html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:22px!important}
@media (max-width:1100px){
  html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){height:auto!important;aspect-ratio:2.6/1!important}
  html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:42%!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){width:42%!important;padding:18px 20px!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap .f,html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap .f{font-size:17px!important}
}
@media (max-width:760px){
  html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){aspect-ratio:auto!important;width:100vw!important;margin:12px 0 0 calc(50% - 50vw)!important}
  html body.pkp_page_index .rb-jan .pkp_site_name:not(#z){left:0!important;position:relative!important;height:calc(100vw / 1.85)!important}
  html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){position:relative!important;width:100%!important;padding:20px 18px 22px!important}
}
/* v88 (14/nov/26, pedido do editor): HOME MAIS LARGA, como a Nature — a coluna do tema (1160 c/ recuos = 1040 úteis) passa a 1400 (= 1280 úteis).
   Só na home por ora: a página do artigo tem a coluna lateral posicionada pela coluna de 1040 e precisa ser conferida antes. */
html body.pkp_page_index .pkp_structure_head:not(#z),html body.pkp_page_index .pkp_structure_content:not(#z),html body.pkp_page_index .pkp_structure_footer:not(#z){max-width:1400px!important}
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan:not(#z){max-width:1280px!important}
html body.pkp_page_index .rb-pub-in{max-width:1280px}
/* v89 (14/nov/26, pedido do editor): TRÊS EIXOS — no bioma, um artigo por eixo (rótulo dourado + título em serifa); no mapa, os três eixos. Par: Header_v168. */
html body.pkp_page_index .rb-jan #rb-jan-cap .f:empty{display:none!important}
#rb-jan-cap .ax{display:flex;flex-direction:column;gap:14px;margin:14px 0 18px}
html body #rb-jan-cap .ax a.it:not(#z){display:block!important;text-decoration:none!important;border:0!important;padding:0 0 0 12px!important;border-left:2px solid rgba(218,165,32,.7)!important;background:transparent!important}
#rb-jan-cap .ax a.it small{display:block;font:600 10.5px/1.3 "Merriweather Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f3d27a;margin-bottom:3px}
#rb-jan-cap .ax a.it span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 16px/1.32 "RB Serif",Georgia,serif;color:#fff}
html body #rb-jan-cap .ax a.it:not(#z):hover span{text-decoration:underline;text-decoration-color:#daa520}
html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap .ax{flex-direction:row;flex-wrap:wrap;gap:6px 8px;margin:14px 0 16px}
#rb-jan-cap .ax3{font:600 12px/1 "Merriweather Sans",sans-serif;color:#fff;border:1px solid rgba(218,165,32,.75);border-radius:14px;padding:6px 11px}
html body.pkp_page_index .rb-jan:not(.rb-jan-mapa) #rb-jan-cap .idx{display:none}
html body.pkp_page_index .rb-jan #rb-jan-cap b{font-size:13px!important}
@media (max-width:1100px){#rb-jan-cap .ax{gap:9px;margin:10px 0 12px}#rb-jan-cap .ax a.it span{font-size:13.5px}#rb-jan-cap .ax a.it small{font-size:9.5px}}
/* v90 (14/nov/26, pedido do editor): PÁGINAS INTERNAS MAIS LARGAS + sem repetição da ABES.
   Topo/cabeçalho/rodapé a 1280 úteis (como a home). Na página do artigo, coluna esquerda + artigo + métricas ocupam os 1280
   (recuo esquerdo de 215px = 185 da coluna + 30 de respiro; a coluna é posicionada pelo JS em relação ao artigo).
   O logotipo grande da ABES na coluna do artigo sai (ABES já está na faixa do topo e no cartão). Cartão do mapa maior. */
html body .pkp_structure_head:not(#z),html body .pkp_structure_content:not(#z),html body .pkp_structure_footer:not(#z){max-width:1400px!important}
.rb-pub-in{max-width:1280px!important}
html body.pkp_page_article .pkp_structure_content:not(#z){padding-left:235px!important}
html body .rb-artnav-logo{display:none!important}
html body #rb-masthead .rbm-card:not(#z){width:520px!important;height:180px!important}
@media (max-width:1100px){html body.pkp_page_article .pkp_structure_content:not(#z){padding-left:20px!important}html body #rb-masthead .rbm-card:not(#z){width:390px!important;height:135px!important}}
@media (max-width:640px){html body #rb-masthead .rbm-card:not(#z){width:100%!important;height:auto!important}}
/* v91 (14/nov/26, pedido do editor): o bloco do nome (marca | nome PT + tradução EN + slogan) em TODAS as páginas, como na home.
   O cartão do mapa do cabeçalho interno sai (repetiria o nome); ficam ISSN/edição atual e o botão Submeter.
   Página do artigo: o tema reservava margem esquerda fixa de 200px no cabeçalho e no conteúdo — trocada por centralização
   (a coluna esquerda usa o recuo de 235px do conteúdo). Par: Header_v169. */
html body.pkp_page_article .pkp_structure_head:not(#z),html body.pkp_page_article .pkp_structure_content:not(#z){margin-left:auto!important;margin-right:auto!important}
html body .rb-tb-brand.rb-lock:not(#z){display:flex!important;align-items:center!important;gap:14px!important;font-size:32px!important;white-space:nowrap!important}
html body:not(.pkp_page_index) .rb-topbar:not(#z){padding:16px 0 14px!important}
html body:not(.pkp_page_index) .rb-topbar .rb-tb-inner:not(#z){min-height:56px!important;justify-content:center!important}
html body:not(.pkp_page_index) .rb-tb-brand.rb-lock:not(#z){position:static!important;transform:none!important;margin:0 auto!important}
html body #rb-masthead .rbm-card:not(#z){display:none!important}
html body #rb-masthead .rbm-meta{text-align:left!important}
@media (max-width:980px){html body .rb-tb-brand.rb-lock:not(#z){gap:12px!important;font-size:28px!important;white-space:normal!important}}
/* v92 (14/nov/26, pedido do editor): (1) janela SEM giro — abas Brasil + 6 biomas no pé do painel; (2) volta o "mapinha"
   (cartão do mapa) no cabeçalho das páginas internas, no tamanho original. Par: Header_v170. */
html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z),html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap:not(#z){justify-content:flex-start!important;padding-top:30px!important;padding-bottom:18px!important}
#rb-jan-cap .tabs{margin-top:auto;display:flex;flex-wrap:wrap;gap:4px 11px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
html body #rb-jan-cap .tabs button:not(#z){all:unset;cursor:pointer;font:600 11.5px/1.9 "Merriweather Sans",sans-serif!important;color:rgba(255,255,255,.62)!important;border-bottom:2px solid transparent!important}
html body #rb-jan-cap .tabs button:not(#z):hover{color:#fff!important}
html body #rb-jan-cap .tabs button.on:not(#z){color:#fff!important;border-bottom-color:#daa520!important}
html body #rb-jan-cap .tabs button:focus-visible{outline:2px solid #daa520;outline-offset:2px}
#rb-jan-cap .lk{margin-bottom:14px}
html body.pkp_page_index .rb-jan.rb-jan-mapa #rb-jan-cap .lk{display:none!important}
html body #rb-masthead .rbm-card:not(#z){display:block!important;width:390px!important;height:135px!important}
html body #rb-masthead .rbm-meta{text-align:center!important}
@media (max-width:1100px){#rb-jan-cap .tabs{gap:2px 10px}html body #rb-jan-cap .tabs button:not(#z){font-size:11px!important}}
/* v93 (14/nov/26, pedido do editor): nome do bioma NA FOTO, como no banner antigo — fio verde + nome em branco, canto inferior esquerdo. Par: Header_v172. */
#rb-jan-tag{position:absolute;left:22px;bottom:20px;z-index:4;pointer-events:none;font:700 28px/1 "Merriweather Sans",sans-serif;color:#fff;padding-left:12px;border-left:5px solid #1f9d55;text-shadow:0 1px 2px rgba(0,0,0,.65),0 0 10px rgba(0,0,0,.45);letter-spacing:-.01em}
#rb-jan-tag:empty{display:none}
html body.pkp_page_index .rb-jan #rb-jan-cap b:empty{display:none!important}
@media (max-width:1100px){#rb-jan-tag{font-size:21px;left:14px;bottom:14px;border-left-width:4px;padding-left:9px}}
/* v94 (14/nov/26): ajustes pós-revisão. (1) logo ABES da faixa do topo ficava gigante nas notícias (a regra das fotos de notícia o pegava);
   (2) páginas internas de texto/arquivo centralizadas na coluna de 1280 (o conteúdo delas tem 860/1120 próprios e ficava encostado à esquerda);
   (3) rodapé alinhado aos 1280. Par: Header_v173. */
html body .rb-pub .rb-pub-abes img:not(#z){height:24px!important;width:auto!important;max-width:none!important;float:none!important;margin:0!important;display:block!important}
html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main:not(#z){margin-left:auto!important;margin-right:auto!important;float:none!important}
html body .pkp_structure_footer:not(#z){width:auto!important;max-width:1376px!important}
/* v95 (14/nov/26, sugestão do editor): botão Submeter da home CENTRALIZADO no vão entre a régua de métricas e "Edições Recentes".
   Bloco do nome segue centralizado; nas internas o Submeter continua ao lado do mapinha. Par: Header_v174. */
html body.pkp_page_index .pkp_head_wrapper>.rb-cta-row{order:5}
.rb-cta-row{display:flex;justify-content:center;padding:32px 0 0;margin-bottom:-36px}   /* centrado no vão: ~32px acima e abaixo */
html body .rb-cta-row a.rb-cta:not(#z){font:700 14.5px/1 "Merriweather Sans",sans-serif!important;color:#fff!important;background:#1e3557;padding:13px 28px;border-radius:7px;text-decoration:none!important;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.18)}
html body .rb-cta-row a.rb-cta:not(#z):hover{background:#2457b5}
/* v96 (14/nov/26, pedido do editor): selo "Acesso aberto diamante" com os símbolos (diamante + cadeado OA) fixo no topo do painel da janela. Par: Header_v175. */
html body.pkp_page_index .rb-jan #rb-jan-cap b:not(#z){display:flex!important;align-items:center;flex:none;width:100%;white-space:nowrap;text-align:left!important;justify-content:flex-start!important;margin-bottom:2px}
html body.pkp_page_index .rb-jan #rb-jan-cap b img:not(#z){height:18px!important;width:auto!important;max-width:none!important;flex:none;display:block!important;margin:0 7px 0 0!important;opacity:1!important;visibility:visible!important}
html body.pkp_page_index .rb-jan #rb-jan-cap b img+img:not(#z){margin-right:10px!important}
html body.pkp_page_index .rb-jan #rb-jan-cap:not(#z){padding-top:24px!important}
#rb-jan-cap .ax{gap:10px!important;margin:12px 0 14px!important}
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan #rb-jan-cap b img:not(#a):not(#b){height:18px!important;width:20px!important;min-width:0!important;object-fit:contain!important;position:static!important;transform:none!important;inset:auto!important}
html body.pkp_page_index .pkp_site_name_wrapper.rb-jan #rb-jan-cap b img+img:not(#a):not(#b){width:12px!important}
/* v97 (14/nov/26, pedido do editor): "Destaque de Impacto" = 10 cartões em 2 linhas de 5 (o Header_v178 passou a escolher 10; a grade automática deixava sobra). */
html body .rb-trending-section div[style*="minmax(230px"]:not(#z){grid-template-columns:repeat(5,1fr)!important}
@media (max-width:1100px){html body .rb-trending-section div[style*="minmax(230px"]:not(#z){grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:560px){html body .rb-trending-section div[style*="minmax(230px"]:not(#z){grid-template-columns:1fr!important}}
/* v98 (14/nov/26): no bloco ODS, o rótulo das barras tem caixa alta (text-transform) e a marca saía "RBCİAMB". A marca é sempre minúscula. */
html body .rb-sdg-card .notranslate:not(#z){text-transform:none!important;letter-spacing:-.01em!important;font-size:11.5px!important;color:#1e3557!important}

/* v99 (14/nov/26, pedido do editor): "Submeter manuscrito" = ultimo item do menu principal (item de URL remota criado no OJS: Navegacao),
   em pilula DOURADA (mesma cor do fio do menu). O botao centralizado da home (.rb-cta-row, criado pelo header) fica oculto. */
html body .rb-cta-row{display:none!important}
html body #navigationPrimary:not(#z1)>li>a[href*="submission/wizard"]{background:#daa520!important;color:#1e3557!important;border-radius:22px!important;padding:9px 20px!important;margin:7px 0 7px 14px!important;font-weight:700!important;line-height:1.25!important;transition:background .2s}
html body #navigationPrimary:not(#z1)>li>a[href*="submission/wizard"]:hover,html body #navigationPrimary:not(#z1)>li>a[href*="submission/wizard"]:focus{background:#f0c040!important;color:#1e3557!important}
html body #navigationPrimary:not(#z1)>li>a[href*="submission/wizard"]::after,html body #navigationPrimary:not(#z1)>li>a[href*="submission/wizard"]::before{display:none!important}

/* v100 (14/nov/26, pedido do editor): abas dos biomas da janela numa linha so tambem em PT ("Amazonia", "Mata Atlantica" quebravam o Pampa para baixo).
   Sem quebra, distribuidas na largura; ate 1366 px a letra cai de 11,5 para 10,5 px. Conferido em 1280/1366/1440, PT e EN. */
html body #rb-jan-cap .tabs:not(#z){flex-wrap:nowrap!important;justify-content:space-between!important;gap:4px 6px!important}
html body #rb-jan-cap .tabs button:not(#z){white-space:nowrap!important}
@media (max-width:1366px){html body #rb-jan-cap .tabs:not(#z){gap:4px 5px!important}html body #rb-jan-cap .tabs button:not(#z){font-size:10.5px!important}}