/* =================================
RBCIAMB — CSS LIMPO E ESTÁVEL
================================= */

/* =================================
TYPOGRAPHY — SOURCE SANS 3
================================= */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap');

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:'Source Sans 3',sans-serif !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
    text-rendering:optimizeLegibility !important;
}

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

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

/* =================================
LINKS
================================= */

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

a:hover{
    color:#1f6f4a;
    text-decoration:underline;
}

/* =================================
TÍTULOS
================================= */

h1,h2,h3,h4,h5,h6,
.page_title,
.rb-block-title,
.rb-sdg-title,
.homepage_about h2{
    color:#1f6f4a !important;
    font-weight:700 !important;
    letter-spacing:-0.02em;
    line-height:1.18;
}

/* =================================
HEADER / BANNER
================================= */

.pkp_site_name_wrapper{
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 !important;
    height:auto !important;
    position:relative !important;
}

.pkp_site_name{
    margin:0 !important;
    padding:0 !important;
    height:auto !important;
}

.pkp_site_name a.is_img{
    display:block !important;
}

.pkp_site_name img{
    width:100% !important;
    height:auto !important;
    display:block !important;
    max-height:none !important;
}

/* =================================
TOPBAR
================================= */

.rb-topbar-inner{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
}

.rb-topbar-left{
    display:flex !important;
    align-items:center !important;
    gap:26px !important;
}

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

/* =================================
MENU PRINCIPAL
================================= */

.pkp_navigation_primary_wrapper{
    display:flex !important;
    justify-content:center !important;
    background:#eef2f4 !important;
    border-top:1px solid rgba(0,0,0,.04);
    border-bottom:1px solid rgba(0,0,0,.08);
    box-shadow:0 1px 0 rgba(255,255,255,.65) inset;
}

.pkp_navigation_primary{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
    margin:0 auto !important;
}

.pkp_navigation_primary > li{
    flex:0 0 auto;
}

.pkp_navigation_primary > li > a{
    position:relative;
    color:#25313c !important;
    font-size:17px !important;
    font-weight:500 !important;
    letter-spacing:-0.01em;
    padding:24px 18px 22px !important;
    white-space:nowrap;
    transition:color .2s ease, transform .2s ease;
}

.pkp_navigation_primary > li > a:hover{
    color:#1f6f4a !important;
    transform:translateY(-1px);
}

.pkp_navigation_primary > li > a::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:8px;
    height:2px;
    background:#1f6f4a;
    transform:scaleX(0);
    transition:transform .22s ease;
}

.pkp_navigation_primary > li > a:hover::after{
    transform:scaleX(1);
}

/* =================================
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;
    min-width:520px !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
}

.rb-banner-actions a{
    color:#ffffff !important;
    text-decoration:none !important;
    font-size:19px !important;
    font-weight:500 !important;
    padding:0 40px !important;
    transition:all .2s ease;
}

.rb-banner-actions a:hover{
    color:#f2c66d !important;
}

.rb-banner-actions span{
    width:1px;
    height:34px !important;
    background:rgba(255,255,255,.28);
    display:block;
    margin:0 18px !important;
}

/* =================================
CONTAINER PRINCIPAL
================================= */

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

.pkp_structure_main{
    padding:24px 40px 70px !important;
}

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

/* =================================
HOME
================================= */

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

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

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

.obj_article_summary .title a{
    color:#2b2b2b !important;
    font-weight:400 !important;
    line-height:1.58 !important;
    transition:.2s ease;
}

.obj_article_summary .title a:hover{
    color:#1f6f4a !important;
}

/* =================================
CARDS
================================= */

.rb-block,
.rb-item,
.metric-item,
.rb-sidebar-cited > div,
.homepage_about > div:last-child > div > div{
    background:#ffffff !important;
    border:1px solid #e5eaef !important;
    border-radius:16px !important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    box-shadow:0 1px 2px rgba(0,0,0,.03);
}

.rb-block:hover,
.rb-item:hover,
.metric-item:hover,
.rb-sidebar-cited > div:hover,
.homepage_about > div:last-child > div > div:hover{
    transform:translateY(-4px);
    border-color:#d5dee7 !important;
    box-shadow:0 10px 28px rgba(15,23,42,.07), 0 2px 8px rgba(15,23,42,.04);
}

/* =================================
MÉTRICAS
================================= */

.rb-metrics{
    background:#ffffff;
    border:1px solid #e6ece8;
    border-top:3px solid rgba(31,111,74,.55);
    border-radius:14px;
    padding:28px;
}

.metric-value{
    font-size:30px !important;
    font-weight:400 !important;
    color:#2a6ebb !important;
}

/* =================================
REMOVE ELEMENTOS
================================= */

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

/* =================================
FOOTER — RBCIAMB EDITORIAL
================================= */

.pkp_structure_footer_wrapper{
    background:#f7f8f9 !important;
    border-top:1px solid #e4e8ec !important;
    padding:26px 0 !important;
    min-height:auto !important;
}

.pkp_structure_footer{
    display:block !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:0 20px !important;
    background:transparent !important;
    min-height:auto !important;
}

.pkp_footer_content{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
    text-align:center !important;
    font-size:14px !important;
    line-height:1.7 !important;
    color:#5e6a75 !important;
    opacity:1 !important;
}

/* permite que o HTML do rodapé apareça */
.pkp_footer_content *{
    display:revert !important;
}

/* remove texto fixo antigo */
.pkp_footer_content::before{
    display:none !important;
    content:none !important;
}

/* remove OJS/PKP */
.pkp_brand_footer{
    display:none !important;
}

/* remove blocos laterais antigos */
.block_information,
.block_web_feed{
    display:none !important;
}

/* links do footer */
.pkp_footer_content a{
    color:#2f5fb3 !important;
    text-decoration:none !important;
    transition:color .18s ease;
}

.pkp_footer_content a:hover{
    color:#1f6f4a !important;
}

/* imagens do footer */
.pkp_footer_content img{
    max-width:100% !important;
    height:auto !important;
}

/* =================================
FOOTER EDITORIAL LINKS
================================= */

.rb-footer-links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:14px auto 0 !important;
    padding-top:14px;
    padding-bottom:0 !important;
    border-top:1px solid #e5ebf1;
    font-size:14px;
    opacity:.92;
}

.rb-footer-links::before,
.rb-footer-links::after{
    display:none !important;
    content:none !important;
}

.rb-footer-links a{
    color:#2457B5;
    text-decoration:none;
    transition:color .18s ease;
}

.rb-footer-links a:hover{
    color:#1f6f4a;
}

.rb-footer-links span{
    color:#b8c1cc;
}

/* =================================
PAGE FOOTER / ADDITIONAL CONTENT
================================= */

.page_footer{
    text-align:center !important;
    padding:34px 20px 40px !important;
    background:#ffffff !important;
}

.page_footer p{
    margin:10px 0 !important;
}

.page_footer img{
    max-height:48px !important;
    width:auto !important;
    margin:10px 18px !important;
    vertical-align:middle !important;
}

/* =================================
HOW TO CITE
================================= */

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

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

.obj_article_details .item.citation .value a{
    font-size:15px !important;
    word-break:break-word;
}

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

/* =================================
CITATION COUNTERS / CROSSREF
================================= */

div[id*="cite"] span,
div[class*="cite"] span,
div[class*="scopus"] span,
div[class*="crossref"] span,
div[class*="crossref"] div,
div[id*="crossref"] div{
    background:#f1f6f2 !important;
    border:1px solid #d8e6dc !important;
    border-radius:10px !important;
    padding:8px 10px !important;
    color:#1f6f4a !important;
}

div[class*="crossref"] *,
div[id*="crossref"] *{
    color:#1f6f4a !important;
}

/* =================================
EDITORIAL TEAM
================================= */

.pkp_page_about .page_editorial_team,
.page-about .description,
.page-about .item,
.page-about .content{
    max-width:980px !important;
    margin:0 auto !important;
    line-height:1.6 !important;
    color:#334155 !important;
}

.page-about h2,
.page-about h3,
.page_editorial_team strong{
    color:#1f6f4a !important;
    font-size:28px !important;
    font-weight:700 !important;
    margin-top:54px !important;
    margin-bottom:26px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid #dfe7e2 !important;
}

.page-about p,
.page_editorial_team p{
    margin-bottom:16px !important;
    font-size:17px !important;
    line-height:1.7 !important;
}

/* ORCID */

.page_editorial_team a[href*="orcid.org"]{
    display:inline-block !important;
    margin-top:10px !important;
    padding:4px 10px !important;
    border-radius:999px !important;
    background:#f4f6f5 !important;
    color:#5f6b65 !important;
    font-size:12px !important;
    font-weight:500 !important;
    text-decoration:none !important;
    border:1px solid #e3e8e5 !important;
}

.page_editorial_team a[href*="orcid.org"]::before{
    content:"ORCID";
    display:inline-block;
    margin-right:7px;
    padding:1px 7px;
    border-radius:999px;
    background:#dfe8e2;
    color:#466556;
    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
}

/* EMERITUS */

.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;
}

/* =================================
PÁGINAS INSTITUCIONAIS / ÉTICA
================================= */

.page p > strong:first-child{
    font-size:18px !important;
    font-weight:700 !important;
    color:#374151 !important;
    line-height:1.5 !important;
    display:inline-block;
    margin-top:18px !important;
    margin-bottom:6px !important;
}

.page h4{
    font-size:32px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#374151 !important;
    margin-top:34px !important;
    margin-bottom:18px !important;
}

/* ITEM ESPECÍFICO */

h4{
    scroll-margin-top:80px;
}

/* =================================
PDF VIEWER
================================= */

body.pkp_op_view #pdfCanvasContainer + div{
    display:none !important;
}

/* =================================
HOME — COMPACTAÇÃO
================================= */

.rb-home-grid{
    margin-top:18px !important;
    margin-bottom:26px !important;
}

.rb-sdg-section{
    margin-top:72px !important;
    margin-bottom:26px !important;
}

.rb-sdg-bibliometric-source{
    margin-bottom:14px !important;
}

.rb-sdg-grid{
    gap:22px !important;
}

.rb-cfp-section{
    margin-top:20px !important;
    margin-bottom:10px !important;
}

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

@media(max-width:980px){

    .pkp_structure_main{
        padding:20px !important;
    }

    .pkp_navigation_primary{
        flex-wrap:wrap !important;
    }

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

    .pkp_footer_content{
        font-size:13px !important;
        line-height:1.7 !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;
        padding:0 12px !important;
    }
}

/* BOTÕES CENTRALIZADOS */

.rb-action-buttons{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:14px !important;
    margin-top:18px !important;
    flex-wrap:wrap !important;
}

.rb-action-buttons a{
    min-width:220px;
    text-align:center;
}
/* =================================
REMOVE FOOTER NATIVO OJS
================================= */

.pkp_structure_footer_wrapper{
    background:transparent !important;
    border:none !important;
    padding:0 !important;
    margin:0 !important;
}

.pkp_structure_footer{
    display:none !important;
}

/* =================================
FOOTER EDITORIAL CUSTOM
================================= */

.page_footer{
    background:#f7f8f9 !important;
    padding:42px 20px 34px !important;
    margin-top:60px !important;
}
/* =================================
FOOTER FINAL RBCIAMB
================================= */

.pkp_structure_footer_wrapper{
    background:#f7f8f9 !important;
    border-top:1px solid #e4e8ec !important;
    padding:22px 0 !important;
}

.pkp_structure_footer{
    max-width:1180px !important;
    margin:0 auto !important;
    padding:0 24px !important;

    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
}

.pkp_footer_content{
    font-size:14px !important;
    line-height:1.7 !important;
    color:#5e6a75 !important;
}

.pkp_footer_content *{
    display:revert !important;
}

.pkp_brand_footer{
    display:block !important;
    opacity:.42 !important;
    transform:scale(.72) !important;
    transform-origin:right center !important;
}

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

/* ADDITIONAL CONTENT */

.page_footer{
    background:#ffffff !important;
    text-align:center !important;
    padding:34px 20px !important;
}

.page_footer img{
    max-height:46px !important;
    width:auto !important;
    margin:10px 16px !important;
}
/* ESPAÇO ENTRE ABOUT E INDEXADORES */

.page_footer{

    margin-top:46px !important;
}
/* FOOTER RBCIAMB */

.pkp_footer_content,
.pkp_footer_content div{

    font-size:10px !important;

    line-height:1.65 !important;

    color:#1f6f4a !important;
}

/* PKP */

.pkp_brand_footer{

    opacity:.32 !important;

    transform:scale(.58) !important;
}
/* =================================
INDEXADORES
================================= */

#rb-indexadores{
    margin:40px auto 30px !important;
    text-align:center !important;
    max-width:1200px !important;
}

#rb-indexadores img{
    max-width:100% !important;
    height:auto !important;
}

/* =================================
FOOTER INSTITUCIONAL
================================= */

.pkp_footer_content{
    text-align:left !important;
    font-size:13px !important;
    line-height:1.7 !important;
    color:#2f7a4d !important;
    font-weight:500 !important;
    padding:36px 0 !important;
}

.pkp_footer_content p{
    margin:0 0 6px !important;
    color:#2f7a4d !important;
}

.pkp_brand_footer{
    opacity:.22 !important;
    transform:scale(.78) !important;
    transform-origin:right center !important;
}
/* INDEXADORES APÓS OS CARDS */

#rb-indexadores{
    order:999 !important;
    margin-top:60px !important;
}

/* HOME EM COLUNA */

.pkp_page_index .pkp_structure_main{
    display:flex !important;
    flex-direction:column !important;
}

/* MOVE O ADDITIONAL CONTENT PARA O FINAL */

.pkp_page_index .page_index_journal{
    display:flex !important;
    flex-direction:column !important;
}

.pkp_page_index .additional_content{
    order:999 !important;
}
#rb-indexadores{

    display:block !important;

    width:100% !important;

    clear:both !important;

    margin-top:80px !important;

    margin-bottom:40px !important;

    order:999 !important;
}

.pkp_page_index .homepage_about + * + #rb-indexadores{

    margin-top:80px !important;
}
/* =================================
MENU PREMIUM — ESTILO SPRINGER
================================= */

.pkp_navigation_primary{
    border-top:1px solid #e7ebef;
    border-bottom:1px solid #e7ebef;
    background:#f8fafb;
}

/* itens principais */

.pkp_navigation_primary > li > a{

    font-family:-apple-system,BlinkMacSystemFont,
    "Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;

    font-size:15px !important;
    font-weight:500 !important;

    letter-spacing:.01em;

    color:#3e4650 !important;

    padding:18px 26px !important;

    transition:all .18s ease;
}

/* hover */

.pkp_navigation_primary > li > a:hover{

    color:#0b3c5d !important;
    background:transparent !important;
}

/* item ativo */

.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.current_page_item > a{

    color:#1f2d3d !important;

    font-weight:600 !important;

    background:transparent !important;

    position:relative;
}

/* linha fina elegante */

.pkp_navigation_primary > li.current > a::after,
.pkp_navigation_primary > li.current_page_item > a::after{

    content:"";

    position:absolute;

    left:26px;
    right:26px;
    bottom:10px;

    height:1.5px;

    background:#1f7a4d;

    border-radius:10px;

    opacity:.75;
}

/* remove quadradinho verde */

.pkp_navigation_primary li.dropdown a::before,
.pkp_navigation_primary li.dropdown a::after{

    box-shadow:none !important;
}

/* dropdown */

.pkp_navigation_primary ul{

    border:none !important;

    box-shadow:
    0 8px 26px rgba(0,0,0,.08) !important;

    border-radius:10px !important;

    overflow:hidden;

    background:#ffffff !important;
}

.pkp_navigation_primary ul li a{

    padding:14px 18px !important;

    font-size:14px !important;

    color:#42505c !important;

    background:#fff !important;
}

.pkp_navigation_primary ul li a:hover{

    background:#f5f8fa !important;

    color:#0b3c5d !important;
}
/* =================================
METRICS STRIP CLEAN
================================= */

#rb-metrics-strip{

    text-align:center !important;

    max-width:1180px;
    margin:0 auto 24px;
    padding:18px 24px;

    background:#ffffff;

    border-top:1px solid #dfe5ea;
    border-bottom:1px solid #dfe5ea;
}

#rb-metrics-strip > div{

    width:100%;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    flex-wrap:wrap !important;

    gap:10px !important;

    margin-bottom:10px;
}

#rb-metrics-strip *{

    color:#4a5560 !important;

    font-size:15px !important;

    line-height:1.4 !important;

    text-decoration:none !important;
}

#rb-metrics-strip a,
#rb-metrics-strip strong{

    font-weight:600 !important;

    color:#1f2933 !important;
}

#rb-metrics-strip a:hover{

    color:#0b3c5d !important;
}
/* =================================
ABOUT THE JOURNAL
REFINO TIPOGRÁFICO FINAL
================================= */

.homepage_about h2,
.homepage_about .title{
    font-size:32px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
    color:#1f6f4a !important;
    margin-bottom:26px !important;
    letter-spacing:-0.02em;
}

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

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

.homepage_about p[style*="text-align: center"]{
    margin-top:24px !important;
    margin-bottom:34px !important;
}

@media(max-width:980px){
    .homepage_about h2,
    .homepage_about .title{
        font-size:28px !important;
    }

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

    .homepage_about a{
        font-size:17px !important;
    }
}
/* =================================
FOOTER — RBCIAMB ATMOSPHERIC
IDENTIDADE DO BANNER
================================= */

.pkp_structure_footer_wrapper{

    background:
        linear-gradient(
            90deg,
            #eef3f5 0%,
            #edf2f3 40%,
            #eef1ea 100%
        ) !important;

    border-top:3px solid #2f7a5a !important;

    padding:22px 0 18px !important;

    min-height:0 !important;
}

/* CONTAINER */

.pkp_structure_footer{

    max-width:1280px !important;

    margin:0 auto !important;

    padding:0 34px !important;

    min-height:72px !important;

    display:flex !important;

    justify-content:space-between !important;

    align-items:center !important;
}

/* BLOCO INSTITUCIONAL */

.pkp_footer_content,
.pkp_footer_content div,
.pkp_footer_content p{

    font-size:15px !important;

    line-height:1.8 !important;

    font-weight:500 !important;

    color:#4f6f66 !important;

    margin:0 !important;
}

/* PKP */

.pkp_brand_footer{

    transform:scale(.52) !important;

    opacity:.16 !important;

    transform-origin:right center !important;
}

.pkp_brand_footer img{

    max-width:145px !important;

    height:auto !important;

    filter:grayscale(1) !important;
}

/* LINHA FINAL */

.pkp_structure_footer_wrapper + div{

    background:#f7f9fa !important;

    padding:14px 20px !important;

    font-size:12px !important;

    line-height:1.6 !important;

    color:#75808a !important;

    text-align:center !important;
}
/* =================================
MENU — FAIXA CONTÍNUA AZUL-CLARA
================================= */

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_primary > li,
.pkp_navigation_primary > li > a{
    background:#eef5f8 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a{
    background:#e6eef2 !important;
}

.pkp_navigation_primary ul,
.pkp_navigation_primary ul li,
.pkp_navigation_primary ul li a{
    background:#ffffff !important;
}