/* ==========================================================================
   FOLHA DE ESTILO ATUALIZADA E REFATORADA — REVISTA RMAT (OJS 3.5.0-5)
   Baseada nas customizações reais do arquivo "rmat OJS 3.1.2-4.txt"
   e harmonizada com o CSS do portal "siteStyle-ojs3.5.0-5.txt"
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');

/* --------------------------------------------------------------------------
   1. VARIÁVEIS CSS E CONFIGURAÇÕES GLOBAIS DA RMAT
   -------------------------------------------------------------------------- */
html, body {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.43rem !important;
    color: #222222 !important;
    background: #6e7a86 !important;
}


:root {
    /* Cores Principais RMAT */
    --primary-green: #009a21;
    --secondary-green: #1f7d02;
    --gold-gold: #d4af37;
    --dark-grey: #2d3748;
    --light-grey: #f7faf7;
    --border-color: #e2e8f0;

    /* Tipografia e Espaçamento */
    --font-heading: 'Raleway', sans-serif;
    --font-body: 'Roboto', sans-serif;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;

    /* Sombras e Efeitos */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.02);
    --shadow-md: 0 4px 6px rgba(0,154,33,0.04);
    --shadow-hover: 0 10px 20px rgba(0,154,33,0.08);
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Padronização Tipográfica */
body, p, span, li {
    font-family: var(--font-body) !important;
    line-height: 1.65 !important;
    color: var(--dark-grey) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading) !important;
    color: var(--secondary-green) !important;
    font-weight: 700 !important;
}

h3, h4, h5, h6, p, a, span {
    font-family: 'Raleway', sans-serif !important;
}

h1, h2 {
    font-family: 'Raleway', cursive !important;
}

a {
    color: #000;
    transition: color 0.2s ease;
}

a:hover, 
a:focus {
    color: #1f7d02;
}

/* Container de Conteúdo Boxed */
.pkp_structure_page {
    margin: 0 auto;
    max-width: 1160px;
    background: #fff;
    box-shadow: 0px 0px 10px #222;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

@media (min-width: 1200px) {
    .pkp_structure_page {
        margin-top: 2.143rem;
        margin-bottom: 2.143rem;
    }
}

.pkp_structure_content {
    background: #f3f3f3 !important;
    padding-top: 0;
}

.pkp_structure_main::before, 
.pkp_structure_main::after {
    display: none;
}

/* --------------------------------------------------------------------------
   2. CABEÇALHO, DEGRADÊ E LOGO DA REVISTA RMAT
   -------------------------------------------------------------------------- */
.pkp_structure_head, 
.pkp_site_name_wrapper {
    background: linear-gradient(135deg, #1f7d02 0%, #009a21 55%, #d4af37 100%) !important;
}

.pkp_structure_head {
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.pkp_head_wrapper, 
.has_site_logo .pkp_head_wrapper {
    position: relative;
    padding-top: 0;
}

.pkp_site_name_wrapper {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    height: 2.857rem;
}

@media (min-width: 992px) {
    .pkp_site_name_wrapper {
        height: auto;
    }
}

.pkp_site_name {
    position: absolute;
    left: 2.857rem;
    right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0.714rem;
    padding-top: 1.071rem !important;
    padding-bottom: 1.071rem !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.84);
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
}

.pkp_site_name > a {
    padding-top: 0.714rem;
    padding-bottom: 0.714rem;
}

.pkp_site_name > a:focus {
    outline: 0;
}

.pkp_site_name .is_img {
    display: inline-block;
    margin-top: 0.357rem;
    margin-bottom: 0.357rem;
    padding: 0;
}

.pkp_site_name .is_img:focus {
    outline: 1px solid rgba(0, 0, 0, 0.84);
}

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

.pkp_site_name .is_text {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
    font-weight: 700;
    line-height: 2.857rem;
    color: rgba(240, 240, 240);
    text-decoration: none;
    text-transform: uppercase;
}

.pkp_site_name .is_text:focus {
    text-decoration: underline;
}

@media (min-width: 992px) {
    .pkp_head_wrapper {
        padding-top: 4.286rem;
    }

    .has_site_logo .pkp_head_wrapper {
        padding-top: 2.143rem;
    }

    .pkp_site_name {
        position: relative;
        width: 75%;
        left: auto;
        right: auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 1.071rem !important;
        padding-bottom: 1.071rem !important;
        margin-left: 0;
        white-space: normal;
        font-size: 2em;
        background: transparent;
        overflow: visible;
        text-align: center !important;
    }

    .pkp_site_name .is_text {
        font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
        font-size: 1.285rem;
        line-height: 2.143rem;
    }

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

    .pkp_site_name > .is_img img {
        max-height: 250px !important;
        padding-top: 45px;
    }

    .pkp_site_name .is_img img:hover {
        opacity: 1;
        filter: invert(100);
    }
}

/* --------------------------------------------------------------------------
   3. MENU DE NAVEGAÇÃO PRINCIPAL E DROPDOWNS
   -------------------------------------------------------------------------- */
.pkp_site_nav_menu {
    background: #ebebeb !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
}

@media (min-width: 992px) {
    .pkp_site_nav_menu,
.pkp_navigation_primary_row {
    background: #ddd !important;
    padding-left: 30px;
    padding-right: 30px;
}

    .pkp_navigation_primary_wrapper {
        width: auto;
    }

    .pkp_navigation_primary {
        display: inline-block;
        max-width: 80%;
        text-align: left;
    }

    #navigationPrimary a {
        font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
        font-size: 0.93rem;
        font-weight: 700;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.54);
    }

    #navigationPrimary a:hover, 
    #navigationPrimary a:focus {
        color: #1f7d02;
    }

    #navigationPrimary > li > a {
        margin: 0.357rem 0.5em 0;
        padding: 0.357rem 0.5em calc(0.714rem - 2px);
        padding-bottom: 6px;
        border-bottom: 4px solid transparent;
        color: rgba(0, 0, 0, 0.84);
        text-decoration: none;
    }

    #navigationPrimary > li > a:hover {
        color: rgba(0, 0, 0, 0.84);
        outline: 0;
        border-color: #1f7d02;
    }

    #navigationPrimary > li > a:focus {
        padding-bottom: 6px;
        border-bottom-width: 4px;
        background: rgba(240, 240, 240);
        color: #1f7d02;
        outline: 0;
    }

    #navigationPrimary > [aria-haspopup] > a:hover, 
    #navigationPrimary > [aria-haspopup] > a:focus {
        border-color: transparent;
    }

    #navigationPrimary [aria-expanded="true"]:before {
        border-bottom-color: #1f7d02;
    }

    #navigationPrimary ul {
        background: #1f7d02;
    }

    #navigationPrimary ul a {
        color: rgba(240, 240, 240);
        padding-top: 0.714rem;
        padding-bottom: 0.714rem;
    }

    #navigationPrimary ul a:hover, 
    #navigationPrimary ul a:focus {
        border-color: transparent;
        background: #ffcc40;
        background-color: #dadada;
        border-radius: 15px;
    }

    .pkp_navigation_primary .dropdown-menu a:focus, 
    .pkp_navigation_primary .dropdown-menu a:hover {
        border-color: #009a21;
    }
}

.pkp_nav_list ul {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1000;
    width: 15em;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgba(57, 57, 57, 0.55);
}

/* --------------------------------------------------------------------------
   4. MENU DO USUÁRIO E BARRA DE BUSCA
   -------------------------------------------------------------------------- */
.pkp_navigation_search_wrapper a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .pkp_navigation_search_wrapper {
        float: right;
        margin: 0;
        padding: 0;
        border: none;
    }

    .pkp_navigation_search_wrapper a {
        margin: 0.357rem 0.5em 0;
        padding: 0.357rem 0.5em calc(0.714rem - 2px);
        padding-bottom: 6px;
        border-bottom: 4px solid transparent !important;
        color: rgba(0, 0, 0, 0.84);
        text-decoration: none;
    }

    .pkp_navigation_search_wrapper a:hover, 
    .pkp_navigation_search_wrapper a:focus {
        color: #009a21;
        border-color: #1f7d02;
        text-decoration: none;
    }

    .pkp_navigation_search_wrapper a:focus {
        background: rgba(0, 0, 0, 0.84);
        color: #1f7d02;
        outline: 0;
    }

    .pkp_head_wrapper .pkp_search .search_prompt {
        display: inline-block;
        position: relative;
        padding: 10px 20px;
        color: #B71C1C;
        cursor: pointer;
    }
}

.pkp_navigation_user_wrapper a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    .pkp_navigation_user_wrapper {
        position: absolute;
        top: 13px;
        right: 0;
        left: auto;
        width: 25%;
        transform: none;
        padding-right: 2.143rem;
        padding-left: 0.714rem;
        text-align: right;
        margin-top: 0;
        border-top: none;
        z-index: 1000;
    }

    .pkp_navigation_user_wrapper a {
        color: rgba(0, 0, 0, 0.54);
    }

    .pkp_navigation_user_wrapper ul a:hover, 
    .pkp_navigation_user_wrapper ul a:focus {
        border-color: #1f7d02;
    }

    .pkp_navigation_user_wrapper .pkp_navigation_user {
        margin-right: 0;
        padding-right: 0;
        width: auto;
    }

    .pkp_navigation_user > li > a {
        color: rgba(240, 240, 240);
        width: 125px;
    }

    .pkp_navigation_user > li > a:focus {
        outline: 0;
        background: rgba(0, 0, 0, 0.84);
        color: #1f7d02;
        border-radius: 15px;
    }
}

.pkp_navigation_user .task_count {
    display: inline-block;
    width: 1.43rem;
    height: 1.43rem;
    margin-left: 0.5em;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    line-height: 1.43rem;
    text-align: center;
    font-size: 0.857rem;
    position: relative;
    top: 0;
}

/* --------------------------------------------------------------------------
   5. BOTÕES E GALÉS (Estilização Verde Premium RMAT)
   -------------------------------------------------------------------------- */
.cmp_manuscript_button, 
.block_make_submission a {
    display: inline-block;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #1f7d02;
    color: #fff;
    border: 1px solid #1f7d02;
    border-radius: 3px;
    padding: 0 1em;
    line-height: calc(2.143rem - 2px);
    transition: 0.5s;
}

.cmp_manuscript_button:hover, 
.cmp_manuscript_button:focus, 
.block_make_submission a:hover, 
.block_make_submission a:focus {
    background: #fff;
    color: #1f7d02;
    border-radius: 15px;
    border: 1px solid;
    transition: 0.5s;
}

/* Botões Galley Modernos (.obj_galley_link) */
.obj_galley_link {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    background: var(--primary-green) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary-green) !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    transition: var(--transition-fast) !important;
    text-shadow: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    text-decoration: none !important;
}

.obj_galley_link:hover, 
.obj_galley_link:focus {
    background: var(--secondary-green) !important;
    border-color: var(--secondary-green) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    text-decoration: none !important;
}

.obj_galley_link:before {
    font-size: 14px !important;
    margin-right: 0 !important;
}

.obj_galley_link.restricted {
    border-color: #ddd;
    background: #ddd;
    color: rgba(0, 0, 0, 0.54);
}

.obj_galley_link.restricted:before {
    color: rgba(0, 0, 0, 0.54);
}

.obj_galley_link.restricted:hover, 
.obj_galley_link.restricted:focus {
    background: rgba(0, 0, 0, 0.54);
    color: #fff;
}

.viewspdf:before {
    content: url('https://clappx.ufop.br/icons-rmat/pdf.webp');
}

/* Breadcrumbs e Paginação */
.cmp_breadcrumbs {
    padding: 2.143rem 0;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
    color: rgba(0, 0, 0, 0.54);
    text-transform: uppercase;
}

.cmp_breadcrumbs > ol {
    padding: 0;
    margin: 0;
}

.cmp_breadcrumbs .current {
    text-transform: none;
}

.cmp_breadcrumbs .current h1 {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.cmp_breadcrumbs .separator {
    padding: 0 0.1em;
    opacity: 0.3;
}

.cmp_pagination {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.cmp_pagination a {
    font-weight: 700;
    text-transform: uppercase;
}

.cmp_pagination .prev:before {
    content: "053";
}

.cmp_pagination .next:after {
    content: "054";
}

/* --------------------------------------------------------------------------
   6. BARRAS LATERAIS E NUVEM DE PALAVRAS
   -------------------------------------------------------------------------- */
.pkp_block {
    padding: 2.143rem 1.43rem;
    font-size: 12px;
    line-height: 1.43rem;
}

.pkp_block .title {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #1f7d02;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1.143rem;
    color: rgba(0, 0, 0, 0.54);
}

.pkp_block .block_Keywordcloud {
    padding: 2.143rem 1.43rem;
    font-size: 16px;
    line-height: 1.43rem;
}

div #wordcloud {
    height: 400px;
    width: 300px;
    margin: 0px;
    padding: 0px;
    margin-left: -2em !important;
}

@media (min-width: 992px) {
    .pkp_block {
        padding: 2.143rem;
    }

    .pkp_structure_sidebar::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        border-left: 1px solid #fff;
    }

    .pkp_structure_sidebar > * {
        position: relative;
    }
}

/* --------------------------------------------------------------------------
   7. PÁGINA INICIAL, ANÚNCIOS E EDIÇÃO ATUAL
   -------------------------------------------------------------------------- */
.pkp_page_index .homepage_image {
    margin-top: 0px;
}

.pkp_page_index .cmp_announcements {
    border: none;
}

.pkp_page_index .homepage_about {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: justify !important;
}

.pkp_page_index .homepage_about h2 {
    display: none !important;
}

.cmp_announcements {
    border: none;
}

.cmp_announcements > li {
    border-bottom: none;
}

.cmp_announcements .obj_announcement_summary h2, 
.cmp_announcements .obj_announcement_summary h3, 
.cmp_announcements .obj_announcement_summary h4, 
.cmp_announcements .date, 
.cmp_announcements .read_more {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
    font-weight: 700;
}

.cmp_announcements .read_more {
    text-transform: uppercase;
}

.cmp_announcements .date {
    font-weight: 400;
}

.cmp_announcements .date:before {
    color: #1f7d02;
}

.pkp_page_index .current_issue h2 {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #1f7d02;
    text-transform: uppercase;
    font-weight: 700;
    color: #1f7d02 !important;
}

.pkp_page_index .current_issue .current_issue_title {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1.143rem;
}

.pkp_page_index .current_issue .sections {
    margin-top: 1.43rem;
}

.pkp_page_index .current_issue .read_more {
    display: inline-block !important;
    position: relative !important;
    padding-right: 2.143rem !important;
    font-size: 0.93rem !important;
    font-weight: 700 !important;
    line-height: 2.143rem !important;
    color: #009a21 !important;
    text-decoration: none !important;
    margin-bottom: 1.43rem !important;
    text-transform: uppercase !important;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
}

/* Sumário e Animações da Capa da Edição */
.obj_issue_summary .cover img {
    display: block;
    width: auto;
    max-height: 250px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 0px #898e79;
    transition: 0.5s;
    animation-duration: 0.75s;
    animation-delay: 0.9s;
    animation-name: animate-fade;
    animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
    animation-fill-mode: backwards;
}

.obj_issue_summary .cover img:hover {
    transform: translate(0px, -10px);
}

.obj_issue_summary .title {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-decoration: none;
}

.obj_issue_summary .series {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    margin-bottom: 0.357rem;
    color: rgba(0, 0, 0, 0.54);
}

.obj_issue_toc .heading .pub_id .type {
    margin-block-end: -4px;
    margin-inline-end: -5px;
    content: url("https://revistas.uece.br/public/site/images/frederico/doi.png");
}

.obj_issue_toc .heading .pub_id, 
.obj_issue_toc .heading .published {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
}

.obj_issue_toc .heading .pub_id .type, 
.obj_issue_toc .heading .published .label {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
    text-transform: uppercase;
}

.obj_issue_toc .heading .pub_id .id, 
.obj_issue_toc .heading .published .value {
    margin-left: 0.5em;
}

.obj_issue_toc .heading .pub_id .id a {
    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
}

.obj_issue_toc .heading .pub_id .id a:hover, 
.obj_issue_toc .heading .pub_id .id a:focus {
    color: #6298ae;
    text-decoration: underline;
}

.obj_issue_toc > .galleys, 
.obj_issue_toc .section {
    margin: 0;
    padding: 0;
    border: none;
}

.obj_issue_toc > .galleys:before, 
.obj_issue_toc .section:before {
    display: none;
}

.obj_issue_toc > .galleys h2, 
.obj_issue_toc > .galleys h3, 
.obj_issue_toc .section h2,
.obj_issue_toc .section h3 {
    position: relative !important;
    display: block !important;
    top: auto !important;
    left: auto !important;
    padding: 0 0 0.357rem !important;
    border-bottom: 3px solid #1f7d02 !important;
    background: transparent !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 1.143rem !important;
    line-height: 2.143rem !important;
    color: #1f7d02 !important;
}

.obj_issue_toc .galleys_links li {
    margin-bottom: 0.5em;
}

.obj_issue_toc .pages {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.obj_issue_toc .cover img {
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 0px #898e79;
    animation-duration: 0.75s;
    animation-delay: 0.9s;
    animation-name: animate-fade;
    animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
    animation-fill-mode: backwards;
}

/* --------------------------------------------------------------------------
   8. DETALHES DO ARTIGO E CARTÕES DE METADADOS (ORCID, LATTES, DOI, E-MAIL)
   -------------------------------------------------------------------------- */
.obj_article_details > .page_title {
    margin: 0;
}

.obj_article_details .subtitle {
    font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 2.143rem;
    font-weight: 400;
}

.obj_article_details .authors, 
.obj_article_details .doi {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.obj_article_details .authors li {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.obj_article_details .authors .name {
    font-size: 1.1rem;
    font-weight: 700;
    color: #222;
}

/* Links dos metadados estilizados como micro-badges interativos */
.obj_article_details .orcid a, 
.obj_article_details .lattes a, 
.obj_article_details .authors .email {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #4a5568 !important;
    text-decoration: none;
    margin-right: 10px;
    margin-top: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(0, 154, 33, 0.02);
    border: 1px solid rgba(0, 154, 33, 0.05);
    vertical-align: middle;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.obj_article_details .orcid a:hover, 
.obj_article_details .lattes a:hover, 
.obj_article_details .authors .email:hover {
    color: #1f7d02 !important;
    background: rgba(0, 154, 33, 0.08);
    border-color: rgba(0, 154, 33, 0.2);
    text-decoration: none;
    transform: translateY(-1px);
}

/* Ícones Clappx (ORCID, Lattes, E-mail) */
.obj_article_details .authors .orcid:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://clappx.ufop.br/icons-rmat/orcid.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

.obj_article_details .authors .lattes:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://clappx.ufop.br/icons-rmat/lattes.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    filter: grayscale(100%) opacity(0.8);
    transition: all 0.25s ease;
}

.obj_article_details .authors .lattes a:hover:before {
    filter: grayscale(0%) opacity(1);
}

.obj_article_details .authors .email:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('https://clappx.ufop.br/icons-rmat/email.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    filter: invert(53%) sepia(8%) saturate(1064%) hue-rotate(179deg) brightness(94%) contrast(89%);
    transition: filter 0.25s ease;
}

.obj_article_details .authors .email:hover:before {
    filter: invert(24%) sepia(85%) saturate(1472%) hue-rotate(85deg) brightness(91%) contrast(102%);
}

.obj_article_details .orcid a {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
}

/* Bloco do DOI na Página do Artigo */
.obj_article_details .item.doi {
    display: block;
    margin: 1.5rem 0;
    padding: 1.25rem;
    background: #f7faf7;
    border: 1px solid rgba(0, 154, 33, 0.12);
    border-left: 4px solid #009a21;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.obj_article_details .item.doi:hover {
    background: #f0f7f0;
    border-color: rgba(0, 154, 33, 0.22);
    box-shadow: 0 4px 15px rgba(0, 154, 33, 0.08);
    transform: translateY(-2px);
}

.obj_article_details .item.doi .label {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 13px;
    color: #1f7d02;
    text-transform: uppercase;
    border: none !important;
    margin-bottom: 8px !important;
    content: none !important;
}

.obj_article_details .item.doi .label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('https://clappx.ufop.br/icons-rmat/DOI.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

.obj_article_details .item.doi .value a {
    color: #2d3748;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px dashed rgba(0, 154, 33, 0.3);
    transition: all 0.25s ease;
}

.obj_article_details .item.doi .value a:hover {
    color: #009a21;
    border-bottom-style: solid;
    border-bottom-color: #009a21;
    text-decoration: none;
}

/* Bloco do Resumo (Abstract) */
.obj_article_details .abstract {
    padding: var(--spacing-md) var(--spacing-lg) !important;
    background: var(--light-grey) !important;
    border-left: 4px solid var(--primary-green) !important;
    border-radius: 0 6px 6px 0 !important;
    margin: var(--spacing-md) 0 !important;
    text-align: justify;
    display: inline-block;
    color: #000;
}

.obj_article_details .abstract h3 {
    margin-top: 0 !important;
    font-size: 1.25rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--secondary-green) !important;
}

.obj_article_details .main_entry .label {
    display: inline-block;
    padding: 0 0 0.357rem;
    border-bottom: 3px solid #1f7d02;
    color: rgba(0, 0, 0);
    text-transform: uppercase;
}

.obj_article_details .main_entry .doi .label, 
.obj_article_details .main_entry .keywords .label {
    display: inline;
    padding: 0;
    border: none;
    text-transform: none;
}

.obj_article_details .row, 
.obj_article_details .main_entry, 
.obj_article_details .entry_details {
    border: none;
}

.obj_article_details .author_bios .sub_item .label {
    border-bottom: none;
    text-transform: none;
}

.obj_article_details .entry_details {
    margin-left: 0;
    margin-right: 0;
}

.obj_article_details .entry_details .label {
    font-weight: 700;
    text-transform: uppercase;
}

.obj_article_details .entry_details .item {
    margin: 2.143rem 0;
    padding: 0;
    border-bottom: none;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.obj_article_details .entry_details .item .label + .value {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.obj_article_details .entry_details .sub_item {
    padding: 0;
    margin-bottom: 0;
}

.obj_article_details .entry_details .sub_item:last-child {
    margin-bottom: 0;
}

.obj_article_details .entry_details .sub_item .label {
    color: rgba(0, 0, 0, 0.54);
}

.obj_article_details .entry_details .item > .label, 
.obj_article_details .entry_details .sub_item:first-child > .label {
    padding: 0.5em 1.43rem;
    background: #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.obj_article_details .entry_details .item > .value, 
.obj_article_details .entry_details .sub_item .value {
    padding: 1.43rem;
    border-radius: 3px;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
    display: inline-block;
    padding: 0.5em 0;
    margin: 0 1.43rem;
    border-bottom: 3px solid #1f7d02;
}

.obj_article_details .entry_details .cover_image {
    background: transparent;
    box-shadow: none;
}

.obj_article_details .entry_details .cover_image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 0px #898e79;
    opacity: 1;
    transition: 0.5s;
}

.obj_article_details .entry_details .cover_image img:hover {
    transform: translate(0px, -10px);
    opacity: 1;
}

.obj_article_details .entry_details .item.galleys {
    box-shadow: none;
    background: transparent;
}

.obj_article_details .entry_details .item.galleys .galleys_links {
    padding: 0;
}

.obj_article_details .entry_details .galleys_links > li {
    display: block;
    margin-bottom: 0.5em;
}

.obj_article_details .entry_details .galleys_links > li:last-child {
    margin-bottom: 0;
}

.obj_article_details .entry_details .galleys_links > li a {
    display: block;
}

.obj_article_details .entry_details .citation_display {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .obj_article_details .entry_details {
        width: 240px;
        margin-left: 30px;
    }
}

/* --------------------------------------------------------------------------
   9. LISTA DE ARTIGOS (obj_article_summary)
   -------------------------------------------------------------------------- */
.obj_article_summary {
    background: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    border-left: 5px solid var(--primary-green) !important;
    border-radius: 8px !important;
    padding: var(--spacing-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: var(--transition-normal) !important;
    margin-bottom: var(--spacing-lg) !important;
}

.obj_article_summary:hover, 
.obj_article_summary:focus {
    background: var(--light-grey) !important;
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-2px) !important;
    border-radius: 5px;
}

.obj_article_summary > .title {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.43rem;
    font-weight: 700;
    border-bottom: none;
    margin: 0;
}

.obj_article_summary > .title a {
    text-decoration: none;
}

.obj_article_summary .subtitle {
    font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
    display: block;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
}

.obj_article_summary .pub_id.doi, 
.obj_article_summary .pub_id, 
.obj_article_summary .doi {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
    width: 100%;
}

.obj_article_summary .pub_id.doi .label, 
.obj_article_summary .pub_id .label, 
.obj_article_summary .doi .label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    color: #1f7d02;
    text-transform: uppercase;
}

.obj_article_summary .pub_id.doi .label:before, 
.obj_article_summary .pub_id .label:before, 
.obj_article_summary .doi .label:before, 
.obj_article_summary .pub_id.doi:before, 
.obj_article_summary .doi:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://clappx.ufop.br/icons-rmat/DOI.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 4px;
}

.obj_article_summary .pub_id.doi .value a, 
.obj_article_summary .pub_id .value a, 
.obj_article_summary .doi .value a, 
.obj_article_summary .doi a {
    color: #4a5568;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed rgba(0, 154, 33, 0.3);
    transition: all 0.25s ease;
}

.obj_article_summary .pub_id.doi .value a:hover, 
.obj_article_summary .pub_id .value a:hover, 
.obj_article_summary .doi .value a:hover, 
.obj_article_summary .doi a:hover {
    color: #009a21;
    border-bottom-style: solid;
    border-bottom-color: #009a21;
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   10. LEITOR DE PDF (.header_view) E PÁGINAS ESPECÍFICAS
   -------------------------------------------------------------------------- */
.header_view {
    background: #1f7d02;
    color: rgba(0, 0, 0, 0.84);
}

.header_view .title {
    color: #fff;
}

.header_view .title:hover, 
.header_view .title:focus {
    background: #1f7d02;
    color: #222;
    text-decoration: none;
}

#authorGuidelines > p {
    text-align: justify !important;
}

.section_policy {
    display: none !important;
    text-align: justify !important;
}

.copyright_notice {
    display: none !important;
    text-align: justify !important;
}

.privacy_statement {
    display: none !important;
    text-align: justify !important;
}

#reviewerOptinGroup {
    display: none;
}

.imgindex {
    border: 1px solid #000;
    border-style: solid;
    border-radius: 10px;
    transition: all 0.5s ease-out;
}

.imgindex:hover {
    box-shadow: 2px 5px 16px 0px #898e79, 5px 5px 15px 5px rgba(0,0,0,0);
    transition: all 0.5s ease-in;
}

.page_announcement {
    margin-top: 2.143rem;
}

.page_issue_archive .issues_archive, 
.page_issue_archive .issues_archive > li {
    border: none;
}

.page_search .search_advanced {
    margin-top: 0.714rem;
}

.page_search .search_advanced > legend {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   11. RODAPÉ (FOOTER) DA RMAT
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
    background: rgba(0, 0, 0, 0.05);
    border-top: 1px solid #ddd;
    border-bottom: 1.63rem solid #1f7d02;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.pkp_brand_footer {
    padding: 2px;
}

.pkp_brand_footer a {
    float: right;
    display: block;
    max-width: 50px;
    margin-right: 10px;
}

.pkp_footer_content {
    padding: 1px;
    text-align: left;
}

/* Ícone de busca destacado em vermelho #B71C1C */
.pkp_search::before,
.pkp_search_desktop::before {
    content: none !important;
}

.pkp_head_wrapper .pkp_search .search_controls .search_prompt:before,
.pkp_search span::before, 
.pkp_search_desktop span::before {
    font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free', sans-serif !important;
    font-weight: 900 !important;
    content: "002" !important;
    color: #B71C1C !important;
    display: inline-block !important;
    margin-right: 0.25em !important;
}