/* ========================================================= RPD — OJS 3.3.0.22 — Tema Padrão Folha consolidada v0.35.11 Revisão estrutural: - elimina camadas históricas v2–v34 e regras anuladas; - centraliza variáveis, larguras e pontos de quebra; - mantém a identidade visual atual da RPD; - fixa a coluna lateral externa e a coluna de metadados do artigo em 250px no notebook/desktop; - usa uma única coluna até 980px; - mantém o item ativo do menu integrado ao fundo do cabeçalho, com destaque apenas pelo sublinhado verde; - deixa o botão de formatos de citação com contorno único; - posiciona Compartilhamento acima de Citações, ambos antes da Licença; - oculta os dados redundantes de Edição e Seção; - organiza cada autor com os ícones clicáveis de Lattes/URL e ORCID; - apresenta o DOI com o mesmo ícone usado no sumário; - reutiliza no artigo as imagens originais de Lattes e ORCID do sumário; - compacta a apresentação vertical dos autores e das afiliações; - iguala tamanho e animação dos ícones da página do artigo aos do sumário; - iguala também o espaçamento entre nome, Lattes e ORCID ao sumário; - mantém integração com os templates personalizados da RPD e com o plugin Reviewer Certificate. ========================================================= */ :root { --rpd-bg: #f4f8f5; --rpd-surface: #ffffff; --rpd-surface-soft: #fbfcfb; --rpd-text: #18322a; --rpd-text-soft: #4f685f; --rpd-heading: #11362b; --rpd-header: #edf8f1; --rpd-header-2: #e7f3ec; --rpd-green: #0c7b3c; --rpd-green-dark: #075d2d; --rpd-green-deep: #054b24; --rpd-green-soft: #e6f4eb; --rpd-green-hover: #d5ecde; --rpd-red: #c51f2b; --rpd-red-soft: #f6e7e7; --rpd-link: #006b39; --rpd-link-hover: #004f2b; --rpd-border: #cfe1d6; --rpd-border-soft: #deebe2; --rpd-shadow: 0 18px 44px rgba(0, 95, 50, .10); --rpd-radius-lg: 22px; --rpd-radius-md: 14px; --rpd-radius-sm: 10px; --rpd-content-width: 1240px; --rpd-page-gutter: 20px; --rpd-mobile-gutter: 18px; --rpd-sidebar-width: 250px; --rpd-column-gap: 16px; --rpd-focus: #0b6f3a; --rpd-focus-ring: rgba(11, 111, 58, .22); --rpd-menu-text: #003f2a; --rpd-menu-text-hover: #007a3d; --rpd-menu-line: #00884a; --rpd-menu-separator: rgba(0, 63, 42, .22); --rpd-menu-active-bg: transparent; --rpd-menu-active-text: #043f22; --rpd-menu-active-border: transparent; --rpd-menu-active-shadow: none; --rpd-toc-separator-strong: rgba(0, 122, 61, .34); --rpd-toc-separator-soft: rgba(197, 31, 43, .24); --rpd-indexador-card-bg: rgba(255, 255, 255, .78); --rpd-indexador-card-bg-hover: #f4fbf6; --rpd-indexador-card-border: #d4e6da; --rpd-indexador-card-border-hover: #0c7b3c; } /* ========================================================= 1. Base, tipografia e acessibilidade ========================================================= */ html { scroll-behavior: smooth; } html, body, .pkp_structure_page, .pkp_structure_head, .pkp_structure_content, .pkp_structure_main, .pkp_structure_sidebar, .pkp_structure_footer_wrapper, .page { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html, body { width: 100%; max-width: 100%; } body { margin: 0; background: linear-gradient(180deg, #f8fbf8 0%, #f2f7f4 100%); color: var(--rpd-text); font-family: "Segoe UI", Arial, sans-serif; line-height: 1.7; } body, p, li, input, button, select, textarea { color: var(--rpd-text); } a { color: var(--rpd-link); text-decoration: none; transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; } a:hover, a:focus { color: var(--rpd-link-hover); text-decoration: none; } h1, h2, h3, h4, h5, h6, .pkp_page_title, .page h1, .page h2, .page h3 { color: var(--rpd-heading); font-weight: 700; line-height: 1.3; } img, svg, video { max-width: 100%; height: auto; } /* Iframes preservam a altura definida no próprio HTML. Isso evita que formulários incorporados, como o Google Forms, sejam reduzidos a uma altura automática e exibam rolagem interna. */ iframe { max-width: 100%; } html body a:focus-visible, html body button:focus-visible, html body input:focus-visible, html body select:focus-visible, html body textarea:focus-visible, html body [tabindex]:focus-visible { outline: 3px solid var(--rpd-focus) !important; outline-offset: 3px !important; box-shadow: 0 0 0 5px var(--rpd-focus-ring) !important; } /* ========================================================= 2. Estrutura geral e colunas ========================================================= */ .pkp_structure_page, .pkp_structure_content, .pkp_structure_main, .pkp_structure_sidebar, .page { background: transparent; } .pkp_structure_content, .pkp_structure_footer, .pkp_head_wrapper, .page, .cmp_breadcrumbs { width: min(var(--rpd-content-width), calc(100% - (2 * var(--rpd-page-gutter)))); max-width: var(--rpd-content-width); margin-right: auto; margin-left: auto; } .pkp_structure_content { margin-top: 24px; } .cmp_breadcrumbs { margin-top: 0; margin-bottom: 24px !important; line-height: 1.5 !important; overflow-wrap: anywhere; } /* Usa flex em toda página pública. Sem sidebar, a coluna principal ocupa automaticamente 100%; com sidebar, ela fica fixa em 250px. */ @media (min-width: 981px) { html body .pkp_structure_content { display: flex !important; align-items: flex-start !important; gap: var(--rpd-column-gap) !important; } html body .pkp_structure_content > .pkp_structure_main { flex: 1 1 auto !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } html body .pkp_structure_content > .pkp_structure_sidebar, html body .pkp_structure_content > .pkp_structure_sidebar.left { flex: 0 0 var(--rpd-sidebar-width) !important; float: none !important; width: var(--rpd-sidebar-width) !important; min-width: var(--rpd-sidebar-width) !important; max-width: var(--rpd-sidebar-width) !important; margin: 0 !important; padding: 0 !important; } html body .pkp_structure_main::before, html body .pkp_structure_main::after { display: none !important; content: none !important; } } /* ========================================================= 3. Barra de usuário, cabeçalho e logomarca ========================================================= */ .pkp_navigation_user_wrapper { background: #eff4f1; border-bottom: 1px solid var(--rpd-border-soft); } .pkp_navigation_user, .pkp_navigation_user a, .pkp_navigation_user li { color: var(--rpd-text-soft) !important; font-size: .95rem; font-weight: 600; } html body .pkp_structure_head { padding-bottom: 0 !important; overflow: visible !important; background: linear-gradient(180deg, var(--rpd-header) 0%, var(--rpd-header-2) 100%) !important; border: 0 !important; border-bottom: 1px solid #cfe4d6 !important; box-shadow: none !important; } /* O Tema Padrão aplica o azul institucional diretamente em .pkp_site_nav_menu. Em telas de notebook/desktop, esta regra neutraliza essa camada sem alterar o funcionamento do menu móvel. */ @media (min-width: 761px) { html body .pkp_structure_head .pkp_site_nav_menu { display: block !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } } html body .pkp_head_wrapper { position: relative !important; width: min(var(--rpd-content-width), calc(100% - (2 * var(--rpd-page-gutter)))) !important; max-width: var(--rpd-content-width) !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; } html body .pkp_site_name_wrapper { float: none !important; width: 100% !important; margin: 0 !important; padding: 30px 0 20px !important; text-align: center !important; } html body .pkp_site_name { float: none !important; width: 100% !important; margin: 0 auto !important; text-align: center !important; } html body .pkp_site_name a { display: inline-block !important; margin: 0 auto !important; } html body .pkp_site_name .is_img img, html body .pkp_site_name img { display: block !important; width: auto !important; max-width: min(500px, 90vw) !important; max-height: 190px !important; margin: 0 auto !important; object-fit: contain !important; } html body .pkp_site_name, html body .pkp_site_name a, html body .pkp_site_name a:hover { color: var(--rpd-heading) !important; } /* ========================================================= 4. Menu principal consolidado ========================================================= */ html body .pkp_structure_head .pkp_navigation_primary_row { display: flex !important; flex-flow: row wrap !important; align-items: center !important; justify-content: center !important; width: min(1260px, calc(100% - 32px)) !important; max-width: 1260px !important; min-height: 0 !important; margin: 0 auto 8px !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .pkp_structure_head .pkp_navigation_primary_wrapper { display: flex !important; flex: 0 1 auto !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .pkp_structure_head .pkp_navigation_primary_row::before, html body .pkp_structure_head .pkp_navigation_primary_row::after, html body .pkp_structure_head .pkp_navigation_primary_wrapper::before, html body .pkp_structure_head .pkp_navigation_primary_wrapper::after { display: none !important; content: none !important; } html body #navigationPrimary { all: unset !important; box-sizing: border-box !important; display: flex !important; flex-flow: row wrap !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; list-style: none !important; } html body #navigationPrimary > li { all: unset !important; box-sizing: border-box !important; position: relative !important; display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; min-width: max-content !important; margin: 0 !important; padding: 0 18px !important; list-style: none !important; overflow: visible !important; white-space: nowrap !important; } html body #navigationPrimary > li:first-child { padding-left: 0 !important; } html body #navigationPrimary > li:last-child { padding-right: 0 !important; } html body #navigationPrimary > li + li::before { content: "" !important; position: absolute !important; top: 50% !important; left: 0 !important; display: block !important; width: 1px !important; height: 20px !important; transform: translateY(-50%) !important; background: var(--rpd-menu-separator) !important; } html body #navigationPrimary > li::after { display: none !important; content: none !important; } html body #navigationPrimary > li > a { all: unset !important; box-sizing: border-box !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: max-content !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 2px !important; color: var(--rpd-menu-text) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 44px !important; letter-spacing: .005em !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 8px !important; } html body #navigationPrimary > li > a::before { display: none !important; content: none !important; } html body #navigationPrimary > li > a::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 4px !important; width: 0 !important; height: 3px !important; margin: 0 !important; transform: translateX(-50%) !important; background: var(--rpd-menu-line) !important; border: 0 !important; border-radius: 999px !important; vertical-align: initial !important; overflow: visible !important; transition: width .22s ease !important; } /* Seta dos itens com submenu. Ela usa ::before para não conflitar com a linha verde de destaque, que permanece em ::after. */ html body #navigationPrimary > li > a[aria-haspopup]::before { content: "" !important; display: inline-block !important; order: 2 !important; width: 7px !important; height: 7px !important; margin: -4px 0 0 8px !important; border: 0 !important; border-right: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; transform: rotate(45deg) !important; } html body #navigationPrimary > li:hover > a, html body #navigationPrimary > li:focus-within > a { color: var(--rpd-menu-text-hover) !important; } html body #navigationPrimary > li:hover > a::after, html body #navigationPrimary > li:focus-within > a::after { width: calc(100% - 4px) !important; } /* Submenu */ html body #navigationPrimary > li > ul { all: unset !important; box-sizing: border-box !important; position: absolute !important; z-index: 99999 !important; top: calc(100% + 4px) !important; left: 0 !important; display: none !important; min-width: 230px !important; padding: 8px !important; background: #ffffff !important; border: 1px solid #cfe4d6 !important; border-radius: 12px !important; box-shadow: 0 16px 34px rgba(0, 63, 42, .14) !important; } html body #navigationPrimary > li:hover > ul, html body #navigationPrimary > li:focus-within > ul { display: block !important; } html body #navigationPrimary > li > ul > li { all: unset !important; display: block !important; } html body #navigationPrimary > li > ul > li > a { all: unset !important; box-sizing: border-box !important; display: block !important; width: 100% !important; padding: 9px 11px !important; color: var(--rpd-menu-text) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: .96rem !important; font-weight: 650 !important; line-height: 1.35 !important; cursor: pointer !important; border-radius: 8px !important; } html body #navigationPrimary > li > ul > li > a:hover, html body #navigationPrimary > li > ul > li > a:focus { color: var(--rpd-menu-text-hover) !important; background: #edf8f1 !important; } /* Busca ao lado do menu */ html body .pkp_structure_head .pkp_navigation_search_wrapper { all: unset !important; box-sizing: border-box !important; position: relative !important; display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; min-width: max-content !important; margin: 0 0 0 18px !important; padding: 0 0 0 18px !important; border-left: 1px solid var(--rpd-menu-separator) !important; } html body .pkp_structure_head .pkp_navigation_search_wrapper > a { all: unset !important; box-sizing: border-box !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-width: max-content !important; height: 44px !important; min-height: 44px !important; padding: 0 2px !important; color: var(--rpd-menu-text) !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 44px !important; cursor: pointer !important; } html body .pkp_structure_head .pkp_navigation_search_wrapper > a::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 4px !important; width: 0 !important; height: 3px !important; transform: translateX(-50%) !important; background: var(--rpd-menu-line) !important; border-radius: 999px !important; transition: width .22s ease !important; } html body .pkp_structure_head .pkp_navigation_search_wrapper:hover > a, html body .pkp_structure_head .pkp_navigation_search_wrapper:focus-within > a { color: var(--rpd-menu-text-hover) !important; } html body .pkp_structure_head .pkp_navigation_search_wrapper:hover > a::after, html body .pkp_structure_head .pkp_navigation_search_wrapper:focus-within > a::after, html body.pkp_page_search .pkp_structure_head .pkp_navigation_search_wrapper > a::after { width: 100% !important; } /* Item ativo por marcação nativa ou por rota do OJS */ html body .pkp_structure_head #navigationPrimary > li:is(.current, .active, .selected, .is_current) > a, html body .pkp_structure_head #navigationPrimary > li > a:is(.current, .active, .selected, [aria-current="page"], [aria-selected="true"]), html body.pkp_page_index.pkp_op_index .pkp_structure_head #navigationPrimary > li:first-child > a, html body.page_index_journal .pkp_structure_head #navigationPrimary > li:first-child > a, html body.pkp_page_issue.pkp_op_current .pkp_structure_head #navigationPrimary > li > a[href*="/issue/current"], html body.pkp_page_issue.pkp_op_archive .pkp_structure_head #navigationPrimary > li > a[href*="/issue/archive"], html body.pkp_page_about.pkp_op_index .pkp_structure_head #navigationPrimary > li > a[href$="/about"], html body.pkp_page_about.pkp_op_submissions .pkp_structure_head #navigationPrimary > li > a[href*="/about/submissions"], html body.pkp_page_about.pkp_op_editorialTeam .pkp_structure_head #navigationPrimary > li > a[href*="/about/editorial"], html body.pkp_page_about.pkp_op_contact .pkp_structure_head #navigationPrimary > li > a[href*="/about/contact"], html body.pkp_page_announcement .pkp_structure_head #navigationPrimary > li > a[href*="/announcement"], html body.pkp_page_indexadores .pkp_structure_head #navigationPrimary > li > a[href*="/indexadores"], html body.pkp_page_avaliador .pkp_structure_head #navigationPrimary > li > a[href*="/avaliador"] { color: var(--rpd-menu-active-text) !important; font-weight: 800 !important; background: var(--rpd-menu-active-bg) !important; border-color: var(--rpd-menu-active-border) !important; box-shadow: var(--rpd-menu-active-shadow) !important; } html body .pkp_structure_head #navigationPrimary > li:is(.current, .active, .selected, .is_current) > a::after, html body .pkp_structure_head #navigationPrimary > li > a:is(.current, .active, .selected, [aria-current="page"], [aria-selected="true"])::after, html body.pkp_page_index.pkp_op_index .pkp_structure_head #navigationPrimary > li:first-child > a::after, html body.page_index_journal .pkp_structure_head #navigationPrimary > li:first-child > a::after, html body.pkp_page_issue.pkp_op_current .pkp_structure_head #navigationPrimary > li > a[href*="/issue/current"]::after, html body.pkp_page_issue.pkp_op_archive .pkp_structure_head #navigationPrimary > li > a[href*="/issue/archive"]::after, html body.pkp_page_about.pkp_op_index .pkp_structure_head #navigationPrimary > li > a[href$="/about"]::after, html body.pkp_page_about.pkp_op_submissions .pkp_structure_head #navigationPrimary > li > a[href*="/about/submissions"]::after, html body.pkp_page_about.pkp_op_editorialTeam .pkp_structure_head #navigationPrimary > li > a[href*="/about/editorial"]::after, html body.pkp_page_about.pkp_op_contact .pkp_structure_head #navigationPrimary > li > a[href*="/about/contact"]::after, html body.pkp_page_announcement .pkp_structure_head #navigationPrimary > li > a[href*="/announcement"]::after, html body.pkp_page_indexadores .pkp_structure_head #navigationPrimary > li > a[href*="/indexadores"]::after, html body.pkp_page_avaliador .pkp_structure_head #navigationPrimary > li > a[href*="/avaliador"]::after { width: calc(100% - 8px) !important; } @supports selector(li:has(a)) { html body.pkp_page_about.pkp_op_submissions .pkp_structure_head #navigationPrimary > li:has(a[href*="/about/submissions"]) > a, html body.pkp_page_about.pkp_op_editorialTeam .pkp_structure_head #navigationPrimary > li:has(a[href*="/about/editorial"]) > a, html body.pkp_page_about.pkp_op_contact .pkp_structure_head #navigationPrimary > li:has(a[href*="/about/contact"]) > a, html body.pkp_page_issue.pkp_op_archive .pkp_structure_head #navigationPrimary > li:has(a[href*="/issue/archive"]) > a { color: var(--rpd-menu-active-text) !important; font-weight: 800 !important; background: var(--rpd-menu-active-bg) !important; border-color: var(--rpd-menu-active-border) !important; box-shadow: var(--rpd-menu-active-shadow) !important; } } /* ========================================================= 5. Cartões principais, páginas e barra lateral ========================================================= */ .page_index_journal .homepage_about, .page_index_journal .current_issue, .page_index_journal .additional_content, .page_issue .issue_toc, .page_article .article-details, .page_submissions .submission_checklist, .page_about .obj_announcement_summary, .page_archives .issues_archive, .page_search .search_results, .page_announcements .obj_announcement_summary, .obj_announcement_full, .page_contact .address, .page_contact .contact_name, .page_contact .contact_email { background: var(--rpd-surface); border: 1px solid var(--rpd-border-soft); border-radius: var(--rpd-radius-lg); box-shadow: var(--rpd-shadow); } .page_index_journal .homepage_about, .page_index_journal .current_issue, .page_index_journal .additional_content, .page_issue .issue_toc, .page_article .article-details, .page_archives .issues_archive, .page_announcements .obj_announcement_summary, .obj_announcement_full, .page_search .search_results, .page_submissions .submission_checklist { padding: 28px 32px; } .page_index_journal .homepage_about::before, .page_index_journal .current_issue::before, .page_issue .issue_toc::before, .pkp_block .title::after { content: ""; display: block; width: 96px; height: 5px; border-radius: 999px; background: linear-gradient(90deg, var(--rpd-green) 0 72%, var(--rpd-red) 72% 100%); } html body .page_index_journal .homepage_about::before, html body .page_index_journal .current_issue::before, html body .page_issue .issue_toc::before { position: static !important; float: none !important; clear: both !important; margin: 0 0 12px !important; transform: none !important; } .page_index_journal .homepage_about .title, .page_index_journal .homepage_about > h2, .page_index_journal .current_issue .current_issue_title, .page_index_journal .current_issue > h2, .page_issue .issue_toc .page_title, .page h2 { margin-top: 0; } .pkp_block { width: 100%; max-width: 100%; min-width: 0; margin-bottom: 22px; padding: 20px 14px; overflow: hidden; background: var(--rpd-surface); border: 1px solid var(--rpd-border-soft); border-radius: var(--rpd-radius-lg); box-shadow: var(--rpd-shadow); } .pkp_block .title { margin: 0 0 16px; padding-bottom: 12px; color: var(--rpd-green-deep); font-size: 1.02rem; font-weight: 700; line-height: 1.3; border-bottom: 1px solid var(--rpd-border-soft); } .pkp_block .title::after { margin-top: 9px; } .pkp_block a { color: var(--rpd-link); font-weight: 600; overflow-wrap: anywhere; } .pkp_block img, .pkp_block svg, .pkp_block iframe, .pkp_block canvas, .pkp_block table { max-width: 100% !important; } .pkp_block table { width: 100% !important; table-layout: fixed; } .pkp_block th, .pkp_block td { overflow-wrap: anywhere; } /* ========================================================= 6. Sumário, artigos e identificadores ========================================================= */ .obj_issue_toc, .obj_issue_toc .sections, .obj_issue_toc .section, .obj_issue_toc .cmp_article_list, .obj_issue_toc .cmp_article_list > li, .current_issue .section, .current_issue .cmp_article_list, .current_issue .cmp_article_list > li { background: transparent !important; box-shadow: none !important; } .obj_issue_toc .sections, .current_issue .sections { margin-top: 10px !important; } .obj_issue_toc .section, .current_issue .section { margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; } .obj_issue_toc .section > h2, .obj_issue_toc .section > h3, .current_issue .section > h2, .current_issue .section > h3 { margin: 10px 0 8px !important; padding: 0 0 8px 14px !important; color: var(--rpd-heading) !important; font-size: 1.42rem !important; font-weight: 500 !important; line-height: 1.25 !important; border-left: 4px solid var(--rpd-green) !important; border-bottom: 1px solid var(--rpd-border-soft) !important; } .obj_issue_toc .cmp_article_list, .current_issue .cmp_article_list { margin: 0 !important; padding: 0 !important; list-style: none !important; } .obj_issue_toc .cmp_article_list > li, .current_issue .cmp_article_list > li { position: relative; margin: 0 !important; padding: 0 !important; list-style: none !important; border: 0 !important; } .obj_issue_toc .cmp_article_list > li:not(:last-child)::after, .current_issue .cmp_article_list > li:not(:last-child)::after { content: ""; display: block; height: 2px; margin: 0 18px; background: linear-gradient( 90deg, transparent 0, var(--rpd-toc-separator-strong) 8%, var(--rpd-toc-separator-strong) 72%, var(--rpd-toc-separator-soft) 94%, transparent 100% ); } .obj_article_summary { position: relative !important; min-height: 92px !important; margin: 0 !important; padding: 12px 138px 10px 18px !important; background: transparent !important; border: 0 !important; border-left: 4px solid transparent !important; border-radius: 18px !important; box-shadow: none !important; transition: background-color .18s ease, box-shadow .18s ease, border-color .18s ease, transform .18s ease !important; } .obj_article_summary:hover, .obj_article_summary:focus-within { background: #f5fbf7 !important; border-left-color: var(--rpd-green) !important; box-shadow: 0 10px 22px rgba(5, 75, 36, .09) !important; transform: translateY(-1px); } .obj_article_summary .title, .obj_article_summary > .title { margin: 0 0 4px !important; padding: 0 !important; color: var(--rpd-heading); font-size: 1.13rem !important; font-weight: 700; line-height: 1.25 !important; } .obj_article_summary .title a { color: var(--rpd-heading); } .obj_article_summary .title a:hover { color: var(--rpd-green-dark); } .obj_article_summary .subtitle, .obj_article_summary .authors, .obj_article_summary .meta, .obj_article_summary .published, .obj_article_summary .pages, .obj_article_summary .article_number, .obj_article_summary .date { color: var(--rpd-text-soft); } .obj_article_summary .authors { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 !important; margin: 0 !important; font-size: .99rem !important; } .obj_article_summary .description, .obj_article_summary .summary { margin: 6px 0 0 !important; color: var(--rpd-text); line-height: 1.4 !important; } .obj_article_summary .rpd_article_actions { position: absolute !important; top: 14px !important; right: 18px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 116px !important; min-width: 116px !important; max-width: 116px !important; margin: 0 !important; padding: 0 !important; gap: 8px !important; text-align: center !important; z-index: 2 !important; } .obj_article_summary .rpd_article_actions .galleys_links, .obj_article_summary .rpd_article_actions .buttons { position: static !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .obj_article_summary .rpd_article_actions .galleys_links li, .obj_article_summary .rpd_article_actions .buttons li { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .obj_article_summary .rpd_article_actions :is(.pages, .article_number, .rpd_article_elocation), .obj_article_summary .rpd_article_elocation { position: static !important; display: block !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; color: #546960 !important; font-size: .96rem !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; border: 0 !important; } .obj_issue_toc .obj_article_summary .meta > :is(.pages, .article_number), .current_issue .obj_article_summary .meta > :is(.pages, .article_number), .cmp_article_list .obj_article_summary .meta > :is(.pages, .article_number) { position: absolute !important; top: 58px !important; right: 18px !important; display: block !important; width: 116px !important; max-width: 116px !important; margin: 0 !important; padding: 0 !important; color: #546960 !important; text-align: center !important; white-space: nowrap !important; } .obj_galley_link, .obj_article_summary .galleys_links a, .obj_article_summary .buttons a, .obj_issue_toc .galleys_links a, .current_issue .galleys_links a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 34px !important; padding: 7px 14px !important; color: #ffffff !important; font-weight: 700; white-space: nowrap; background: var(--rpd-green) !important; border: 1px solid var(--rpd-green) !important; border-radius: 999px; box-shadow: none; } .obj_galley_link:hover, .obj_article_summary .galleys_links a:hover, .obj_article_summary .buttons a:hover, .obj_issue_toc .galleys_links a:hover, .current_issue .galleys_links a:hover { color: #ffffff !important; background: var(--rpd-green-dark) !important; border-color: var(--rpd-green-dark) !important; } .rpd_author { display: inline-flex !important; flex-wrap: wrap; align-items: center !important; gap: 3px !important; margin-right: 0 !important; } .rpd_author_name { color: var(--rpd-text-soft); } .rpd_author_links { display: inline-flex !important; align-items: center !important; gap: 0 !important; margin-right: 0 !important; margin-left: 1px !important; } .rpd_author_separator { display: inline !important; margin-right: .42em !important; margin-left: 0 !important; padding-right: 0 !important; color: var(--rpd-text-soft) !important; white-space: pre !important; } .rpd_icon_link { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; overflow: hidden; vertical-align: middle; border-radius: 50%; box-shadow: 0 0 0 1px rgba(5, 75, 36, .10); } .rpd_icon_link:hover, .rpd_icon_link:focus { transform: translateY(-1px); box-shadow: 0 0 0 1px rgba(5, 75, 36, .18), 0 4px 10px rgba(5, 75, 36, .12); } .rpd_meta_icon { display: block; width: 100%; height: 100%; } .rpd_article_identifiers { display: flex; flex-wrap: wrap; gap: 5px 7px; margin: 6px 0 0 !important; font-size: .84rem; line-height: 1.28; } .rpd_article_identifiers .rpd_id_item { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 3px 7px; color: var(--rpd-green-deep); background: #f3faf5; border: 1px solid #cfe4d7; border-radius: 999px; } .rpd_article_identifiers .rpd_id_label { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; padding: 1px 5px; color: #ffffff; font-size: .70rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; background: var(--rpd-green); border-radius: 999px; } .rpd_article_identifiers a, .rpd_doi_link { color: var(--rpd-green-deep) !important; font-weight: 600; overflow-wrap: anywhere; } .rpd_article_identifiers a:hover, .rpd_doi_link:hover { color: var(--rpd-green-dark) !important; text-decoration: underline; } .rpd_doi_link { display: inline-flex; align-items: center; gap: 8px; font-size: .96rem; line-height: 1.35; } .rpd_doi_text { overflow-wrap: anywhere; word-break: break-word; } /* Bandeiras no bloco Idioma */ /* 3) Bandeiras reais no bloco Idioma, usando as imagens enviadas embutidas no CSS */ html body .pkp_block.block_language a, html body .pkp_block[id*="language"] a, html body .pkp_block[id*="idioma"] a, html body .pkp_block .content a[href*="locale"], html body .pkp_block .content a[href*="setLocale"] { display: inline-flex !important; align-items: center !important; gap: 10px !important; } html body .pkp_block.block_language a::before, html body .pkp_block[id*="language"] a::before, html body .pkp_block[id*="idioma"] a::before, html body .pkp_block .content a[href*="locale"]::before, html body .pkp_block .content a[href*="setLocale"]::before { content: "" !important; display: inline-block !important; width: 30px !important; height: 20px !important; min-width: 30px !important; border-radius: 4px !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; box-shadow: 0 0 0 1px rgba(8, 63, 38, .16), 0 2px 5px rgba(8, 63, 38, .08) !important; overflow: hidden !important; font-size: 0 !important; line-height: 0 !important; } html body .pkp_block.block_language a[href*="pt_BR"]::before, html body .pkp_block[id*="language"] a[href*="pt_BR"]::before, html body .pkp_block[id*="idioma"] a[href*="pt_BR"]::before, html body .pkp_block.block_language a[href*="pt-br"]::before, html body .pkp_block[id*="language"] a[href*="pt-br"]::before, html body .pkp_block[id*="idioma"] a[href*="pt-br"]::before, html body .pkp_block.block_language li:nth-child(1) > a::before, html body .pkp_block[id*="language"] li:nth-child(1) > a::before, html body .pkp_block[id*="idioma"] li:nth-child(1) > a::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAENklEQVR42qWWTWxUVRTHf+fd995Mv2ZaaIeWYjrAVCQURC0iCxSMQuLHxo0SNEZWugKJ0cTEpBpDXChBg8QNRBGNuiDGgCSQmBgWGGlQQksZS21FWuwH/WKm05n3cVy01AaxmcpZvZu8c//3f+//f84R9m9S5hkCCFNpOvM1v7Dnm2BECUKDqkyfQjFWQHBzXWRYxf+oWKIEnkPCeBxOtXM41U7CeASegyWKNQ/uRTG2RfEDA6HF9ppr7G1Mk6jwAdhaPcTuzhV8MVgHVohtAvwi2M/J2BJFAN9zSUVyHFt9jiPN7UQzLmdbk5xtTRLNuBxpbufY6nOkIjl8z0Wmc+fWyW3EJdNv6Qc2IsrO2j95N/U7ZZ5Fy6GnOHmmibEbJagqsfIcWze08faO42TcgLe6lvPhX3ehKtjGJ9Dbi+9fwEZ0Sii+Q3NshL3JTjYuHGNk0Gb7mztobV9GZTxLJAJuxBCqYXislHWrujj8ziFKyyc5fT3O7p5GWserwPb+2XM2Dk8kW2azDHyHUiugpaGLQ42XWBqZRF3h6zPPc3H8Ue5fH5KorcS2bEaHJ8lnClTGcnT1LWEyb3j4oTQNJs9Li64RNT4/jVdSCByMCaZRbmWsAr7N4wsH2bu0k6byLOoLocBkPs7B9EGujysFr0DtgioWVccZmBxlrC/Pj0cv090xRqJOOfHRPipiE1gBiKO0ZcrY3d3Iqes1YPsw/fa2TIMmHI99jRd5rqYfFHxPEAVTpqQ7YnzSkka97JSxRHEihsUNce7bvJhnXm+it2OUbw9009lTxboHswQZQT2hqSTLyVW/8tXgInb1NDLgOSBahJ0URACjxOLRmesKA2Wg7wZHD1wgVhnlsReX8coHG6hyPwMPRASdw9eWAipKv+ewrWMNW9rX0pYrw3YUSyDwhIbaIeprA1w3goZKbsIjEnUoL49QURWh4Ht893Enbd9fYnlylCAvWKLYjtKWK2NL+1q2dayh33NQmTrOjI9FFOMWODVSzfrzzey50oBvgQmVqroJHrm3lT+uGirjBtc1FAo+nh8gArEKi7KaeurNCQK/H2MrnsCeKw2sP9/MqZFqjFtAZnl7RtU3C74xAQWEH4YTnBitYmVJloZongdW9vBzW5K2zgQR10ODgDAMiZZEyRaquXvxBd7b+Q3RaMDpkTjPppv4vH8JnhViTPDfdpoNLoBtAq7mS/l0sI7RvM3mxBAvbPqFkQmXnr4FTORL8H2DbTI8vfEM+1/9kkI04I3fUrzcfQ+9hSi27aEIIVJc5ZpdMlUF9R1SJRn2pdI8uWSY8d4y0r3VAKyoHyJWn+X41QXsuryCy7lyxPYQUcI5arYU04/nahIDN+z/1SSk2EHAQkEg9BwSbp73k50AvNbTyEAhguV4oNz2Wu8I+NZBgDscBOY9gQQqiIQz1lBk3qAAfwPkbOgCdQKZJAAAAABJRU5ErkJggg==") !important; } html body .pkp_block.block_language a[href*="en_US"]::before, html body .pkp_block[id*="language"] a[href*="en_US"]::before, html body .pkp_block[id*="idioma"] a[href*="en_US"]::before, html body .pkp_block.block_language a[href*="en-us"]::before, html body .pkp_block[id*="language"] a[href*="en-us"]::before, html body .pkp_block[id*="idioma"] a[href*="en-us"]::before, html body .pkp_block.block_language li:nth-child(2) > a::before, html body .pkp_block[id*="language"] li:nth-child(2) > a::before, html body .pkp_block[id*="idioma"] li:nth-child(2) > a::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAACkUlEQVR42uWSzUvTARjHP7/5U6d7cc7p0DVmOWXkItt0y1dKUouswCxMKiwPQYegQwTluXPXoEBCCDqEhKXLlxAUNTVFSlLL0sz2Yjpzs5XOX4fwL9hgh76357l8nu+HR1DlN0uBzRCOAjMjfZNYnRbcvnVWfH4OOy0M902SV5BDcGuHmwOdFLPJBgIyIotozExjOxxG3NlhvzWbhAQRfXoKGnUy8dthLPkmVKpkQr51DFcbMGamEJIgTogQHBcnQ6mQMzu3hN2Wy/j0AmmpSjJ0ambeL3DQZmZu0ceKe5Wcx7cxmrOIRsTAZojvPj9lJfn0do9TVJrPssfPu5kljlUcoLv7LYcK80hSyBm01yOIYQLRUK1RJ2My6HjZ+YazdeW0d49jMugotuXS8XyIM3VlDIzO4HGvkVlVgkYdjxyBOCJzLa76g3xa8HKuvoInbb0cP13M/KKX10PTNDRW0tbWS2W1HV2qCsO9G5jzoqNasNXelbQaJT1dozQ11dDWPojZpMecrafj2QAXm6px9U/h8/h5KP+JTfpNEBmySJ/rx1qA2c9uLl2uovVRJ7V1ZXz84qGrf4qm5hO0trqoqinCa9ARXlkgWZsEEsiEyMhC4akWSZOioL93gsbGSp6+GGGvMZ19xgxcHcOcv3CUvqFpvF99jI09oCBLEx3V+sLr0kbwF+X2PHpcYzjKrCx7/Xxzr1JdaqXLNYrdYcGzFuCWb54jKQkEo9BYtJqz+LO1jUopx+G0oNeqUCYlsidDg0KRiNNhIV2nRqdVk7GzgrQVQogQCiBIkiQRgwgTJ6/9AwsCSBIIwO4pu7vdMYpgcfPDPDFpHDPV01fuxAbcr3VK/5Vqcb7lfmye6xWmmDT+C0Kt8FINkUOJAAAAAElFTkSuQmCC") !important; } html body .pkp_block.block_language a[href*="es_ES"]::before, html body .pkp_block[id*="language"] a[href*="es_ES"]::before, html body .pkp_block[id*="idioma"] a[href*="es_ES"]::before, html body .pkp_block.block_language a[href*="es-es"]::before, html body .pkp_block[id*="language"] a[href*="es-es"]::before, html body .pkp_block[id*="idioma"] a[href*="es-es"]::before, html body .pkp_block.block_language li:nth-child(3) > a::before, html body .pkp_block[id*="language"] li:nth-child(3) > a::before, html body .pkp_block[id*="idioma"] li:nth-child(3) > a::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAD/klEQVR42l2WS48bVRCFv6ruth17PI+YvGBmFIlIESSQFQIhsWLFlgW/iH/BL2CFBBsW7IAVQjAShAURKAoiiSbJTJKxM2O772FxH91DS5b79u1bdepU1am2e7tvygCTIRPCcPJlICEAMwwRFyCL+058JMCksmdK59PaiS8FEyaoTRb3LTrHjWzf8iGBFJ3Hh+lIAmFG77Js7hyI7MYjYmozMDOECjKZykFDYJkDFUCGEVy4rBhVQSCUqUhAIpsJpEGtpREybIGiKzAIMlzQGnhJggq1MqNVIaEYlqwDohxEoj3d1f7GqjgFxehDtFZ7wBOfITgBz7A6C6k+oqdeVOqiLzWRjrrAXv4xlFl0mGoJBaOqA/N2wsPDC4yG4tL2CSM/o107ZuqS2K/D0AMDJbk691pEXPsoG4n/bmI4aTn4+QaHv814cTRnOKj5e2fMzY/usf/6IxaLIe4BhVg5Zh2VhI7AmM5AMIMEKtaMqJXhtOCNmD8f8Oh+w6Cd8+T3mnZjzXyxZOvRMWfvBO6/2Oby3itYWzIUU1OIzQViiuylusiVLQzM8PSPVUbl4tViyIPHl7lYnzCavWLwYsr01sdc+eQmzXjCg39muIcSYHRUpZ5LNeyJBacwoiqlw2PUbiUpRhtaptNN9mYf8vDHITuXTnl7b8qtHy7gX+2xPLnD9f33UAiICmSEMGTVbkHwrk5C199mSi2VUply4ErtEYKwxji5W/PsmzXhqOLZ3pAvnw/4ZThge2fG0feBp981LI4mrBmzake0oUFhybIds2o3CKqSLoCk6NJCpFypiQV1oTqj84bB3gVG1xZc+3aTz+dvMd895fZrB4wvHuFH12iGC2prUB2SjHonIql4UqCoS26JGqCmr6lLGF1dsnmjJfy5Yme85ouNr3m5WPPk7hn7n+1Qv9tSaY1Rlb5EISsthrDgyaHnIsBcKICFmHuXp/3KqNw43Jpx8OwS2p7CNvx6+X2ez+9wdTHgSbPLwXqTMB1jVQu18EbYINaX1fGnSnFdCauBOqpGvBdyUeull/DXVExOn7Lf/MTsygn6dMnNk3/Z+mDB7uZjjidjmuNAOHbaukIyQmyQ1CaU1oE47bJ4dTqeJOSv29eL2gaMxs9ofMXpegPzwNBOCe6swwhvl9TVkmU7IfyvP3vjoJPNopg9fU1XrcMGAwJCJpZMWMoxCwTESiNMYBaAhjMmqUVSE5vRk2EsO5b1lPq83ziPB8JkvZkqjDXK/U9bCkhZcYpK5Qq2Mrs7Gc9sdJRbxgrUIZe5KAZIfWjqD3M/R1bJq3psqjf4M/nK646XGJS6+Rp9WvqkMTx9JBTS1M1dpAIsH45i0euylL74rLyEAf8Bbm0IdP9oey4AAAAASUVORK5CYII=") !important; } /* ========================================================= 7. Arquivos e indexadores ========================================================= */ .page_issue_archive .issues_archive, .page_archives .issues_archive, .page_issue .issues_archive { background: transparent !important; } .obj_issue_summary { position: relative !important; margin: 0 0 12px !important; padding: 18px 18px 18px 22px !important; border-left: 4px solid transparent !important; border-radius: 18px !important; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } .obj_issue_summary:hover, .obj_issue_summary:focus-within { background: #f5fbf7 !important; border-left-color: var(--rpd-green) !important; box-shadow: 0 10px 22px rgba(5, 75, 36, .09) !important; transform: translateY(-1px) !important; } .obj_issue_summary :is(.title, h2, h3), .obj_issue_summary :is(.title, h2, h3) a { color: var(--rpd-heading) !important; font-weight: 750 !important; } .obj_issue_summary:hover :is(.title, h2, h3) a, .obj_issue_summary:focus-within :is(.title, h2, h3) a { color: var(--rpd-green-dark) !important; } .obj_issue_summary :is(.description, .series, .published, .date) { color: var(--rpd-text-soft) !important; } /* 2) Página de indexadores: retirar linhas da tabela que organiza os banners. */ .page table:has(img), .page table:has(img) tbody, .page table:has(img) thead, .page table:has(img) tr, .page table:has(img) td, .page table:has(img) th, .page_indexadores table, .page_indexadores table tbody, .page_indexadores table tr, .page_indexadores table td, .page_indexadores table th, .page_static table:has(img), .page_static table:has(img) tbody, .page_static table:has(img) tr, .page_static table:has(img) td, .page_static table:has(img) th { border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; } .page table:has(img), .page_indexadores table, .page_static table:has(img) { border-collapse: separate !important; border-spacing: 14px 16px !important; width: 100% !important; } .page table:has(img) td, .page table:has(img) th, .page_indexadores table td, .page_indexadores table th, .page_static table:has(img) td, .page_static table:has(img) th { padding: 0 !important; vertical-align: middle !important; text-align: center !important; } /* 3) Contorno e destaque nos banners/logotipos dos indexadores. */ .page table:has(img) a:has(img), .page_indexadores table a:has(img), .page_static table:has(img) a:has(img), .page_indexadores a:has(img[src]), .page.page_indexadores a:has(img), .page_static a:has(img) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 82px !important; min-width: 150px !important; max-width: 230px !important; padding: 14px 16px !important; border: 1px solid var(--rpd-border, #cfe1d6) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 6px 18px rgba(5, 75, 36, 0.06) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important; } .page table:has(img) a:has(img):hover, .page table:has(img) a:has(img):focus, .page_indexadores table a:has(img):hover, .page_indexadores table a:has(img):focus, .page_static table:has(img) a:has(img):hover, .page_static table:has(img) a:has(img):focus, .page_indexadores a:has(img[src]):hover, .page_indexadores a:has(img[src]):focus, .page.page_indexadores a:has(img):hover, .page.page_indexadores a:has(img):focus, .page_static a:has(img):hover, .page_static a:has(img):focus { border-color: var(--rpd-green, #0c7b3c) !important; background: #f4fbf7 !important; box-shadow: 0 14px 28px rgba(5, 75, 36, 0.14) !important; transform: translateY(-2px) !important; } .page table:has(img) a:has(img) img, .page_indexadores table a:has(img) img, .page_static table:has(img) a:has(img) img, .page_indexadores a:has(img[src]) img, .page.page_indexadores a:has(img) img, .page_static a:has(img) img { display: block !important; max-width: 100% !important; max-height: 58px !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transition: transform .18s ease !important; } .page table:has(img) a:has(img):hover img, .page table:has(img) a:has(img):focus img, .page_indexadores table a:has(img):hover img, .page_indexadores table a:has(img):focus img, .page_static table:has(img) a:has(img):hover img, .page_static table:has(img) a:has(img):focus img, .page_indexadores a:has(img[src]):hover img, .page_indexadores a:has(img[src]):focus img, .page.page_indexadores a:has(img):hover img, .page.page_indexadores a:has(img):focus img, .page_static a:has(img):hover img, .page_static a:has(img):focus img { transform: scale(1.03) !important; } /* Imagens sem link, caso exista algum banner solto dentro da tabela. */ .page table:has(img) td > img, .page_indexadores table td > img, .page_static table:has(img) td > img { display: inline-block !important; max-height: 58px !important; width: auto !important; padding: 14px 16px !important; border: 1px solid var(--rpd-border, #cfe1d6) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 6px 18px rgba(5, 75, 36, 0.06) !important; } @media (max-width: 760px) { .page table:has(img), .page_indexadores table, .page_static table:has(img) { border-spacing: 8px 10px !important; } .page table:has(img) a:has(img), .page_indexadores table a:has(img), .page_static table:has(img) a:has(img) { min-width: 120px !important; max-width: 100% !important; min-height: 68px !important; padding: 10px 12px !important; } .page table:has(img) a:has(img) img, .page_indexadores table a:has(img) img, .page_static table:has(img) a:has(img) img { max-height: 46px !important; } } /* ========================================================= 8. Botões, formulários e rodapé ========================================================= */ .cmp_button, .cmp_form .buttons button, .cmp_notification .close, .pkp_search button, button, input[type="submit"], input[type="button"] { color: #ffffff !important; font-weight: 700; background: linear-gradient(180deg, #19804d 0%, #14683f 100%); border: 1px solid #14683f; border-radius: 12px; box-shadow: none; } .cmp_button:hover, .cmp_form .buttons button:hover, .pkp_search button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: linear-gradient(180deg, #146d42 0%, #0f5b37 100%); border-color: #0f5b37; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], select, textarea { max-width: 100%; color: var(--rpd-text); background: #ffffff; border: 1px solid var(--rpd-border); border-radius: 12px; box-shadow: none; } textarea, input[type="text"], input[type="email"], input[type="password"], input[type="search"] { width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus { outline: 0; border-color: #8bb9a0; box-shadow: 0 0 0 4px rgba(23, 114, 69, .12); } .pkp_structure_footer_wrapper { margin-top: 44px; color: var(--rpd-text-soft); background: linear-gradient(180deg, #f6faf7 0%, #edf4ef 100%); border-top: 1px solid var(--rpd-border); } .pkp_brand_footer, .pkp_footer_content, .pkp_structure_footer, .pkp_structure_footer_wrapper a { color: var(--rpd-text-soft); } .pkp_structure_footer_wrapper a:hover { color: var(--rpd-green-dark); } .pkp_structure_footer { padding-top: 30px; padding-bottom: 34px; } /* ========================================================= 9. Página individual do artigo ========================================================= */ html body.page_article .pkp_structure_main, html body .page_article .pkp_structure_main { overflow: visible !important; } html body .page_article .obj_article_details, html body article.obj_article_details { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html body .page_article .obj_article_details > .row, html body article.obj_article_details > .row, html body .page_article .obj_article_details .row { display: grid !important; grid-template-columns: minmax(0, 1fr) var(--rpd-sidebar-width) !important; gap: var(--rpd-column-gap) !important; align-items: start !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; clear: both !important; } html body .page_article .obj_article_details > .row::before, html body .page_article .obj_article_details > .row::after, html body article.obj_article_details > .row::before, html body article.obj_article_details > .row::after, html body .page_article .obj_article_details .row::before, html body .page_article .obj_article_details .row::after { display: none !important; content: none !important; } html body .page_article .obj_article_details .main_entry, html body article.obj_article_details .main_entry { grid-column: 1 !important; float: none !important; clear: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 20px 0 0 !important; border-right: 1px solid var(--rpd-border-soft) !important; box-sizing: border-box !important; } /* --------------------------------------------------------- Autores do artigo: nome + Lattes/URL + ORCID --------------------------------------------------------- */ html body .page_article .obj_article_details .main_entry > .item.authors, html body article.obj_article_details .main_entry > .item.authors { margin: 0 0 20px !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors ul.authors, html body article.obj_article_details .main_entry > .item.authors ul.authors { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } html body .page_article .obj_article_details .main_entry > .item.authors ul.authors > li, html body article.obj_article_details .main_entry > .item.authors ul.authors > li { display: flex !important; flex-wrap: wrap !important; align-items: center !important; column-gap: 0 !important; row-gap: 0 !important; margin: 0 0 9px !important; padding: 0 !important; color: var(--rpd-text) !important; } html body .page_article .obj_article_details .main_entry > .item.authors ul.authors > li:last-child, html body article.obj_article_details .main_entry > .item.authors ul.authors > li:last-child { margin-bottom: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors .name, html body article.obj_article_details .main_entry > .item.authors .name { order: 0 !important; display: inline !important; margin: 0 3px 0 0 !important; color: var(--rpd-heading) !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.35 !important; } /* A afiliação permanece abaixo da linha formada pelo nome e pelos ícones. */ html body .page_article .obj_article_details .main_entry > .item.authors .affiliation, html body article.obj_article_details .main_entry > .item.authors .affiliation { order: 10 !important; display: block !important; flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; color: #7a6d67 !important; font-size: .92rem !important; font-weight: 400 !important; line-height: 1.25 !important; } /* Recipientes comuns usados pelo OJS/temas para URL pessoal ou Lattes. */ html body .page_article .obj_article_details .main_entry > .item.authors .url, html body .page_article .obj_article_details .main_entry > .item.authors .homepage, html body .page_article .obj_article_details .main_entry > .item.authors .author_url, html body .page_article .obj_article_details .main_entry > .item.authors .author-url, html body .page_article .obj_article_details .main_entry > .item.authors .authorUrl, html body .page_article .obj_article_details .main_entry > .item.authors .profile-url, html body article.obj_article_details .main_entry > .item.authors .author-url, html body article.obj_article_details .main_entry > .item.authors .authorUrl, html body article.obj_article_details .main_entry > .item.authors .profile-url, html body article.obj_article_details .main_entry > .item.authors .url, html body article.obj_article_details .main_entry > .item.authors .homepage, html body article.obj_article_details .main_entry > .item.authors .author_url { order: 1 !important; display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } /* Link do Lattes/URL: converte o texto em ícone circular, mantendo o link ativo. */ html body .page_article .obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"], html body .page_article .obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"], html body .page_article .obj_article_details .main_entry > .item.authors a[href*="cnpq.br/web/dgp"], html body .page_article .obj_article_details .main_entry > .item.authors a[href*="curriculolattes"], html body .page_article .obj_article_details .main_entry > .item.authors .url > a:not([href*="orcid.org"]), html body .page_article .obj_article_details .main_entry > .item.authors .homepage > a:not([href*="orcid.org"]), html body .page_article .obj_article_details .main_entry > .item.authors .author_url > a:not([href*="orcid.org"]), html body article.obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"], html body article.obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"], html body article.obj_article_details .main_entry > .item.authors a[href*="cnpq.br/web/dgp"], html body article.obj_article_details .main_entry > .item.authors a[href*="curriculolattes"], html body article.obj_article_details .main_entry > .item.authors .url > a:not([href*="orcid.org"]), html body article.obj_article_details .main_entry > .item.authors .homepage > a:not([href*="orcid.org"]), html body article.obj_article_details .main_entry > .item.authors .author_url > a:not([href*="orcid.org"]) { order: 1 !important; display: inline-block !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; white-space: nowrap !important; vertical-align: middle !important; background-color: transparent !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAFmElEQVR4nJWWa2wc1RXHf3dmd/bp3dixHTeOTcDEDhU4aR6mpDRfQDZCTpTKCaJUQgGkYqKGQlu1H0oRUqs2aaVKTVuKUh5VpSoUNW1EBWoSqAqGBJOEECdkHa+Die04JruOveuZndnZmbn9sIrDZoc+rjQf5sw5/9+cc19HGCVT8jnDcV2soolp27iei3TBdT0EIAFVVRAqqIpKRNMIhyIEVNVXK+BnlFKimzqGZeEUPdKpKQaPjDD04RiZzBx2sURQC7C4PsmqVTdy+50rab9lKcGwSSwcJh6JI4So0BTXZ2Q7JfLGPKWSyxuvD/GXfW+TzeRwHBchBFJec7/6rqoqixsS9N13J92bVqNpARKxGrRA0B9ULNnMzucoGiW+s+N5Lk5mK4T/2xBCsLg+yZ69/cSSGrU1SUJBDQDlqlPJdZjT8+SzBR576Hf/NwTKJZ/J5ujf/ltmp3Xm9Dwl16kE5fV5jJzN4/2/Zyab84V4nsR1XVzXxfNk1Txchc3ndXb27yV/xSKvz5ezNUqm1E0D3Siw+5n9HHnnI9/g5uZ6enrW0dLSiOu6TExkOHo0RTo9iZTgw2RdVwc/+un9xGMRAlJKDMsknZrm2OC5KmdFUejtvZ3vfm8btbVxXNcjlzMoFIps3baRc8MTPPvsq4yNTVfFnjwxyvCZSVZ2NhMoFC2kJ/nj82/iOG6Vc+sNDTz+7a9RV1eDlJBOX2TPr/5GJpMjnzcwdAuraFenA7iuy4vPHeaZX36dgF2yMXWbc8MTVfMipaS7ex2NjYuuWjjy7kesWNHMjh2bMa0if93/DqdPj6FpAdLpqaoSnh+dYnYmj2I7Jc6cGqfo81eO49LZeVOFzS45bNr8ZW7rvJGurpU88WQfN7V9gZ//4ps0NdX6aDic+vATFCklxwdHfVMHQUBVKiwNDUlSqQlc10NKSWPjIpYsqcU0bX741ANoWuB6CY4PjpSPoOGz41W7HkBRBNlsriKqtbWRX+85gPQ8Ole1cenSFcYvXKamJkJjQ5KOjhZOnx5biJBIRtNTZZBZsH33jaoqfHBylE2b71iwLVvWgFAEu3b9mVgsjJSSvq1fZenSxViWTVNTLUNDH1fssaJll0EtrQ18+ukV3+K9/dYQe/e+hqYFqa9P0traSEf7Mi58cpm2m5eyfXs369d3EAioGIaJaVbOtRCC+vpEGbR6bRvHj1XvIQDbdrj7rjUsX76ETDbPfL7AA9+4i507t1CTiC6ISQmXpq6QSo1XnhhSsnptG0pAVVmzvg0hFF+QaRZ5482TKKpCU1MdK9qXsXx5E4lkDCHEgqjjuLz00kFmZvKVAlJhbdfNKKFgkOYb6kguivmeXaWSy7H3h8lm8wjBwvPZ4Tguu362j0OHTlTFR6IaK9qbUUJaGBTJlr4NviCAkZFJUmcvVC0Y13UZHZ3i6af/wP79A1XfhRBs6dtAOBIioAWChIIa9/Su4bVXB8lcnqsCzc7qDAyc4Y4NXyQYDGDbDufPTzEwcIbDh06QTk/iedWrtrauht4tXcTD0fJiiEWiFBM2j/Tfw+4fv8z1K10IwcGDx9m48TbGxqY5+l6KsY8vkcnksEsOfnUQQvDwoz3Ea0PEItFrN6xuGuhmgRd/80/+fuAInudVBTuOg6qqn1viz0Lu7lnHt75/L/FIhHgkVnmV5w2dgmVxYN97vPynf2Gaxf8o6DdCoSBb79/IfQ9+hWg4QiIWL8Ovb07yxjyFosXZkxfZ/ZNXmJud/58hiWScHzy1jVvXthANhUnEaq5l6dfX6VYBvWAgHTj8+ileeO4fWFbRpwsCz4NQSOORR3vo7v0SShDi0RjxcLRC0xcE5eaxYBUoFC0EgrmswfmRacYvXMYs2ESjIZpbG2hrb6KuPo4UHtFQmGg46ttE/ht5U6RRJbcOxAAAAABJRU5ErkJggg==") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px 20px !important; border: 0 !important; border-radius: 50% !important; transition: transform .18s ease, box-shadow .18s ease !important; box-shadow: 0 0 0 1px rgba(5, 75, 36, .10) !important; } /* ORCID: oculta o endereço escrito e preserva o próprio link no ícone. */ html body .page_article .obj_article_details .main_entry > .item.authors .orcid, html body article.obj_article_details .main_entry > .item.authors .orcid { order: 2 !important; display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors .orcid > img, html body .page_article .obj_article_details .main_entry > .item.authors .orcid > svg, html body article.obj_article_details .main_entry > .item.authors .orcid > img, html body article.obj_article_details .main_entry > .item.authors .orcid > svg { display: none !important; } html body .page_article .obj_article_details .main_entry > .item.authors .orcid a, html body .page_article .obj_article_details .main_entry > .item.authors a[href*="orcid.org"], html body article.obj_article_details .main_entry > .item.authors .orcid a, html body article.obj_article_details .main_entry > .item.authors a[href*="orcid.org"] { order: 2 !important; display: inline-block !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; white-space: nowrap !important; vertical-align: middle !important; background-color: transparent !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAFc0lEQVR4nJ2WXWwcVxXHf+fOx+7M7jqOvflOTGg+TIqShiagKEitUhWVB4JAIXxJSCDKExIPPBQkKtUPzUOLVJAAic8+oL4UxENBRCWopVJDwUoUEac0TpzKbhPbid3Y693Z2fm8tw+zsevEtRFXGo12d+b8zjn//7l7pZ12DKusLM+J4g6dJCHXOUoUlqVQSmG0Jss12mgsZeG5LuWSh21Zy2JUHE/sDwMYYwg6Ae0oouQ4KCugmV6lEY8RJ020MdjKpeJuoV7dh1faSZKkBFGHSrlM1asiIovxVgQlWUqz3UIQxJri7Du/4PrCBcJ4hkS3yXWCMRqMwrWrVNw6G7w9HNx+kp39nyfoxMTpPD2VGq7tACB3ty5OE+ZbC/gli/PXn+HsxO/QRIjJQVZK685SaC3sqh/h+P6fYenthHHE+to6+vx1Io2oZRyrKCzNM+aaDcpOxplr3+O/0y+DaDAGRK/OofsYig2VQR7b9zSbKg/RjiPu27hDVDNoLT7YDFo4VspLl7/JW9OnEclxxWNP/Ri+VWdV1wAigGhm26OcvvxDZsPX8dxyUW+a5gSdNkGnTa5z/jnxNOPvnQXJwcCD27/KyYO/5fDAN8CsVdMdomEuHONPF79LYsYL0OibNwg6IUEnpJ1f4a1bL7GUumFi7l9cb5xnsnFxsXVmheseAY3QTm5xdvw5AOznf/l3hp77GkrBuZs/JczmUIvvGILoJsMTv2a2fQVthB3rDlNx6924BgxEeYu5YJx2PIuRDMQUFzBx+40C9Pa1KeZvN6lvgon33uhClnKsVz/GF/f/nL9efoKRqb/w8H3fZ6DvCKlpIeSIuJhcsdCZZOTGH/j35PNgskIvDK1oqgBlWcbF/0zwiYcahMkCopYkNyJYlkvV3YytyggGz+0ljGb5/fAJwnwepUpsqX2cRwZ/wPEDP8H3N/Pq1VOFxkBuirtC4PzwVd6+fRqRtXzVTUBBLCGJaRPl84w3XueFc1/n0vQfOTLwLXb2fRrTNc4dFZTBcG1silut0cW+rk4BQQO6q0Vxj3XAy5eHcG2P3f0Po6S733VjKoA4Ssh1xhqjvwbfMNe5QSueoVbegqXcZb8rEaFe78F3e//3OVlhCQZbHDynRqZDTFebRRDGcPDQLnasPwprzv7y0Ms/Wjyw7Us4UmNq4RKZTu4GKQ59ajfbeo7d+/KHxDcGcg1aFxupRYUDm0/wmcEneXdhmKuzZ5YiGQWA7fkue/Zuo+Qaat4mmtE00q3MAMoU/S/mQhCg1/sIXz74K3KdocRmY20Xfd5ubiyc48UL36ad3Vo0gW25QIT9hRNHKXslwPDJge/w2tgptMmK5A2EaYOJ+ddoxTOAYap1AZTgOeuK7cdoJhdGeHXsx7w5/WcywsVEQej39wIjyMXRMdO/sQZAms/z4qXjzAXXul0UMApLLDQ5hhwLt7tNdxU1hlynXavLByBgcHls8Ec8uvcpUdX1JSqeT8Xz0brCo3tOocXpOtCA5OQkGLqTTkJuYnITo02MJkFU0VpZZiabwf5HOLD18cIMVc/HtR1c26Hq+fSVjvLZvUOIlP5vu4vYbO85xMkHXyAIdfHd3X/lzXZAnMRMd/7GP64M0YgnWbL9avYvknJUlfs3f45ju4eI4wplt8SW3g1yD6iAtQjjiEwmGX73WUZnzpBlMaAxaOSDhRrpauOwtWcfh3Y8zkf7jhPFgl8q01OpUXG8lUEAQRQShG1Kjk3KTUamfsPYzCvcDt8hy1Mw4Lg2nt3HwPrD7N/2FbZWj5FlFnGaUvUrVMs+wOogKA6PYRQSxhGWsig7NlpCsixEEJSycexedC5EaXHA9Etl/LK/7BBZcTx5H0f6iCIQFCLLAAAAAElFTkSuQmCC") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px 20px !important; border: 0 !important; border-radius: 50% !important; transition: transform .18s ease, box-shadow .18s ease !important; box-shadow: 0 0 0 1px rgba(5, 75, 36, .10) !important; } html body .page_article .obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"]:hover, html body .page_article .obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"]:focus, html body .page_article .obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"]:hover, html body .page_article .obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"]:focus, html body .page_article .obj_article_details .main_entry > .item.authors a[href*="orcid.org"]:hover, html body .page_article .obj_article_details .main_entry > .item.authors a[href*="orcid.org"]:focus, html body article.obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"]:hover, html body article.obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"]:focus, html body article.obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"]:hover, html body article.obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"]:focus, html body article.obj_article_details .main_entry > .item.authors a[href*="orcid.org"]:hover, html body article.obj_article_details .main_entry > .item.authors a[href*="orcid.org"]:focus { transform: translateY(-1px) !important; box-shadow: 0 0 0 1px rgba(5, 75, 36, .18), 0 4px 10px rgba(5, 75, 36, .12) !important; } /* Espaçamento idêntico ao sumário: 3 px entre o nome e o grupo de ícones; 0 px entre Lattes e ORCID. */ html body .page_article .obj_article_details .main_entry > .item.authors .url, html body .page_article .obj_article_details .main_entry > .item.authors .homepage, html body .page_article .obj_article_details .main_entry > .item.authors .author_url, html body .page_article .obj_article_details .main_entry > .item.authors .orcid, html body article.obj_article_details .main_entry > .item.authors .url, html body article.obj_article_details .main_entry > .item.authors .homepage, html body article.obj_article_details .main_entry > .item.authors .author_url, html body article.obj_article_details .main_entry > .item.authors .orcid { gap: 0 !important; margin-right: 0 !important; margin-left: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors .url + .orcid, html body .page_article .obj_article_details .main_entry > .item.authors .homepage + .orcid, html body .page_article .obj_article_details .main_entry > .item.authors .author_url + .orcid, html body article.obj_article_details .main_entry > .item.authors .url + .orcid, html body article.obj_article_details .main_entry > .item.authors .homepage + .orcid, html body article.obj_article_details .main_entry > .item.authors .author_url + .orcid { margin-left: 0 !important; } /* Ajuste final de compactação dos autores na página individual. */ html body .page_article .obj_article_details .main_entry > .item.authors ul.authors > li > *, html body article.obj_article_details .main_entry > .item.authors ul.authors > li > * { margin-top: 0 !important; margin-bottom: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors ul.authors > li + li, html body article.obj_article_details .main_entry > .item.authors ul.authors > li + li { margin-top: 0 !important; } /* --------------------------------------------------------- DOI do artigo: ícone circular + link --------------------------------------------------------- */ html body .page_article .obj_article_details .main_entry > .item.doi, html body article.obj_article_details .main_entry > .item.doi { display: block !important; margin: 32px 0 26px !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.doi > .label, html body article.obj_article_details .main_entry > .item.doi > .label { display: none !important; } html body .page_article .obj_article_details .main_entry > .item.doi > .value, html body article.obj_article_details .main_entry > .item.doi > .value { display: block !important; margin: 0 !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.doi a, html body article.obj_article_details .main_entry > .item.doi a { display: inline-flex !important; align-items: center !important; gap: 8px !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--rpd-green-deep) !important; font-size: .96rem !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; overflow-wrap: anywhere !important; word-break: break-word !important; transition: color .18s ease, transform .18s ease !important; } html body .page_article .obj_article_details .main_entry > .item.doi a::before, html body article.obj_article_details .main_entry > .item.doi a::before { content: "" !important; display: inline-block !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAAFNklEQVR4nL2WTWxc1RXHf+e+92bemxmPxxMnqTNp80FLFAlESFH6gcIKdYFUEXXDplJKWlVqF+0C9khISCDEImLBDoNgg9QWpJZF20UVWYWoBZKobVxFBCWqnZBxbD+Px/M+7zss3mQSx05cEHCk0dV9597zv/9zzv/OlUEaKUNTVZZ6IQ4pO2afhN48MHJ/DhNodugenMZSod1sISIjr0EVVQVVev1VxEZDwLkSUGB2TvnwE+VqqOiWZxCotEHr7Ljwa8RGrPRXYYiBKgYRRIQoS4jyhMmF14cMh+wNPPuW5cTLOX/8ULFbgbp15N7f4Dz0CrLtR2zrThPnCVGWgAiIYIZ5ZS0aMJ5ewp1/e0NK4xSiBHLL1kyNj4zdC8EU0j6CN/97xtNLrEWD0WYDEOcpeWFpXp2GPNkqf7eYbjgg6SLFhZPopTcozj0NtoybF5Y4T8tkoEocJ9S1jyydRlHmFpXL1xXXgW93ZCOWOFDbg9Q6YCqQLqP9jyHrgRiI5in+97vSR4FZOk39W2vEcRXfreAiQppntAdnsXnOu/8sePNUwZUlxTWwf0pY7OstfApkz3Fk9zEkmALxIFtBw3MUs8+DjZF7folMHIbu3yhmX0BtTjA4w1L9ERDBtYWlUIu/PMPMeeXFty3dFTAGalV473zZwSWqIlM/xhx8umShCmrBbSDBLkwwRfHBr5BgF9K4B+39Z1QFf3mGovYwtrAYWxQgQrZwhpnzBdfCct1zPzWcftHlpV8469JqDvwWpIL2L2LfewL71yMUl98ELZDWIdj2vc37a/kMiGCL4qZO037Ip8vlgrEAHj/i4CI8dtjQblCydRvgT4IIev19WL0A+Rp8+mfIVkAEGTuwaYtrEm7UqRO0qFXLBWsxfNJVcGB2XgnXhjttBHkMqkh9Hzg10AJqe8oDqULSLfV4e+9VWyOduo4xoEpl54Pct/cvvPtBqcefn8x5YL/w/n8VW9zooRidewe+cwKZfBjz/TcgmoNtPwBTQdNFtHsK2fnoBtBi4kFQxTEG4xgHIw5p+yiPPmB47CFDvQrXVuDUv5V93xCmJsD3wHUc9MJJ9MqfIAuRxn5k+yNln/Vm0bNPQR6BTcAOwKZDmpBMHMWIg2McZJAMNOyvYrIlJs/+hIXljI8uKt0VpVkTDu0T5q4r4QAOdIT9OwTjNZH2d6G+r+ziZAENz0H/IhgPGb8fqm00ugrhvxDP4/qhP2C9Nq3GGDJII42zhLDf45uXn0G6fwfKlBrZtDzruhlMKRuKOy2i2P5D5vY+S6vRxPeq5TXouxVcY1jd9STi+gA4ZgtAKME0uwsgiOvT75zANQbfrQDDuxcR6kGd0NtL2nm8LMKXYkLaOUbo7aUe1EcsRjoNvCqBW2Vx+8+g2flyMJsdFrcfx3erBF51o04RodkYQ52A7sFpaO7mizMWGNtN9+A06gSMN8ZGGkWkbCRUyw+qWC0IeyuIJkxeew3vyjtg4/J1sRWUCDg+2a5jLOw8DuLTao7jiBnFvwl6m6kqvbU+URbTyi/TmH8VZ/kfaJ6NLv51rATE9bATR+h3ThC6ewg8n2a9se5tNNoxSAaq3PwjuXUcpDGDeEBmLQ0GBGtn8cMZzNJHkIZQaVG0DxO3jhLVD9Gnhuc41PwatYq/Id6NcVOmt1ucJSRJSpKlFJvIw2CoehWq1Qq+V90q3C01HX0R7ja3WmCtHc0dxylr9n/uRwR35Fh3lDvPneH9eXcqd4/nonrH3H9Vo4vISI1f1zh6924Yb/y+Av9neP+WBKpoQFEAAAAASUVORK5CYII=") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px 20px !important; border-radius: 50% !important; box-shadow: 0 0 0 1px rgba(5, 75, 36, .10) !important; transition: transform .18s ease, box-shadow .18s ease !important; } html body .page_article .obj_article_details .main_entry > .item.doi a:hover, html body .page_article .obj_article_details .main_entry > .item.doi a:focus, html body article.obj_article_details .main_entry > .item.doi a:hover, html body article.obj_article_details .main_entry > .item.doi a:focus { color: var(--rpd-green-dark) !important; text-decoration: underline !important; } html body .page_article .obj_article_details .main_entry > .item.doi a:hover::before, html body .page_article .obj_article_details .main_entry > .item.doi a:focus::before, html body article.obj_article_details .main_entry > .item.doi a:hover::before, html body article.obj_article_details .main_entry > .item.doi a:focus::before { transform: translateY(-1px) !important; box-shadow: 0 0 0 1px rgba(5, 75, 36, .18), 0 4px 10px rgba(5, 75, 36, .12) !important; } html body .page_article .obj_article_details .entry_details, html body article.obj_article_details .entry_details { grid-column: 2 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; float: none !important; clear: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; position: relative !important; top: auto !important; right: auto !important; left: auto !important; } html body .page_article .obj_article_details .entry_details .item, html body article.obj_article_details .entry_details .item { margin: 0 !important; padding: 18px 0 !important; border-bottom: 1px solid var(--rpd-border-soft) !important; box-sizing: border-box !important; } html body .page_article .obj_article_details .entry_details .item:first-child, html body article.obj_article_details .entry_details .item:first-child { padding-top: 0 !important; } html body .page_article .obj_article_details .entry_details .item:last-child, html body article.obj_article_details .entry_details .item:last-child { border-bottom: 0 !important; } html body .page_article .obj_article_details .entry_details h2, html body .page_article .obj_article_details .entry_details h3, html body article.obj_article_details .entry_details h2, html body article.obj_article_details .entry_details h3 { margin: 0 0 10px !important; padding: 0 !important; color: var(--rpd-heading) !important; font-size: 1rem !important; line-height: 1.3 !important; font-weight: 700 !important; } html body .page_article .obj_article_details .entry_details .cover_image, html body article.obj_article_details .entry_details .cover_image { text-align: left !important; } html body .page_article .obj_article_details .entry_details .cover_image img, html body article.obj_article_details .entry_details .cover_image img, html body .page_article .obj_article_details .entry_details .item.cover_image img, html body article.obj_article_details .entry_details .item.cover_image img { display: block !important; width: auto !important; max-width: min(100%, 230px) !important; height: auto !important; margin: 0 auto 14px !important; border-radius: 0 !important; box-shadow: none !important; } html body .page_article .obj_article_details .entry_details .galleys, html body article.obj_article_details .entry_details .galleys { text-align: left !important; } html body .page_article .obj_article_details .entry_details .galleys_links, html body article.obj_article_details .entry_details .galleys_links { margin: 0 !important; padding: 0 !important; list-style: none !important; } html body .page_article .obj_article_details .entry_details .galleys_links li, html body article.obj_article_details .entry_details .galleys_links li { display: inline-block !important; margin: 0 8px 8px 0 !important; padding: 0 !important; } html body .page_article .obj_article_details .entry_details .citation_display, html body article.obj_article_details .entry_details .citation_display, html body .page_article .obj_article_details .entry_details .item.citation, html body article.obj_article_details .entry_details .item.citation { overflow-wrap: anywhere !important; word-break: normal !important; } html body .page_article .obj_article_details .entry_details .item.citation .value, html body article.obj_article_details .entry_details .item.citation .value { font-size: .94rem !important; line-height: 1.55 !important; } html body .page_article .obj_article_details .entry_details .item.citation .dropdown, html body article.obj_article_details .entry_details .item.citation .dropdown { max-width: 100% !important; } html body .page_article .obj_article_details .entry_details .item.citation .cmp_button, html body article.obj_article_details .entry_details .item.citation .cmp_button, html body .page_article .obj_article_details .entry_details .item.citation button, html body article.obj_article_details .entry_details .item.citation button { white-space: normal !important; max-width: 100% !important; } /* Botão que abre a lista de formatos de citação. */ html body .page_article .obj_article_details .entry_details .citation_formats, html body article.obj_article_details .entry_details .citation_formats { margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; overflow: visible !important; } html body .page_article .obj_article_details .entry_details .citation_formats_button, html body article.obj_article_details .entry_details .citation_formats_button { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 42px !important; margin: 0 !important; padding: 10px 14px !important; background: var(--rpd-green-hover) !important; color: #000000 !important; border: 1px solid var(--rpd-green) !important; border-radius: 8px !important; outline: 0 !important; box-shadow: none !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: left !important; opacity: 1 !important; } html body .page_article .obj_article_details .entry_details .citation_formats_button[aria-expanded="true"], html body article.obj_article_details .entry_details .citation_formats_button[aria-expanded="true"] { border-radius: 8px 8px 0 0 !important; } html body .page_article .obj_article_details .entry_details .citation_formats_button::after, html body article.obj_article_details .entry_details .citation_formats_button::after { color: #000000 !important; border-top-color: #000000 !important; } html body .page_article .obj_article_details .entry_details .citation_formats_button:hover, html body .page_article .obj_article_details .entry_details .citation_formats_button:focus, html body article.obj_article_details .entry_details .citation_formats_button:hover, html body article.obj_article_details .entry_details .citation_formats_button:focus { background: var(--rpd-green-soft) !important; color: #000000 !important; border-color: var(--rpd-green-dark) !important; outline: 0 !important; box-shadow: none !important; } html body .page_article .obj_article_details .entry_details .citation_formats_list, html body article.obj_article_details .entry_details .citation_formats_list { margin: 0 !important; border: 1px solid var(--rpd-green) !important; border-top: 0 !important; border-radius: 0 0 8px 8px !important; box-shadow: none !important; } /* * Ordem da coluna de metadados do artigo: * 1) blocos nativos; 2) compartilhamento; 3) citações; 4) licença. * Há seletores de apoio para instalações em que o hook envolve o conteúdo * do plugin em um recipiente adicional. */ html body .page_article .obj_article_details .entry_details > .item.shariffblock, html body .page_article .obj_article_details .entry_details > .shariffblock, html body article.obj_article_details .entry_details > .item.shariffblock, html body article.obj_article_details .entry_details > .shariffblock, html body .page_article .obj_article_details .entry_details > :has(> .shariffblock), html body article.obj_article_details .entry_details > :has(> .shariffblock) { order: 80 !important; display: block !important; width: 100% !important; max-width: 100% !important; clear: both !important; } html body .page_article .obj_article_details .entry_details > #citation-plugin, html body .page_article .obj_article_details .entry_details > .citations-container, html body article.obj_article_details .entry_details > #citation-plugin, html body article.obj_article_details .entry_details > .citations-container, html body .page_article .obj_article_details .entry_details > :has(> #citation-plugin), html body .page_article .obj_article_details .entry_details > :has(> .citations-container), html body article.obj_article_details .entry_details > :has(> #citation-plugin), html body article.obj_article_details .entry_details > :has(> .citations-container) { order: 81 !important; display: block !important; width: 100% !important; max-width: 100% !important; clear: both !important; } html body .page_article .obj_article_details .entry_details > .item.copyright, html body article.obj_article_details .entry_details > .item.copyright { order: 90 !important; } /* * Edição e Seção são informações redundantes nesta página. * Apenas os dois primeiros subblocos são ocultados; uma eventual categoria * cadastrada no OJS continua disponível. */ html body .page_article .obj_article_details .entry_details > .item.issue, html body article.obj_article_details .entry_details > .item.issue { margin: 0 !important; padding: 0 !important; border: 0 !important; } html body .page_article .obj_article_details .entry_details > .item.issue > .sub_item:nth-of-type(1), html body .page_article .obj_article_details .entry_details > .item.issue > .sub_item:nth-of-type(2), html body article.obj_article_details .entry_details > .item.issue > .sub_item:nth-of-type(1), html body article.obj_article_details .entry_details > .item.issue > .sub_item:nth-of-type(2) { display: none !important; } html body .page_article .obj_article_details .entry_details > .item.issue > .sub_item:nth-of-type(n+3), html body article.obj_article_details .entry_details > .item.issue > .sub_item:nth-of-type(n+3) { margin: 0 !important; padding: 18px 0 !important; border-bottom: 1px solid var(--rpd-border-soft) !important; } html body .page_article .obj_article_details .entry_details .sub_item, html body article.obj_article_details .entry_details .sub_item { margin-top: 12px !important; } html body .page_article .obj_article_details .entry_details ul, html body article.obj_article_details .entry_details ul { padding-left: 18px !important; margin-top: 8px !important; margin-bottom: 0 !important; } /* ========================================================= 10. Integração do certificado do avaliador ========================================================= */ /* * O plugin insere estilos diretamente no HTML. Por isso, os seletores abaixo * usam maior especificidade e !important somente dentro do bloco do certificado. */ html body div.reviewer-certificate-section { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "certificate-title certificate-action" "certificate-lead certificate-action" "certificate-note certificate-all" !important; align-items: center !important; column-gap: 28px !important; row-gap: 6px !important; width: min(1160px, calc(100% - 40px)) !important; max-width: 1160px !important; min-height: 0 !important; margin: 20px auto 18px !important; padding: 18px 22px !important; overflow: hidden !important; background: linear-gradient(105deg, #ffffff 0%, #f4faf6 100%) !important; border: 1px solid #cfe1d6 !important; border-left: 5px solid var(--rpd-green, #0c7b3c) !important; border-radius: 16px !important; box-shadow: 0 10px 28px rgba(5, 75, 36, 0.09) !important; color: var(--rpd-text, #18322a) !important; font-family: "Segoe UI", Arial, sans-serif !important; } html body div.reviewer-certificate-section > h3 { grid-area: certificate-title !important; display: flex !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: var(--rpd-green-deep, #054b24) !important; font-size: clamp(1.2rem, 1.8vw, 1.48rem) !important; font-weight: 750 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } html body div.reviewer-certificate-section > h3 .fa, html body div.reviewer-certificate-section > h3 [class*="fa-"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 34px !important; width: 34px !important; height: 34px !important; margin: 0 !important; border-radius: 50% !important; background: var(--rpd-green-soft, #e6f4eb) !important; color: var(--rpd-green, #0c7b3c) !important; font-size: 1rem !important; } html body div.reviewer-certificate-section > p { max-width: 760px !important; margin: 0 !important; padding: 0 !important; color: var(--rpd-text, #18322a) !important; font-size: .98rem !important; line-height: 1.5 !important; } html body div.reviewer-certificate-section > p:first-of-type { grid-area: certificate-lead !important; margin-top: 2px !important; } html body div.reviewer-certificate-section > p.description { grid-area: certificate-note !important; margin-top: 5px !important; color: var(--rpd-text-soft, #4f685f) !important; font-size: .88rem !important; line-height: 1.4 !important; } html body div.reviewer-certificate-section > a.certificate-download-button, html body div.reviewer-certificate-section > a.pkp_button.certificate-download-button { grid-area: certificate-action !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; align-self: center !important; min-width: 188px !important; min-height: 44px !important; margin: 0 !important; padding: 10px 17px !important; white-space: nowrap !important; background: linear-gradient(180deg, var(--rpd-green, #0c7b3c) 0%, var(--rpd-green-dark, #075d2d) 100%) !important; border: 1px solid var(--rpd-green-dark, #075d2d) !important; border-radius: 10px !important; box-shadow: 0 7px 16px rgba(5, 75, 36, 0.14) !important; color: #ffffff !important; font-size: .95rem !important; font-weight: 750 !important; line-height: 1.15 !important; text-decoration: none !important; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important; } html body div.reviewer-certificate-section > a.certificate-download-button:hover, html body div.reviewer-certificate-section > a.certificate-download-button:focus, html body div.reviewer-certificate-section > a.pkp_button.certificate-download-button:hover, html body div.reviewer-certificate-section > a.pkp_button.certificate-download-button:focus { background: var(--rpd-green-deep, #054b24) !important; border-color: var(--rpd-green-deep, #054b24) !important; box-shadow: 0 10px 22px rgba(5, 75, 36, 0.18) !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px) !important; } html body div.reviewer-certificate-section > p:last-child { grid-area: certificate-all !important; justify-self: end !important; max-width: none !important; margin: 0 !important; text-align: right !important; } html body div.reviewer-certificate-section > p:last-child > a { display: inline-flex !important; align-items: center !important; min-height: 34px !important; padding: 6px 10px !important; border: 1px solid transparent !important; border-radius: 8px !important; color: var(--rpd-green-dark, #075d2d) !important; font-size: .9rem !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; } html body div.reviewer-certificate-section > p:last-child > a:hover, html body div.reviewer-certificate-section > p:last-child > a:focus { background: var(--rpd-green-soft, #e6f4eb) !important; border-color: #c1dccb !important; color: var(--rpd-green-deep, #054b24) !important; text-decoration: none !important; } /* Evita espaço excessivo entre o aviso do certificado e o cabeçalho da avaliação. */ html body div.reviewer-certificate-section + * { margin-top: 0 !important; } @media (max-width: 820px) { html body div.reviewer-certificate-section { grid-template-columns: 1fr !important; grid-template-areas: "certificate-title" "certificate-lead" "certificate-action" "certificate-note" "certificate-all" !important; width: calc(100% - 28px) !important; margin: 14px auto 16px !important; padding: 17px 18px !important; row-gap: 9px !important; } html body div.reviewer-certificate-section > a.certificate-download-button, html body div.reviewer-certificate-section > a.pkp_button.certificate-download-button { justify-self: start !important; min-width: 0 !important; margin-top: 4px !important; } html body div.reviewer-certificate-section > p:last-child { justify-self: start !important; margin-top: 0 !important; text-align: left !important; } } @media (max-width: 520px) { html body div.reviewer-certificate-section { width: calc(100% - 20px) !important; padding: 15px !important; border-radius: 13px !important; } html body div.reviewer-certificate-section > h3 { align-items: flex-start !important; font-size: 1.16rem !important; } html body div.reviewer-certificate-section > h3 .fa, html body div.reviewer-certificate-section > h3 [class*="fa-"] { flex-basis: 30px !important; width: 30px !important; height: 30px !important; } html body div.reviewer-certificate-section > a.certificate-download-button, html body div.reviewer-certificate-section > a.pkp_button.certificate-download-button { width: 100% !important; min-height: 43px !important; } } /* ========================================================= 11. Responsividade consolidada ========================================================= */ @media (max-width: 1080px) and (min-width: 761px) { html body .pkp_structure_head .pkp_navigation_primary_row { width: min(100%, calc(100% - 24px)) !important; row-gap: 4px !important; } html body .pkp_structure_head #navigationPrimary > li { padding-right: 7px !important; padding-left: 7px !important; } html body .pkp_structure_head #navigationPrimary > li > a, html body .pkp_structure_head .pkp_navigation_search_wrapper > a { font-size: .88rem !important; } html body .pkp_structure_head .pkp_navigation_search_wrapper { margin-left: 8px !important; padding-left: 8px !important; } } @media (max-width: 980px) { html body .pkp_structure_content { display: block !important; width: min(100%, calc(100% - 32px)) !important; max-width: var(--rpd-content-width) !important; margin-right: auto !important; margin-left: auto !important; } html body .pkp_structure_content > .pkp_structure_main, html body .pkp_structure_content > .pkp_structure_sidebar, html body .pkp_structure_content > .pkp_structure_sidebar.left { float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } html body .page_article .obj_article_details > .row, html body article.obj_article_details > .row, html body .page_article .obj_article_details .row { grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; } html body .page_article .obj_article_details .main_entry, html body article.obj_article_details .main_entry { grid-column: 1 !important; padding-right: 0 !important; border-right: 0 !important; } html body .page_article .obj_article_details .entry_details, html body article.obj_article_details .entry_details { grid-column: 1 !important; width: 100% !important; max-width: 100% !important; margin-top: 8px !important; padding-top: 18px !important; border-top: 1px solid var(--rpd-border-soft) !important; } } @media (max-width: 760px) { :root { --rpd-mobile-gutter: 18px; } html body .pkp_structure_head .pkp_site_nav_menu { background: var(--rpd-header-2) !important; color: var(--rpd-menu-text) !important; border-top: 1px solid var(--rpd-border) !important; box-shadow: 0 12px 28px rgba(0, 63, 42, .10) !important; } html, body, html body .pkp_structure_page { overflow-x: hidden; } html body .pkp_head_wrapper { display: block !important; width: 100% !important; padding: 0 12px 14px !important; } html body .pkp_site_name_wrapper { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 124px !important; padding: 18px 52px 12px !important; } html body .pkp_site_name, html body .pkp_site_name a, html body .pkp_site_name .is_img { position: static !important; display: block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } html body .pkp_site_name .is_img img, html body .pkp_site_name img { max-width: min(280px, 72vw) !important; max-height: 104px !important; } html body .pkp_site_nav_toggle { top: 14px !important; left: 14px !important; z-index: 100001 !important; } html body .pkp_structure_head .pkp_navigation_primary_row, html body .pkp_structure_head .pkp_navigation_primary_wrapper { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } html body .pkp_structure_head #navigationPrimary { flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 2px !important; } html body .pkp_structure_head #navigationPrimary > li { display: block !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; } html body .pkp_structure_head #navigationPrimary > li + li::before { display: none !important; content: none !important; } html body .pkp_structure_head #navigationPrimary > li > a { justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 42px !important; padding: 9px 12px !important; line-height: 1.35 !important; text-align: left !important; white-space: normal !important; } html body .pkp_structure_head #navigationPrimary > li > ul { position: static !important; display: block !important; width: auto !important; min-width: 0 !important; margin: 0 0 6px 14px !important; padding: 4px 0 4px 10px !important; background: transparent !important; border: 0 !important; border-left: 2px solid var(--rpd-border) !important; border-radius: 0 !important; box-shadow: none !important; } html body .pkp_structure_head .pkp_navigation_search_wrapper { justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 4px 0 0 !important; padding: 0 !important; border-left: 0 !important; } html body .pkp_structure_head .pkp_navigation_search_wrapper > a { justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 42px !important; padding: 9px 12px !important; line-height: 1.35 !important; } html body .pkp_structure_content, html body .page, html body .cmp_breadcrumbs { width: calc(100% - (2 * var(--rpd-mobile-gutter))) !important; max-width: 100% !important; margin-right: auto !important; margin-left: auto !important; } html body .pkp_structure_content { margin-top: 18px !important; } html body .page_index_journal .homepage_about, html body .page_index_journal .current_issue, html body .page_index_journal .additional_content, html body .page_issue .issue_toc, html body .page_article .article-details, html body .page_archives .issues_archive, html body .page_announcements .obj_announcement_summary, html body .obj_announcement_full, html body .page_search .search_results, html body .page_submissions .submission_checklist, html body .pkp_block { padding: 20px 18px !important; border-radius: 16px !important; } html body .obj_article_summary { min-height: 0 !important; padding: 18px 0 !important; } html body .obj_article_summary .rpd_article_actions, html body .obj_article_summary .galleys_links, html body .obj_article_summary .buttons, html body .obj_article_summary .pages, html body .obj_article_summary .article_number { position: static !important; display: flex !important; flex-flow: row wrap !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 10px 0 0 !important; gap: 8px 12px !important; text-align: left !important; } html body .obj_article_summary .rpd_article_actions :is(.pages, .article_number, .rpd_article_elocation) { width: auto !important; min-width: 0 !important; margin: 0 !important; text-align: left !important; } html body .rpd_article_identifiers { display: block; } html body .rpd_article_identifiers .rpd_id_item { display: flex; width: 100%; margin-bottom: 8px; border-radius: 12px; } html body .page_article .obj_article_details .entry_details .cover_image img, html body article.obj_article_details .entry_details .cover_image img { max-width: min(230px, 72vw) !important; } html body .pkp_structure_footer, html body .pkp_footer_content { max-width: 100% !important; padding-right: var(--rpd-mobile-gutter) !important; padding-left: var(--rpd-mobile-gutter) !important; } } @media (max-width: 420px) { :root { --rpd-mobile-gutter: 12px; } html body .pkp_site_name_wrapper { min-height: 108px !important; padding: 16px 48px 10px !important; } html body .pkp_site_name .is_img img, html body .pkp_site_name img { max-width: min(240px, 68vw) !important; max-height: 88px !important; } html body .page_index_journal .homepage_about, html body .page_index_journal .current_issue, html body .page_issue .issue_toc, html body .page_article .article-details, html body .pkp_block { padding: 18px 15px !important; } html body h1, html body .page h1, html body .obj_article_details h1 { font-size: clamp(1.55rem, 7vw, 1.9rem) !important; line-height: 1.25 !important; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* ========================================================================== RPD v0.35.11 — Resumo antes das palavras-chave - Remove o espaço entre o título "Resumo" e o texto - Remove o espaço vertical entre resumo e palavras-chave - Justifica o resumo e as palavras-chave ========================================================================== */ html body .page_article .obj_article_details .main_entry > .item.abstract, html body article.obj_article_details .main_entry > .item.abstract { margin-top: 30px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; text-align: justify !important; text-justify: inter-word !important; } html body .page_article .obj_article_details .main_entry > .item.abstract > .label, html body article.obj_article_details .main_entry > .item.abstract > .label { margin: 0 !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.abstract > p, html body article.obj_article_details .main_entry > .item.abstract > p, html body .page_article .obj_article_details .main_entry > .item.abstract > div, html body article.obj_article_details .main_entry > .item.abstract > div { text-align: justify !important; text-justify: inter-word !important; hyphens: auto; } html body .page_article .obj_article_details .main_entry > .item.abstract > p:first-of-type, html body article.obj_article_details .main_entry > .item.abstract > p:first-of-type, html body .page_article .obj_article_details .main_entry > .item.abstract > div:first-of-type, html body article.obj_article_details .main_entry > .item.abstract > div:first-of-type { margin-top: 0 !important; padding-top: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.abstract > p:last-child, html body article.obj_article_details .main_entry > .item.abstract > p:last-child, html body .page_article .obj_article_details .main_entry > .item.abstract > div:last-child, html body article.obj_article_details .main_entry > .item.abstract > div:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.keywords, html body article.obj_article_details .main_entry > .item.keywords { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; } html body .page_article .obj_article_details .main_entry > .item.keywords > .label, html body .page_article .obj_article_details .main_entry > .item.keywords > .value, html body article.obj_article_details .main_entry > .item.keywords > .label, html body article.obj_article_details .main_entry > .item.keywords > .value { display: inline !important; margin: 0 !important; padding: 0 !important; } /* ========================================================================== RPD v0.35.12 — Resumo e palavras-chave compactos ========================================================================== */ /* Reduz o espaço depois do DOI e antes do resumo. */ html body .page_article .obj_article_details .main_entry > .item.doi, html body article.obj_article_details .main_entry > .item.doi { margin-bottom: 18px !important; } /* O bloco do resumo começa logo após o DOI. */ html body .page_article .obj_article_details .main_entry > .item.abstract, html body article.obj_article_details .main_entry > .item.abstract { margin: 0 !important; padding: 0 !important; text-align: justify !important; text-justify: inter-word !important; } /* Sem espaço entre "Resumo" e o texto. */ html body .page_article .obj_article_details .main_entry > .item.abstract > .label, html body article.obj_article_details .main_entry > .item.abstract > .label { margin: 0 !important; padding: 0 !important; line-height: 1.25 !important; } html body .page_article .obj_article_details .main_entry > .item.abstract > p, html body .page_article .obj_article_details .main_entry > .item.abstract > div, html body article.obj_article_details .main_entry > .item.abstract > p, html body article.obj_article_details .main_entry > .item.abstract > div { margin: 0 !important; padding: 0 !important; text-align: justify !important; text-justify: inter-word !important; line-height: 1.58 !important; hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* Palavras-chave imediatamente abaixo do resumo. */ html body .page_article .obj_article_details .main_entry > .item.keywords, html body article.obj_article_details .main_entry > .item.keywords { margin: 4px 0 0 !important; padding: 0 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; line-height: 1.58 !important; } html body .page_article .obj_article_details .main_entry > .item.keywords > .label, html body .page_article .obj_article_details .main_entry > .item.keywords > .value, html body article.obj_article_details .main_entry > .item.keywords > .label, html body article.obj_article_details .main_entry > .item.keywords > .value { display: inline !important; margin: 0 !important; padding: 0 !important; line-height: inherit !important; } /* Espaço moderado antes do próximo bloco, como Downloads. */ html body .page_article .obj_article_details .main_entry > .item.keywords + *, html body article.obj_article_details .main_entry > .item.keywords + * { margin-top: 18px !important; } /* ========================================================================== RPD v0.35.13 — Ordem forçada por CSS Funciona mesmo quando o OJS ainda renderiza o template antigo. Ordem: autores → DOI → resumo → palavras-chave → demais blocos. ========================================================================== */ html body .page_article .obj_article_details .main_entry, html body article.obj_article_details .main_entry { display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* Os demais blocos permanecem depois dos metadados principais, conservando entre si a ordem original do HTML. */ html body .page_article .obj_article_details .main_entry > *, html body article.obj_article_details .main_entry > * { order: 50; width: 100%; box-sizing: border-box; } /* Ordem explícita dos quatro blocos iniciais. */ html body .page_article .obj_article_details .main_entry > .item.authors, html body article.obj_article_details .main_entry > .item.authors { order: 10; } html body .page_article .obj_article_details .main_entry > .item.doi, html body article.obj_article_details .main_entry > .item.doi { order: 20; margin-bottom: 18px !important; } html body .page_article .obj_article_details .main_entry > .item.abstract, html body article.obj_article_details .main_entry > .item.abstract { order: 30; margin: 0 !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.keywords, html body article.obj_article_details .main_entry > .item.keywords { order: 40; margin: 0 !important; padding: 0 !important; } /* Sem espaço entre "Resumo" e o texto. */ html body .page_article .obj_article_details .main_entry > .item.abstract > .label, html body article.obj_article_details .main_entry > .item.abstract > .label { margin: 0 !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.abstract > p:first-of-type, html body .page_article .obj_article_details .main_entry > .item.abstract > div:first-of-type, html body article.obj_article_details .main_entry > .item.abstract > p:first-of-type, html body article.obj_article_details .main_entry > .item.abstract > div:first-of-type { margin-top: 0 !important; padding-top: 0 !important; } /* Sem espaço entre o fim do resumo e Palavras-chave. */ html body .page_article .obj_article_details .main_entry > .item.abstract > p:last-child, html body .page_article .obj_article_details .main_entry > .item.abstract > div:last-child, html body article.obj_article_details .main_entry > .item.abstract > p:last-child, html body article.obj_article_details .main_entry > .item.abstract > div:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Resumo e palavras-chave justificados. */ html body .page_article .obj_article_details .main_entry > .item.abstract, html body .page_article .obj_article_details .main_entry > .item.abstract > p, html body .page_article .obj_article_details .main_entry > .item.abstract > div, html body .page_article .obj_article_details .main_entry > .item.keywords, html body article.obj_article_details .main_entry > .item.abstract, html body article.obj_article_details .main_entry > .item.abstract > p, html body article.obj_article_details .main_entry > .item.abstract > div, html body article.obj_article_details .main_entry > .item.keywords { text-align: justify !important; text-justify: inter-word !important; } html body .page_article .obj_article_details .main_entry > .item.keywords, html body article.obj_article_details .main_entry > .item.keywords { text-align-last: left !important; } /* Garante ponto final após a última palavra-chave mesmo com o template antigo. */ html body .page_article .obj_article_details .main_entry > .item.keywords > .value::after, html body article.obj_article_details .main_entry > .item.keywords > .value::after { content: "."; } /* Separação moderada antes do primeiro bloco posterior, como biografias, referências ou componentes inseridos por plugins. */ html body .page_article .obj_article_details .main_entry > .item.keywords + *, html body article.obj_article_details .main_entry > .item.keywords + * { margin-top: 18px !important; } /* ========================================================================== RPD v0.35.16 — Publicado abaixo do PDF, sem reposicionar a coluna lateral Baseada na v0.35.13 estável. ========================================================================== */ /* Aproxima o DOI do último autor sem alterar a estrutura da página. */ html body .page_article .obj_article_details .main_entry > .item.doi, html body article.obj_article_details .main_entry > .item.doi { margin: 10px 0 18px !important; } /* Mantém Publicado abaixo do PDF, na ordem original do OJS. Exibição: Publicado: 09.12.2022 */ html body .page_article .obj_article_details .entry_details > .item.published .label, html body article.obj_article_details .entry_details > .item.published .label { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: 700 !important; line-height: 1.4 !important; } html body .page_article .obj_article_details .entry_details > .item.published .label::after, html body article.obj_article_details .entry_details > .item.published .label::after { content: ": " !important; } html body .page_article .obj_article_details .entry_details > .item.published .value, html body article.obj_article_details .entry_details > .item.published .value { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: 400 !important; line-height: 1.4 !important; } html body .page_article .obj_article_details .entry_details > .item.published > .sub_item, html body article.obj_article_details .entry_details > .item.published > .sub_item { margin: 0 !important; padding: 0 !important; } /* ========================================================================== RPD Modern Editorial 2026 — v1.1 Correções verificadas sobre a estrutura real do OJS/RPD: - barra de usuário volta a ser utilitária, sem faixa verde transversal; - sublinhado do menu existe apenas em hover/foco/item ativo; - Lattes/ORCID/ROR têm escala explícita e coerente; - DOI reduzido proporcionalmente; - coluna entry_details deixa de ser sticky e volta ao fluxo normal. ========================================================================== */ /* ========================================================================== RPD MODERN EDITORIAL 2026 — camada visual proposta Compatibilidade alvo: OJS 3.3.0.22 + templates personalizados atuais da RPD Estratégia: preservar comportamento existente e modernizar exclusivamente a apresentação por meio de uma camada final de overrides. Base cromática institucional do Instituto Federal: Verde IF #2F9E41 | Vermelho IF #CD191E | Preto #000000 ========================================================================== */ :root { --rpd-if-green: #2f9e41; --rpd-if-green-600: #238437; --rpd-if-green-700: #176b2d; --rpd-if-green-800: #105324; --rpd-if-green-900: #0a3c1b; --rpd-if-red: #cd191e; --rpd-if-red-700: #a81217; --rpd-ink: #16231b; --rpd-ink-2: #33463a; --rpd-muted: #647268; --rpd-muted-2: #7e8a82; --rpd-page: #f5f7f5; --rpd-surface: #ffffff; --rpd-surface-soft: #f9fbf9; --rpd-surface-green: #f1f8f3; --rpd-line: #dce5df; --rpd-line-strong: #c9d8ce; --rpd-shadow-xs: 0 1px 2px rgba(15, 51, 28, .04); --rpd-shadow-sm: 0 8px 24px rgba(15, 51, 28, .06); --rpd-shadow-md: 0 20px 48px rgba(15, 51, 28, .09); --rpd-radius-xl: 24px; --rpd-radius-lg: 18px; --rpd-radius-md: 14px; --rpd-radius-sm: 10px; --rpd-font-ui: "Open Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --rpd-font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif; --rpd-content-width: 1280px; --rpd-sidebar-width: 276px; --rpd-column-gap: 28px; } /* -------------------------------------------------------------------------- 1. Base editorial -------------------------------------------------------------------------- */ html body { background: radial-gradient(circle at 12% -8%, rgba(47, 158, 65, .055), transparent 32rem), linear-gradient(180deg, #fbfcfb 0, var(--rpd-page) 28rem, #f3f6f4 100%) !important; color: var(--rpd-ink) !important; font-family: var(--rpd-font-ui) !important; font-size: 16px !important; line-height: 1.68 !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } html body p, html body li, html body input, html body textarea, html body select, html body button { font-family: var(--rpd-font-ui) !important; } html body a { color: var(--rpd-if-green-700) !important; text-underline-offset: .16em; text-decoration-thickness: .08em; } html body a:hover, html body a:focus { color: var(--rpd-if-green-900) !important; } html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body .pkp_page_title { color: var(--rpd-ink) !important; letter-spacing: -.018em; } html body .pkp_structure_content, html body .pkp_structure_footer, html body .pkp_head_wrapper, html body .page, html body .cmp_breadcrumbs { width: min(var(--rpd-content-width), calc(100% - 48px)) !important; max-width: var(--rpd-content-width) !important; } html body .pkp_structure_content { margin-top: 30px !important; margin-bottom: 42px !important; } html body .cmp_breadcrumbs { margin-top: 0 !important; margin-bottom: 18px !important; color: var(--rpd-muted) !important; font-size: .86rem !important; } html body .cmp_breadcrumbs a { color: var(--rpd-muted) !important; font-weight: 600 !important; } /* -------------------------------------------------------------------------- 2. Barra institucional, cabeçalho e navegação -------------------------------------------------------------------------- */ /* Navegação utilitária do usuário. No OJS ela pertence ao cabeçalho e não deve ocupar uma faixa inteira. Mantém-se discreta no canto superior direito em desktop e volta ao fluxo normal dentro do menu móvel. */ @media (min-width: 761px) { html body .pkp_navigation_user_wrapper { position: absolute !important; z-index: 20 !important; top: 14px !important; right: 0 !important; bottom: auto !important; left: auto !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .pkp_navigation_user_wrapper::before, html body .pkp_navigation_user_wrapper::after { display: none !important; content: none !important; } html body .pkp_navigation_user { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } html body .pkp_navigation_user > li { margin: 0 !important; padding: 0 !important; } html body .pkp_navigation_user a { display: inline-flex !important; align-items: center !important; min-height: 30px !important; padding: 5px 8px !important; color: #526258 !important; font-size: .78rem !important; font-weight: 650 !important; line-height: 1.2 !important; letter-spacing: .005em !important; background: transparent !important; border-radius: 8px !important; } html body .pkp_navigation_user a:hover, html body .pkp_navigation_user a:focus-visible { color: var(--rpd-if-green-800) !important; background: var(--rpd-surface-green) !important; text-decoration: none !important; } } html body .pkp_structure_head { background: rgba(255,255,255,.96) !important; border: 0 !important; border-bottom: 1px solid var(--rpd-line) !important; box-shadow: 0 8px 30px rgba(15, 51, 28, .035) !important; } html body .pkp_head_wrapper { padding: 0 !important; } html body .pkp_site_name_wrapper { padding: 24px 0 18px !important; } html body .pkp_site_name .is_img img, html body .pkp_site_name img { max-width: min(390px, 78vw) !important; max-height: 136px !important; filter: saturate(.97) contrast(1.02); } html body .pkp_structure_head .pkp_navigation_primary_row { width: min(var(--rpd-content-width), calc(100% - 48px)) !important; max-width: var(--rpd-content-width) !important; margin: 0 auto !important; padding: 0 !important; border-top: 1px solid #edf1ee !important; } html body .pkp_structure_head .pkp_navigation_primary_wrapper { width: 100% !important; } html body #navigationPrimary { width: 100% !important; justify-content: center !important; gap: 2px !important; padding: 7px 0 8px !important; } html body #navigationPrimary > li { padding: 0 2px !important; } html body #navigationPrimary > li + li::before { display: none !important; content: none !important; } html body #navigationPrimary > li > a { min-height: 40px !important; height: auto !important; padding: 0 12px !important; color: #284034 !important; font-size: .88rem !important; font-weight: 700 !important; letter-spacing: .005em !important; border-radius: 10px !important; transition: color .16s ease, background-color .16s ease, box-shadow .16s ease !important; } html body #navigationPrimary > li > a:hover, html body #navigationPrimary > li > a:focus { color: var(--rpd-if-green-800) !important; background: var(--rpd-surface-green) !important; } /* Linha de navegação: zero por padrão. A versão anterior deixava width != 0 em todos os itens, por isso cada item aparecia sublinhado. */ html body #navigationPrimary > li > a::after { bottom: 3px !important; left: 50% !important; width: 0 !important; height: 2px !important; margin: 0 !important; transform: translateX(-50%) !important; border-radius: 999px !important; background: var(--rpd-if-green) !important; transition: width .18s ease !important; } html body #navigationPrimary > li:hover > a::after, html body #navigationPrimary > li:focus-within > a::after, html body .pkp_structure_head #navigationPrimary > li:is(.current, .active, .selected, .is_current) > a::after, html body .pkp_structure_head #navigationPrimary > li > a:is(.current, .active, .selected, [aria-current="page"], [aria-selected="true"])::after, html body.pkp_page_index.pkp_op_index .pkp_structure_head #navigationPrimary > li:first-child > a::after, html body.page_index_journal .pkp_structure_head #navigationPrimary > li:first-child > a::after, html body.pkp_page_issue.pkp_op_current .pkp_structure_head #navigationPrimary > li > a[href*="/issue/current"]::after, html body.pkp_page_issue.pkp_op_archive .pkp_structure_head #navigationPrimary > li > a[href*="/issue/archive"]::after, html body.pkp_page_about.pkp_op_index .pkp_structure_head #navigationPrimary > li > a[href$="/about"]::after, html body.pkp_page_about.pkp_op_submissions .pkp_structure_head #navigationPrimary > li > a[href*="/about/submissions"]::after, html body.pkp_page_about.pkp_op_editorialTeam .pkp_structure_head #navigationPrimary > li > a[href*="/about/editorial"]::after, html body.pkp_page_about.pkp_op_contact .pkp_structure_head #navigationPrimary > li > a[href*="/about/contact"]::after, html body.pkp_page_announcement .pkp_structure_head #navigationPrimary > li > a[href*="/announcement"]::after, html body.pkp_page_indexadores .pkp_structure_head #navigationPrimary > li > a[href*="/indexadores"]::after, html body.pkp_page_avaliador .pkp_structure_head #navigationPrimary > li > a[href*="/avaliador"]::after, html body.pkp_page_search .pkp_structure_head #navigationPrimary > li > a[href*="/search"]::after { width: calc(100% - 24px) !important; } html body.page_index_journal .pkp_structure_head #navigationPrimary > li:first-child > a, html body.page_issue .pkp_structure_head #navigationPrimary > li:first-child > a { color: var(--rpd-if-green-800) !important; background: #eef7f0 !important; } /* Busca */ html body .pkp_search_desktop { color: var(--rpd-if-green-800) !important; } html body .pkp_search_desktop:hover, html body .pkp_search_desktop:focus { background: var(--rpd-surface-green) !important; border-radius: 10px !important; } /* -------------------------------------------------------------------------- 3. Superfícies e cartões — menos “caixas”, mais hierarquia editorial -------------------------------------------------------------------------- */ html body .page_index_journal .homepage_about, html body .page_index_journal .current_issue, html body .page_index_journal .additional_content, html body .page_issue .issue_toc, html body .page_archives .issues_archive, html body .page_search .search_results, html body .page_announcements .obj_announcement_summary, html body .obj_announcement_full, html body .page_submissions .submission_checklist { background: rgba(255,255,255,.96) !important; border: 1px solid var(--rpd-line) !important; border-radius: var(--rpd-radius-xl) !important; box-shadow: var(--rpd-shadow-xs), var(--rpd-shadow-sm) !important; } html body .page_index_journal .homepage_about, html body .page_index_journal .current_issue, html body .page_index_journal .additional_content, html body .page_issue .issue_toc, html body .page_archives .issues_archive, html body .page_search .search_results, html body .page_announcements .obj_announcement_summary, html body .obj_announcement_full, html body .page_submissions .submission_checklist { padding: 30px 34px !important; } html body .page_index_journal .homepage_about { position: relative !important; overflow: hidden !important; background: linear-gradient(120deg, rgba(255,255,255,.98) 0 58%, rgba(241,248,243,.95) 100%) !important; } html body .page_index_journal .homepage_about::after { content: ""; position: absolute; right: -90px; top: -110px; width: 260px; height: 260px; border-radius: 50%; border: 48px solid rgba(47, 158, 65, .055); pointer-events: none; } html body .page_index_journal .homepage_about::before, html body .page_index_journal .current_issue::before, html body .page_issue .issue_toc::before { width: 54px !important; height: 4px !important; margin: 0 0 15px !important; background: linear-gradient(90deg, var(--rpd-if-green) 0 72%, var(--rpd-if-red) 72% 100%) !important; border-radius: 999px !important; } html body .page_index_journal .homepage_about .title, html body .page_index_journal .homepage_about > h2, html body .page_index_journal .current_issue .current_issue_title, html body .page_index_journal .current_issue > h2, html body .page_issue .issue_toc .page_title { margin: 0 0 14px !important; color: var(--rpd-ink) !important; font-family: var(--rpd-font-display) !important; font-size: clamp(1.55rem, 2.2vw, 2rem) !important; font-weight: 650 !important; line-height: 1.18 !important; letter-spacing: -.025em !important; } html body .page_index_journal .homepage_about p { max-width: 82ch; color: var(--rpd-ink-2) !important; font-size: 1rem !important; line-height: 1.78 !important; } /* -------------------------------------------------------------------------- 4. Blocos laterais -------------------------------------------------------------------------- */ html body .pkp_block { margin-bottom: 18px !important; padding: 18px 18px !important; background: rgba(255,255,255,.95) !important; border: 1px solid var(--rpd-line) !important; border-radius: var(--rpd-radius-lg) !important; box-shadow: var(--rpd-shadow-xs) !important; } html body .pkp_block:hover { border-color: var(--rpd-line-strong) !important; box-shadow: var(--rpd-shadow-sm) !important; } html body .pkp_block .title { margin: 0 0 13px !important; padding: 0 0 11px !important; color: var(--rpd-if-green-900) !important; font-size: .79rem !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .075em !important; text-transform: uppercase !important; border-bottom: 1px solid var(--rpd-line) !important; } html body .pkp_block .title::after { width: 32px !important; height: 3px !important; margin-top: 10px !important; background: linear-gradient(90deg, var(--rpd-if-green) 0 72%, var(--rpd-if-red) 72% 100%) !important; } html body .pkp_block a { color: var(--rpd-ink-2) !important; font-size: .9rem !important; font-weight: 650 !important; } html body .pkp_block a:hover, html body .pkp_block a:focus { color: var(--rpd-if-green-800) !important; } /* -------------------------------------------------------------------------- 5. Cabeçalho da edição / capa -------------------------------------------------------------------------- */ html body .obj_issue_toc > .heading { margin: 5px 0 30px !important; padding: 24px !important; background: var(--rpd-surface-soft) !important; border: 1px solid var(--rpd-line) !important; border-radius: var(--rpd-radius-lg) !important; } @supports selector(:has(*)) { html body .obj_issue_toc > .heading:has(> .cover) { display: grid !important; grid-template-columns: 188px minmax(0, 1fr) !important; column-gap: 30px !important; align-items: start !important; } html body .obj_issue_toc > .heading:has(> .cover) > .cover { grid-column: 1 !important; grid-row: 1 / span 8 !important; } html body .obj_issue_toc > .heading:has(> .cover) > :not(.cover) { grid-column: 2 !important; } } html body .obj_issue_toc > .heading > .cover { float: none !important; display: block !important; width: 188px !important; max-width: 100% !important; margin: 0 auto 18px !important; } html body .obj_issue_toc > .heading > .cover img { display: block !important; width: 100% !important; height: auto !important; border-radius: 12px !important; box-shadow: 0 18px 34px rgba(15,51,28,.12) !important; border: 1px solid rgba(15,51,28,.08) !important; } html body .obj_issue_toc > .heading .description { color: var(--rpd-ink-2) !important; line-height: 1.72 !important; } html body .obj_issue_toc > .heading .published, html body .obj_issue_toc > .heading .pub_id { margin-top: 9px !important; color: var(--rpd-muted) !important; font-size: .89rem !important; } html body .obj_issue_toc > .heading .published .label, html body .obj_issue_toc > .heading .pub_id .type { color: var(--rpd-ink-2) !important; font-weight: 750 !important; } /* -------------------------------------------------------------------------- 6. Seções e lista de artigos -------------------------------------------------------------------------- */ html body .obj_issue_toc .sections, html body .current_issue .sections { margin-top: 18px !important; } html body .obj_issue_toc .section, html body .current_issue .section { margin: 0 0 30px !important; } html body .obj_issue_toc .section > h2, html body .obj_issue_toc .section > h3, html body .current_issue .section > h2, html body .current_issue .section > h3 { position: relative !important; margin: 0 0 8px !important; padding: 12px 0 12px 18px !important; color: var(--rpd-if-green-900) !important; font-family: var(--rpd-font-ui) !important; font-size: .84rem !important; font-weight: 850 !important; line-height: 1.35 !important; letter-spacing: .075em !important; text-transform: uppercase !important; border: 0 !important; border-bottom: 1px solid var(--rpd-line) !important; } html body .obj_issue_toc .section > h2::before, html body .obj_issue_toc .section > h3::before, html body .current_issue .section > h2::before, html body .current_issue .section > h3::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 22px; transform: translateY(-50%); border-radius: 999px; background: linear-gradient(180deg, var(--rpd-if-green) 0 74%, var(--rpd-if-red) 74% 100%); } html body .obj_issue_toc .cmp_article_list > li:not(:last-child)::after, html body .current_issue .cmp_article_list > li:not(:last-child)::after { display: none !important; content: none !important; } html body .obj_issue_toc .cmp_article_list > li, html body .current_issue .cmp_article_list > li { border-bottom: 1px solid var(--rpd-line) !important; } html body .obj_issue_toc .cmp_article_list > li:last-child, html body .current_issue .cmp_article_list > li:last-child { border-bottom: 0 !important; } html body .obj_article_summary { min-height: 104px !important; padding: 18px 142px 18px 14px !important; border: 0 !important; border-left: 3px solid transparent !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; transition: background-color .16s ease, border-color .16s ease, transform .16s ease !important; } html body .obj_article_summary:hover, html body .obj_article_summary:focus-within { background: #f7faf8 !important; border-left-color: var(--rpd-if-green) !important; box-shadow: none !important; transform: translateX(2px) !important; } html body .obj_article_summary .title, html body .obj_article_summary > .title { max-width: 900px; margin: 0 0 6px !important; font-family: var(--rpd-font-display) !important; font-size: clamp(1.04rem, 1.2vw, 1.16rem) !important; font-weight: 680 !important; line-height: 1.34 !important; letter-spacing: -.012em !important; } html body .obj_article_summary .title a { color: #16281d !important; } html body .obj_article_summary .title a:hover, html body .obj_article_summary .title a:focus { color: var(--rpd-if-green-800) !important; text-decoration: underline !important; text-decoration-color: rgba(47,158,65,.42) !important; } html body .obj_article_summary .authors, html body .obj_article_summary .meta { color: var(--rpd-muted) !important; font-size: .88rem !important; line-height: 1.52 !important; } html body .obj_article_summary .rpd_author_name { color: #53635a !important; } html body .obj_article_summary .rpd_author { gap: 2px !important; } html body .obj_article_summary .rpd_author_links { gap: 0 !important; margin-left: 2px !important; } html body .obj_article_summary .rpd_icon_link, html body .obj_article_summary .rpd_author_links .rpd_icon_link { width: 13px !important; height: 13px !important; min-width: 13px !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; transform: translateY(-3px) !important; } html body .obj_article_summary .rpd_icon_link + .rpd_icon_link, html body .obj_article_summary .rpd_author_links .rpd_icon_link + .rpd_icon_link { margin-left: 0 !important; } html body .obj_article_summary .rpd_icon_link img, html body .obj_article_summary .rpd_meta_icon { display: block !important; width: 13px !important; height: 13px !important; max-width: 13px !important; max-height: 13px !important; object-fit: contain !important; } html body .obj_article_summary .rpd_icon_lattes, html body .obj_article_summary .rpd_icon_orcid { background-size: 13px 13px !important; background-position: center !important; } html body .obj_article_summary .rpd_author_separator { margin-right: 4px !important; color: #9aa39d !important; } /* DOI do sumário */ html body .obj_article_summary .rpd_article_identifiers { margin-top: 8px !important; } html body .obj_article_summary .rpd_doi_link { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: var(--rpd-if-green-800) !important; font-size: .82rem !important; font-weight: 700 !important; line-height: 1.25 !important; } html body .obj_article_summary .rpd_icon_doi, html body .obj_article_summary .rpd_doi_link .rpd_icon_doi { width: 21px !important; height: 21px !important; min-width: 21px !important; transform: none !important; border-radius: 50% !important; } html body .obj_article_summary .rpd_icon_doi img, html body .obj_article_summary .rpd_doi_link .rpd_meta_icon { width: 21px !important; height: 21px !important; max-width: 21px !important; max-height: 21px !important; } html body .obj_article_summary .rpd_doi_text { text-decoration: underline !important; text-decoration-color: rgba(47,158,65,.28) !important; } /* Ações no lado direito */ html body .obj_article_summary .rpd_article_actions { top: 50% !important; right: 12px !important; width: 116px !important; min-width: 116px !important; transform: translateY(-50%) !important; gap: 8px !important; } html body .obj_article_summary .rpd_article_actions .galleys_links a, html body .obj_article_summary .rpd_article_actions .buttons a, html body .obj_galley_link { min-height: 32px !important; padding: 6px 12px !important; gap: 6px !important; color: #fff !important; font-size: .78rem !important; font-weight: 800 !important; letter-spacing: .02em !important; background: var(--rpd-if-green-700) !important; border: 1px solid var(--rpd-if-green-700) !important; border-radius: 9px !important; box-shadow: 0 4px 10px rgba(23,107,45,.10) !important; } html body .obj_article_summary .rpd_article_actions .galleys_links a:hover, html body .obj_article_summary .rpd_article_actions .galleys_links a:focus, html body .obj_article_summary .rpd_article_actions .buttons a:hover, html body .obj_article_summary .rpd_article_actions .buttons a:focus, html body .obj_galley_link:hover, html body .obj_galley_link:focus { color: #fff !important; background: var(--rpd-if-green-800) !important; border-color: var(--rpd-if-green-800) !important; box-shadow: 0 6px 14px rgba(23,107,45,.16) !important; transform: translateY(-1px) !important; } html body .obj_article_summary .rpd_article_actions :is(.pages, .article_number, .rpd_article_elocation), html body .obj_article_summary .rpd_article_elocation, html body .obj_issue_toc .obj_article_summary .meta > :is(.pages, .article_number), html body .current_issue .obj_article_summary .meta > :is(.pages, .article_number), html body .cmp_article_list .obj_article_summary .meta > :is(.pages, .article_number) { color: var(--rpd-muted) !important; font-size: .80rem !important; font-weight: 700 !important; font-variant-numeric: tabular-nums; letter-spacing: .02em !important; } /* -------------------------------------------------------------------------- 7. Botões e formulários -------------------------------------------------------------------------- */ html body .cmp_button, html body button, html body input[type="submit"], html body input[type="button"], html body .pkp_button { border-radius: 10px !important; font-weight: 750 !important; transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease !important; } html body input[type="text"], html body input[type="email"], html body input[type="password"], html body input[type="search"], html body select, html body textarea { background: #fff !important; border: 1px solid var(--rpd-line-strong) !important; border-radius: 10px !important; box-shadow: inset 0 1px 1px rgba(15,51,28,.025) !important; } html body input[type="text"]:focus, html body input[type="email"]:focus, html body input[type="password"]:focus, html body input[type="search"]:focus, html body select:focus, html body textarea:focus { border-color: var(--rpd-if-green) !important; box-shadow: 0 0 0 4px rgba(47,158,65,.12) !important; } /* -------------------------------------------------------------------------- 8. Página do artigo — leitura primeiro, metadados depois -------------------------------------------------------------------------- */ html body .page_article .obj_article_details, html body article.obj_article_details { background: #fff !important; border: 1px solid var(--rpd-line) !important; border-radius: var(--rpd-radius-xl) !important; box-shadow: var(--rpd-shadow-sm) !important; padding: 36px 38px 40px !important; } html body .page_article .obj_article_details > .page_title, html body article.obj_article_details > .page_title, html body .page_article .obj_article_details h1.page_title, html body article.obj_article_details h1.page_title { max-width: 920px !important; margin: 0 0 16px !important; color: #13251a !important; font-family: var(--rpd-font-display) !important; font-size: clamp(2rem, 3.25vw, 3rem) !important; font-weight: 670 !important; line-height: 1.08 !important; letter-spacing: -.035em !important; } html body .page_article .obj_article_details > .subtitle, html body article.obj_article_details > .subtitle { max-width: 880px !important; margin: -4px 0 24px !important; color: var(--rpd-muted) !important; font-family: var(--rpd-font-display) !important; font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important; font-weight: 500 !important; line-height: 1.35 !important; } @media (min-width: 981px) { html body .page_article .obj_article_details > .row, html body article.obj_article_details > .row, html body .page_article .obj_article_details .row { display: grid !important; grid-template-columns: minmax(0, 1fr) 286px !important; column-gap: 46px !important; align-items: start !important; } html body .page_article .obj_article_details .main_entry, html body article.obj_article_details .main_entry { max-width: 810px !important; padding-right: 0 !important; } html body .page_article .obj_article_details .entry_details, html body article.obj_article_details .entry_details { position: static !important; top: auto !important; align-self: start !important; padding: 22px !important; background: #f8faf8 !important; border: 1px solid var(--rpd-line) !important; border-radius: var(--rpd-radius-lg) !important; box-shadow: var(--rpd-shadow-xs) !important; } } /* Autores */ html body .page_article .obj_article_details .main_entry > .item.authors, html body article.obj_article_details .main_entry > .item.authors { margin: 0 0 14px !important; padding: 0 0 18px !important; border-bottom: 1px solid var(--rpd-line) !important; } html body .page_article .obj_article_details .main_entry > .item.authors ul.authors, html body article.obj_article_details .main_entry > .item.authors ul.authors { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors ul.authors > li, html body article.obj_article_details .main_entry > .item.authors ul.authors > li { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; column-gap: 0 !important; row-gap: 2px !important; margin: 0 !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors .name, html body article.obj_article_details .main_entry > .item.authors .name { color: var(--rpd-ink-2) !important; font-size: .94rem !important; font-weight: 720 !important; line-height: 1.35 !important; } html body .page_article .obj_article_details .main_entry > .item.authors .affiliation, html body article.obj_article_details .main_entry > .item.authors .affiliation { flex: 0 0 100% !important; display: block !important; margin-top: 1px !important; color: var(--rpd-muted) !important; font-size: .82rem !important; font-weight: 500 !important; line-height: 1.35 !important; } /* ROR é um wordmark horizontal inserido pelo OJS dentro da afiliação. Sem limite próprio ele herda a regra global de SVG/imagem e fica grande. */ html body .page_article .obj_article_details .main_entry > .item.authors .affiliation a[href*="ror.org"], html body article.obj_article_details .main_entry > .item.authors .affiliation a[href*="ror.org"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 12px !important; margin: 0 0 0 4px !important; padding: 0 !important; line-height: 0 !important; vertical-align: -1px !important; } html body .page_article .obj_article_details .main_entry > .item.authors .affiliation a[href*="ror.org"] :is(img, svg), html body article.obj_article_details .main_entry > .item.authors .affiliation a[href*="ror.org"] :is(img, svg) { display: block !important; width: auto !important; height: 12px !important; max-width: 26px !important; max-height: 12px !important; margin: 0 !important; } /* Mantém os ícones reais já usados pelo CSS/template atual, menores e sem folga. */ html body .page_article .obj_article_details .main_entry > .item.authors :is(.url, .homepage, .author_url, .orcid), html body article.obj_article_details .main_entry > .item.authors :is(.url, .homepage, .author_url, .orcid) { display: inline-flex !important; align-items: center !important; width: 13px !important; height: 13px !important; min-width: 13px !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.authors :is(.url, .homepage, .author_url, .orcid) a, html body article.obj_article_details .main_entry > .item.authors :is(.url, .homepage, .author_url, .orcid) a { width: 13px !important; height: 13px !important; min-width: 13px !important; margin: 0 !important; padding: 0 !important; transform: translateY(-2px) !important; background-size: 13px 13px !important; background-position: center !important; box-shadow: none !important; } /* DOI individual */ html body .page_article .obj_article_details .main_entry > .item.doi, html body article.obj_article_details .main_entry > .item.doi { margin: 10px 0 18px !important; padding: 0 !important; } html body .page_article .obj_article_details .main_entry > .item.doi a, html body article.obj_article_details .main_entry > .item.doi a { gap: 8px !important; color: var(--rpd-if-green-800) !important; font-size: .86rem !important; font-weight: 760 !important; } html body .page_article .obj_article_details .main_entry > .item.doi a::before, html body article.obj_article_details .main_entry > .item.doi a::before { flex: 0 0 20px !important; width: 20px !important; height: 20px !important; background-size: 20px 20px !important; box-shadow: none !important; } /* Resumo como bloco de leitura */ html body .page_article .obj_article_details .main_entry > .item.abstract, html body article.obj_article_details .main_entry > .item.abstract { margin: 0 !important; padding: 22px 24px !important; background: #f7faf8 !important; border: 1px solid var(--rpd-line) !important; border-left: 4px solid var(--rpd-if-green) !important; border-radius: 0 16px 16px 0 !important; } html body .page_article .obj_article_details .main_entry > .item.abstract > .label, html body article.obj_article_details .main_entry > .item.abstract > .label { display: block !important; margin: 0 0 9px !important; color: var(--rpd-if-green-900) !important; font-size: .78rem !important; font-weight: 850 !important; letter-spacing: .07em !important; text-transform: uppercase !important; } html body .page_article .obj_article_details .main_entry > .item.abstract > p, html body .page_article .obj_article_details .main_entry > .item.abstract > div, html body article.obj_article_details .main_entry > .item.abstract > p, html body article.obj_article_details .main_entry > .item.abstract > div { color: #27382e !important; font-size: .98rem !important; line-height: 1.72 !important; text-align: left !important; } html body .page_article .obj_article_details .main_entry > .item.keywords, html body article.obj_article_details .main_entry > .item.keywords { margin: 10px 0 0 !important; padding: 0 4px !important; color: var(--rpd-muted) !important; font-size: .87rem !important; line-height: 1.55 !important; text-align: left !important; } html body .page_article .obj_article_details .main_entry > .item.keywords > .label, html body article.obj_article_details .main_entry > .item.keywords > .label { color: var(--rpd-ink-2) !important; font-weight: 800 !important; } /* Títulos das seções longas do artigo */ html body .page_article .obj_article_details .main_entry > .item:not(.authors):not(.doi):not(.abstract):not(.keywords) > .label, html body article.obj_article_details .main_entry > .item:not(.authors):not(.doi):not(.abstract):not(.keywords) > .label { color: var(--rpd-ink) !important; font-family: var(--rpd-font-display) !important; font-size: 1.28rem !important; font-weight: 650 !important; letter-spacing: -.015em !important; } /* Coluna lateral do artigo */ html body .page_article .obj_article_details .entry_details .item, html body article.obj_article_details .entry_details .item { padding: 15px 0 !important; border-bottom: 1px solid var(--rpd-line) !important; } html body .page_article .obj_article_details .entry_details .item:first-child, html body article.obj_article_details .entry_details .item:first-child { padding-top: 0 !important; } html body .page_article .obj_article_details .entry_details h2, html body .page_article .obj_article_details .entry_details h3, html body article.obj_article_details .entry_details h2, html body article.obj_article_details .entry_details h3 { color: var(--rpd-if-green-900) !important; font-size: .74rem !important; font-weight: 850 !important; letter-spacing: .065em !important; text-transform: uppercase !important; } html body .page_article .obj_article_details .entry_details .cover_image img, html body article.obj_article_details .entry_details .cover_image img, html body .page_article .obj_article_details .entry_details .item.cover_image img, html body article.obj_article_details .entry_details .item.cover_image img { max-width: 210px !important; border-radius: 10px !important; border: 1px solid rgba(15,51,28,.08) !important; box-shadow: 0 14px 28px rgba(15,51,28,.10) !important; } html body .page_article .obj_article_details .entry_details .galleys_links a, html body article.obj_article_details .entry_details .galleys_links a { width: 100% !important; min-height: 38px !important; justify-content: center !important; color: #fff !important; background: var(--rpd-if-green-700) !important; border-color: var(--rpd-if-green-700) !important; border-radius: 10px !important; } html body .page_article .obj_article_details .entry_details .citation_formats_button, html body article.obj_article_details .entry_details .citation_formats_button { width: 100% !important; color: var(--rpd-if-green-800) !important; background: #fff !important; border: 1px solid var(--rpd-line-strong) !important; } /* -------------------------------------------------------------------------- 9. Arquivos, anúncios e buscas -------------------------------------------------------------------------- */ html body .page_archives .issues_archive > li, html body .page_search .search_results > li { border-color: var(--rpd-line) !important; } html body .obj_issue_summary { border-radius: var(--rpd-radius-lg) !important; } html body .obj_issue_summary .title { font-family: var(--rpd-font-display) !important; font-weight: 650 !important; } /* -------------------------------------------------------------------------- 10. Rodapé institucional -------------------------------------------------------------------------- */ html body .pkp_structure_footer_wrapper { position: relative !important; margin-top: 50px !important; background: linear-gradient(135deg, #0d3b1e 0%, #082d17 100%) !important; border: 0 !important; color: rgba(255,255,255,.84) !important; } html body .pkp_structure_footer_wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--rpd-if-green) 0 82%, var(--rpd-if-red) 82% 100%); } html body .pkp_structure_footer { padding-top: 34px !important; padding-bottom: 34px !important; color: rgba(255,255,255,.82) !important; } html body .pkp_structure_footer, html body .pkp_structure_footer p, html body .pkp_structure_footer li, html body .pkp_structure_footer_wrapper a { color: rgba(255,255,255,.82) !important; } html body .pkp_structure_footer_wrapper a:hover, html body .pkp_structure_footer_wrapper a:focus { color: #fff !important; text-decoration: underline !important; } /* -------------------------------------------------------------------------- 11. Responsividade -------------------------------------------------------------------------- */ @media (max-width: 1180px) { :root { --rpd-sidebar-width: 248px; --rpd-column-gap: 22px; } html body #navigationPrimary > li > a { padding-right: 9px !important; padding-left: 9px !important; font-size: .84rem !important; } } @media (max-width: 980px) { html body .pkp_structure_content, html body .pkp_structure_footer, html body .pkp_head_wrapper, html body .page, html body .cmp_breadcrumbs { width: min(100% - 34px, var(--rpd-content-width)) !important; } html body .page_article .obj_article_details, html body article.obj_article_details { padding: 30px 28px 34px !important; } html body .page_article .obj_article_details .entry_details, html body article.obj_article_details .entry_details { margin-top: 30px !important; padding: 22px !important; background: #f8faf8 !important; border: 1px solid var(--rpd-line) !important; border-radius: var(--rpd-radius-lg) !important; } } @media (max-width: 760px) { html body .pkp_navigation_user_wrapper { position: static !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 6px 0 !important; background: #f6f9f7 !important; border: 0 !important; border-top: 1px solid var(--rpd-line) !important; box-shadow: none !important; } html body .pkp_navigation_user_wrapper::before, html body .pkp_navigation_user_wrapper::after { display: none !important; content: none !important; } html body .pkp_navigation_user, html body .pkp_navigation_user a, html body .pkp_navigation_user li { color: #526258 !important; } html body .pkp_site_name_wrapper { padding: 17px 0 12px !important; } html body .pkp_site_name .is_img img, html body .pkp_site_name img { max-width: min(280px, 72vw) !important; max-height: 96px !important; } html body .pkp_structure_content { margin-top: 20px !important; } html body .page_index_journal .homepage_about, html body .page_index_journal .current_issue, html body .page_index_journal .additional_content, html body .page_issue .issue_toc, html body .page_archives .issues_archive, html body .page_search .search_results, html body .page_announcements .obj_announcement_summary, html body .obj_announcement_full, html body .page_submissions .submission_checklist { padding: 22px 20px !important; border-radius: 18px !important; } html body .obj_issue_toc > .heading { display: block !important; padding: 18px !important; } html body .obj_issue_toc > .heading > .cover { width: min(180px, 62vw) !important; margin: 0 auto 18px !important; } html body .obj_article_summary { min-height: 0 !important; padding: 16px 10px !important; border-radius: 10px !important; } html body .obj_article_summary .rpd_article_actions { position: static !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin-top: 12px !important; transform: none !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 10px !important; } html body .obj_article_summary .rpd_article_actions .galleys_links, html body .obj_article_summary .rpd_article_actions .buttons { width: auto !important; flex-direction: row !important; } html body .obj_article_summary .rpd_article_actions :is(.pages, .article_number, .rpd_article_elocation), html body .obj_article_summary .rpd_article_elocation, html body .obj_issue_toc .obj_article_summary .meta > :is(.pages, .article_number), html body .current_issue .obj_article_summary .meta > :is(.pages, .article_number), html body .cmp_article_list .obj_article_summary .meta > :is(.pages, .article_number) { position: static !important; width: auto !important; max-width: none !important; text-align: left !important; } html body .page_article .obj_article_details, html body article.obj_article_details { padding: 24px 20px 28px !important; border-radius: 18px !important; } html body .page_article .obj_article_details > .page_title, html body article.obj_article_details > .page_title, html body .page_article .obj_article_details h1.page_title, html body article.obj_article_details h1.page_title { font-size: clamp(1.72rem, 7vw, 2.2rem) !important; } html body .page_article .obj_article_details .main_entry > .item.abstract, html body article.obj_article_details .main_entry > .item.abstract { padding: 18px 18px !important; } html body .pkp_block { padding: 17px 16px !important; } } @media (max-width: 480px) { html body .pkp_structure_content, html body .pkp_structure_footer, html body .pkp_head_wrapper, html body .page, html body .cmp_breadcrumbs { width: calc(100% - 24px) !important; } html body .page_index_journal .homepage_about, html body .page_index_journal .current_issue, html body .page_index_journal .additional_content, html body .page_issue .issue_toc { padding: 18px 15px !important; } html body .obj_article_summary .title, html body .obj_article_summary > .title { font-size: 1rem !important; } html body .obj_article_summary .authors, html body .obj_article_summary .meta { font-size: .83rem !important; } html body .obj_article_summary .rpd_icon_link, html body .obj_article_summary .rpd_author_links .rpd_icon_link, html body .obj_article_summary .rpd_icon_link img, html body .obj_article_summary .rpd_meta_icon { width: 12px !important; height: 12px !important; min-width: 12px !important; max-width: 12px !important; max-height: 12px !important; background-size: 12px 12px !important; } html body .obj_article_summary .rpd_icon_doi, html body .obj_article_summary .rpd_doi_link .rpd_icon_doi, html body .obj_article_summary .rpd_icon_doi img, html body .obj_article_summary .rpd_doi_link .rpd_meta_icon { width: 19px !important; height: 19px !important; min-width: 19px !important; max-width: 19px !important; max-height: 19px !important; } } @media (prefers-reduced-motion: reduce) { html body *, html body *::before, html body *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* ============================================================ 19. Correção responsiva de alta especificidade Mantém a capa e os metadados da edição legíveis em telas estreitas, inclusive quando :has() está disponível no navegador. ============================================================ */ @media (max-width: 760px) { html body .obj_issue_toc > .heading, html body .obj_issue_toc > .heading:has(> .cover) { display: block !important; grid-template-columns: none !important; grid-template-rows: none !important; } html body .obj_issue_toc > .heading:has(> .cover) > .cover, html body .obj_issue_toc > .heading:has(> .cover) > :not(.cover) { grid-column: auto !important; grid-row: auto !important; } html body .obj_issue_toc > .heading > .cover { float: none !important; width: min(190px, 62vw) !important; max-width: 190px !important; margin: 0 auto 20px !important; } } /* -------------------------------------------------------------------------- 12.1 Ajustes finais de especificidade sobre regras consolidadas anteriores -------------------------------------------------------------------------- O CSS histórico da RPD transforma os links Lattes/ORCID em background-image usando seletores com atributo href, cuja especificidade é maior do que a regra genérica do bloco moderno. Estes seletores igualam exatamente essa especificidade para garantir 13 × 13 px reais, sem recorte de uma imagem de 20 px dentro de uma caixa menor. */ html body .page_article .obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"], html body .page_article .obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"], html body .page_article .obj_article_details .main_entry > .item.authors a[href*="cnpq.br/web/dgp"], html body .page_article .obj_article_details .main_entry > .item.authors a[href*="curriculolattes"], html body .page_article .obj_article_details .main_entry > .item.authors .url > a:not([href*="orcid.org"]), html body .page_article .obj_article_details .main_entry > .item.authors .homepage > a:not([href*="orcid.org"]), html body .page_article .obj_article_details .main_entry > .item.authors .author_url > a:not([href*="orcid.org"]), html body article.obj_article_details .main_entry > .item.authors a[href*="lattes.cnpq.br"], html body article.obj_article_details .main_entry > .item.authors a[href*="buscatextual.cnpq.br"], html body article.obj_article_details .main_entry > .item.authors a[href*="cnpq.br/web/dgp"], html body article.obj_article_details .main_entry > .item.authors a[href*="curriculolattes"], html body article.obj_article_details .main_entry > .item.authors .url > a:not([href*="orcid.org"]), html body article.obj_article_details .main_entry > .item.authors .homepage > a:not([href*="orcid.org"]), html body article.obj_article_details .main_entry > .item.authors .author_url > a:not([href*="orcid.org"]) { flex: 0 0 13px !important; width: 13px !important; height: 13px !important; min-width: 13px !important; max-width: 13px !important; max-height: 13px !important; background-size: 13px 13px !important; background-position: center !important; transform: translateY(-2px) !important; box-shadow: none !important; } html body .page_article .obj_article_details .main_entry > .item.authors .orcid a, html body .page_article .obj_article_details .main_entry > .item.authors a[href*="orcid.org"], html body article.obj_article_details .main_entry > .item.authors .orcid a, html body article.obj_article_details .main_entry > .item.authors a[href*="orcid.org"] { flex: 0 0 13px !important; width: 13px !important; height: 13px !important; min-width: 13px !important; max-width: 13px !important; max-height: 13px !important; background-size: 13px 13px !important; background-position: center !important; transform: translateY(-2px) !important; box-shadow: none !important; } @media (max-width: 760px) { /* Em menu vertical, o fundo do item ativo já fornece o estado atual; retirar a linha evita um traço exageradamente largo. */ html body #navigationPrimary > li > a::after, html body .pkp_structure_head .pkp_navigation_search_wrapper > a::after { display: none !important; content: none !important; } } /* Melhoria discreta de tipografia editorial: navegadores modernos equilibram as quebras de títulos longos; em navegadores sem suporte, a regra é ignorada. */ html body .page_article .obj_article_details > .page_title, html body article.obj_article_details > .page_title, html body .obj_article_summary .title, html body .current_issue_title { text-wrap: balance; }