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

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

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

html,
body,
button,
input,
textarea,
select{
    font-family:'Inter',sans-serif !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

body{
    color:#2b2b2b;
    line-height:1.65;
    background:#ffffff;
}

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

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

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

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

h1,h2,h3,h4{
    color:#1f6f4a;
    font-weight:600;
    letter-spacing:-0.02em;
}

/* =================================
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;
}

/* =================================
MENU SUPERIOR
================================= */

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

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

.obj_article_summary .title a{

    color:#2b2b2b !important;

    font-weight:400 !important;

    line-height:1.55 !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;
}

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

.pkp_search{
    display:none !important;
}

.block_make_submission{
    display:none !important;
}

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

.pkp_structure_footer_wrapper{

    background:#ececec !important;

    border-top:1px solid #dde3e8 !important;

    padding:36px 48px !important;
}

.pkp_structure_footer{

    display:flex !important;

    justify-content:space-between !important;

    align-items:flex-start !important;

    gap:40px !important;

    max-width:1280px !important;

    margin:0 auto !important;

    padding:0 !important;

    background:transparent !important;
}

/* REMOVE SOMENTE LINK ABES */

.pkp_structure_footer .pkp_footer_content a[href*="abes"]{
    display:none !important;
}

/* CONTEÚDO */

.pkp_footer_content{

    display:block !important;

    width:auto !important;

    max-width:760px !important;

    margin:0 !important;

    padding:0 !important;

    color:#444 !important;

    font-size:15px !important;

    line-height:1.75 !important;
}

/* REMOVE TEXTO ANTIGO */

.pkp_footer_content *{
    display:none !important;
}

/* INFORMAÇÕES RBCIAMB */

.pkp_footer_content::before{

    content:
    "Revista Brasileira de Ciências Ambientais\A\
Brazilian Journal of Environmental Sciences\A\
ISSN Online: 2176-9478\A\
ISSN Print: 1808-4524";

    white-space:pre-line;

    display:block;
}

/* PKP */

.pkp_brand_footer{

    width:170px !important;

    margin-left:auto !important;

    opacity:.6 !important;
}

.pkp_brand_footer img{

    max-width:170px !important;

    height:auto !important;
}

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

@media (max-width:900px){

    .pkp_structure_main{
        padding:20px !important;
    }

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

    .pkp_structure_footer{
        flex-direction:column !important;
        gap:20px;
    }

    .rb-banner-actions{

        min-width:auto !important;

        width:100% !important;

        padding:0 20px !important;
    }

    .rb-banner-actions a{

        font-size:15px !important;

        padding:0 12px !important;
    }
}
/* =================================
PKP MÍNIMO
================================= */

.pkp_brand_footer{

    width:95px !important;

    opacity:.38 !important;

    transform:translateY(6px);
}

.pkp_brand_footer img{

    max-width:95px !important;

    height:auto !important;
}
/* =================================
ODS — CARDS PADRÃO SPRINGER
================================= */

/* GRID */

.rb-ods,
.ods,
.sdgs{

    display:grid !important;

    grid-template-columns:
        repeat(auto-fit,minmax(220px,1fr)) !important;

    gap:24px !important;

    margin:34px 0 !important;
}

/* CARD */

.rb-ods a,
.ods a,
.sdgs a{

    position:relative !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    min-height:220px !important;

    padding:28px 22px !important;

    background:#ffffff !important;

    border:1px solid #dfe6ec !important;

    border-radius:20px !important;

    text-align:center !important;

    text-decoration:none !important;

    overflow:hidden !important;

    transition:
        transform .26s ease,
        box-shadow .26s ease,
        border-color .26s ease !important;

    box-shadow:
        0 2px 6px rgba(15,23,42,.04),
        0 1px 2px rgba(15,23,42,.03) !important;
}

/* brilho */

.rb-ods a::before,
.ods a::before,
.sdgs a::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.75) 0%,
            rgba(255,255,255,0) 46%
        );

    pointer-events:none;
}

/* HOVER */

.rb-ods a:hover,
.ods a:hover,
.sdgs a:hover{

    transform:
        translateY(-8px) !important;

    border-color:#cfd9e2 !important;

    box-shadow:
        0 22px 44px rgba(15,23,42,.10),
        0 8px 20px rgba(15,23,42,.06) !important;
}

/* IMAGEM */

.rb-ods img,
.ods img,
.sdgs img{

    width:88px !important;

    height:auto !important;

    margin-bottom:18px !important;

    border-radius:16px !important;

    filter:
        saturate(1.45)
        contrast(1.12)
        brightness(1.03) !important;

    transition:
        transform .26s ease,
        filter .26s ease !important;
}

/* hover imagem */

.rb-ods a:hover img,
.ods a:hover img,
.sdgs a:hover img{

    transform:
        scale(1.10) !important;

    filter:
        saturate(1.65)
        contrast(1.15)
        brightness(1.05) !important;
}

/* TEXO */

.rb-ods a span,
.ods a span,
.sdgs a span,
.rb-ods a strong,
.ods a strong,
.sdgs a strong{

    display:block !important;

    color:#23313d !important;

    font-size:17px !important;

    font-weight:600 !important;

    line-height:1.45 !important;

    letter-spacing:-0.015em !important;
}

/* subtítulo */

.rb-ods p,
.ods p,
.sdgs p{

    color:#5b6773 !important;

    font-size:14px !important;

    line-height:1.6 !important;

    margin-top:10px !important;
}
/* =================================
RBCIAMB — MOST CITED + LATEST ARTICLES
SPRINGER STYLE CARDS
================================= */

/* GRID */

.rb-sidebar-cited,
.latest_articles_list,
.cmp_article_list.articles{

    display:grid !important;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:26px !important;

    margin-top:28px !important;
}

/* CARD */

.rb-sidebar-cited > div,
.latest_articles_list > li,
.cmp_article_list.articles > li{

    position:relative;

    display:flex !important;

    flex-direction:column !important;

    background:#ffffff !important;

    border:1px solid #cfe0ee !important;

    border-radius:18px !important;

    padding:26px !important;

    min-height:420px !important;

    overflow:hidden;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;

    box-shadow:
        0 2px 6px rgba(15,23,42,.04);
}

/* HOVER */

.rb-sidebar-cited > div:hover,
.latest_articles_list > li:hover,
.cmp_article_list.articles > li:hover{

    transform:translateY(-6px);

    border-color:#b7d0e5 !important;

    box-shadow:
        0 18px 42px rgba(15,23,42,.10),
        0 6px 14px rgba(15,23,42,.05);
}

/* CATEGORY */

.rb-sidebar-cited > div::before,
.latest_articles_list > li::before,
.cmp_article_list.articles > li::before{

    content:"Article";

    display:block;

    font-size:14px;

    font-weight:600;

    color:#6a7886;

    margin-bottom:18px;

    letter-spacing:.02em;
}

/* TITLE */

.rb-sidebar-cited .title a,
.latest_articles_list .title a,
.cmp_article_list.articles .title a{

    display:block;

    color:#1f2933 !important;

    font-size:20px !important;

    font-weight:700 !important;

    line-height:1.18 !important;

    letter-spacing:-0.03em;

    text-decoration:none !important;

    margin-bottom:22px !important;

    transition:color .18s ease;
}

/* TITLE HOVER */

.rb-sidebar-cited .title a:hover,
.latest_articles_list .title a:hover,
.cmp_article_list.articles .title a:hover{

    color:#005c99 !important;
}

/* EXCERPT */

.rb-sidebar-cited .meta,
.latest_articles_list .meta,
.cmp_article_list.articles .meta,

.rb-sidebar-cited .subtitle,
.latest_articles_list .subtitle,
.cmp_article_list.articles .subtitle{

    color:#4d5b68 !important;

    font-size:16px !important;

    line-height:1.65 !important;

    margin-bottom:26px !important;
}

/* DIVIDER */

.rb-sidebar-cited > div::after,
.latest_articles_list > li::after,
.cmp_article_list.articles > li::after{

    content:"";

    position:absolute;

    left:26px;
    right:26px;
    bottom:88px;

    height:1px;

    background:#dce8f2;
}

/* FOOTER */

.rb-sidebar-cited .published,
.latest_articles_list .published,
.cmp_article_list.articles .published,

.rb-sidebar-cited .date,
.latest_articles_list .date,
.cmp_article_list.articles .date{

    margin-top:auto !important;

    color:#1f2933 !important;

    font-size:15px !important;

    font-weight:600 !important;
}

/* =================================
SPRINGER CARDS — FORCE
================================= */

/* GRID */

.cmp_article_list,
.articles,
ul.articles{

    display:grid !important;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr)) !important;

    gap:28px !important;

    padding:0 !important;
}

/* CARD */

.obj_article_summary{

    display:flex !important;

    flex-direction:column !important;

    background:#ffffff !important;

    border:1px solid #d8e2eb !important;

    border-radius:18px !important;

    padding:30px !important;

    min-height:420px !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;

    box-shadow:
        0 2px 6px rgba(15,23,42,.04) !important;
}

/* HOVER */

.obj_article_summary:hover{

    transform:translateY(-6px) !important;

    border-color:#bdd2e4 !important;

    box-shadow:
        0 18px 40px rgba(15,23,42,.10),
        0 6px 12px rgba(15,23,42,.05) !important;
}

/* TITLE */

.obj_article_summary .title a{

    color:#1f2d3a !important;

    font-size:24px !important;

    font-weight:700 !important;

    line-height:1.18 !important;

    text-decoration:none !important;

    letter-spacing:-0.03em !important;
}

/* TITLE HOVER */

.obj_article_summary .title a:hover{

    color:#0067a5 !important;
}

/* META */

.obj_article_summary .meta{

    margin-top:auto !important;

    padding-top:18px !important;

    border-top:1px solid #dbe4ec !important;

    font-size:14px !important;

    color:#5d6975 !important;
}