@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');
.pkp_structure_head {
  background: url("https://jhi.sbis.org.br/public/journals/1/homepageImage_pt_BR.jpg");
  background-position: right;
  background-size: 100%;
  background-repeat: no-repeat;
}
.pkp_site_nav_menu {
  background: #fff0;
}
.pkp_brand_footer {
  padding: 0;
}
.pkp_brand_footer a {
  max-width: 100px;
}

/* JHI 31/08/2026: largura util do site e coluna de leitura do artigo.
   Vale so a partir de 1240px de janela. Reversivel: apagar daqui para baixo. */
@media (min-width: 1240px) {
  .pkp_head_wrapper,
  .pkp_site_nav_menu,
  .pkp_structure_content {
    width: auto !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pkp_structure_content.has_sidebar .pkp_structure_main {
    width: calc(100% - 320px) !important;
  }
  .pkp_structure_content .pkp_structure_sidebar {
    width: 300px !important;
  }
  .pkp_structure_main::after {
    left: auto !important;
    right: 0 !important;
  }
  .pkp_page_article .obj_article_details .main_entry {
    width: calc(100% - 340px) !important;
  }
  .pkp_page_article .obj_article_details .entry_details {
    width: 300px !important;
  }
  .pkp_structure_content.jhi_um_trilho {
    max-width: 1200px !important;
  }
  .pkp_structure_content.jhi_um_trilho .pkp_structure_main {
    width: 100% !important;
  }
}

.pkp_structure_content.jhi_um_trilho .pkp_structure_sidebar {
  display: none !important;
}
.entry_details .pkp_block {
  width: 100%;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}
.entry_details .pkp_block .title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #75858d;
  margin: 0 0 8px;
}
.entry_details .pkp_block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.entry_details .pkp_block li {
  margin: 0 0 4px;
}
.entry_details .pkp_block img {
  max-width: 100%;
}

.cmp_announcements .obj_announcement_summary:nth-of-type(1):nth-last-of-type(1) {
  float: none !important;
  width: 100% !important;
}

/* a marca horizontal dentro da noticia sai em 30% da largura, alinhada a esquerda.
   O OJS remove style e width do <img>, entao o tamanho tem de vir daqui. */
img[src$="/mceclip0.png"],
img[src$="/mceclip2.png"] {
  width: 30%;
  height: auto;
  display: block;
  margin: 0 0 1em 0;
}

/* ==================================================================
   JHI, sistema visual 3.0 aplicado ao tema padrao do OJS 3.3.
   Acrescentado em 31/08/2026. Reversivel: apagar deste comentario
   ate o fim do arquivo, e remover o @import da primeira linha.
   Nada acima daqui foi alterado.
   ================================================================== */

:root{
  --jhi-ink:#1C3340;      --jhi-ink-950:#0E1C24;
  --jhi-slate-700:#2A4A5C; --jhi-slate-600:#3C6377;
  --jhi-steel:#7EA8B0;     --jhi-steel-300:#A9C6CC;
  --jhi-mist:#C8DDE2;      --jhi-mist-100:#E8F1F4;
  --jhi-paper:#F7F9FA;     --jhi-line:#DCE4E7;
  --jhi-grey-600:#5D6E77;
  --jhi-amber:#F09000;     --jhi-amber-700:#A85C00;
  --jhi-amber-300:#F0A24A; --jhi-amber-100:#FBE8CE;
  --jhi-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --jhi-serif:"Source Serif 4","Noto Serif",Georgia,serif;
  --jhi-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}

/* ---------- 1. tipografia base ---------------------------------- */
body,
.pkp_structure_page,
.pkp_navigation_primary,
.pkp_block,
input, select, textarea, button{
  font-family:var(--jhi-sans);
}
body{
  font-size:16px;
  line-height:1.62;
  color:var(--jhi-ink);
  background:var(--jhi-paper);
  -webkit-font-smoothing:antialiased;
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.page_title{
  font-family:var(--jhi-sans);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--jhi-ink);
}
.pkp_structure_main h1, .page_title{ font-size:34px; line-height:1.15; }
.pkp_structure_main h2{ font-size:24px; line-height:1.25; }
.pkp_structure_main h3{ font-size:19px; line-height:1.32; }

/* ---------- 2. cabecalho ---------------------------------------- */
.pkp_structure_head{
  background:var(--jhi-ink) !important;
  background-image:none !important;
  border-bottom:none;
}
.pkp_head_wrapper{
  padding-top:18px !important;
  padding-bottom:14px !important;
}
/* a marca ja esta em negativo no arquivo enviado em Aparencia
   (jhi-logo-negativo.png), com a linha "Journal of" em Steel Blue.
   O content abaixo forca a versao nova, porque o OJS serve o logo sempre
   no mesmo endereco, sem parametro de versao, e quem ja visitou o site fica
   com o arquivo antigo em cache. Ao trocar o logo de novo, mudar a data. */
.pkp_head_wrapper .pkp_site_name img{
  max-height:52px; width:auto;
  content:url("https://jhi.sbis.org.br/public/journals/1/pageHeaderLogoImage_pt_BR.png?v=20260831");
}
.pkp_head_wrapper .pkp_site_name,
.pkp_head_wrapper .pkp_site_name a{ color:#fff; }
.pkp_search_desktop input[type="search"],
.pkp_head_wrapper input[type="search"]{
  background:rgba(255,255,255,.08);
  border:1px solid var(--jhi-slate-700);
  color:#fff; border-radius:6px;
}
.pkp_head_wrapper input[type="search"]::placeholder{ color:var(--jhi-steel); }

/* ---------- 3. navegacao ---------------------------------------- */
.pkp_site_nav_menu{
  background:var(--jhi-slate-700) !important;
  border-bottom:none;
}
.pkp_navigation_primary > li > a{
  color:#fff !important;
  font-size:14.5px;
  font-weight:600;
  padding:14px 0 12px !important;
  border-bottom:3px solid transparent;
}
.pkp_navigation_primary > li{ margin-right:26px; }
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus{
  color:#fff !important;
  border-bottom-color:var(--jhi-amber);
}
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li[aria-current] > a{
  border-bottom-color:var(--jhi-amber);
}
.pkp_navigation_primary ul{
  background:var(--jhi-ink);
  border:1px solid var(--jhi-slate-700);
  border-radius:0 0 6px 6px;
  padding:4px 0;
}
.pkp_navigation_primary ul > li > a{
  color:var(--jhi-mist) !important;
  font-weight:500;
  padding:8px 16px !important;
}
.pkp_navigation_primary ul > li > a:hover{
  background:var(--jhi-slate-700);
  color:#fff !important;
}
.pkp_navigation_user > li > a{ color:var(--jhi-mist) !important; font-weight:600; }

/* ---------- 4. conteudo ----------------------------------------- */
.pkp_structure_content{ background:var(--jhi-paper); }
.pkp_structure_main{ padding-top:30px; }
.pkp_structure_main a,
.pkp_block a{ color:var(--jhi-slate-600); }
.pkp_structure_main a:hover,
.pkp_block a:hover{ color:var(--jhi-amber-700); }

.cmp_breadcrumbs{ font-size:13px; color:var(--jhi-grey-600); }
.cmp_breadcrumbs a{ color:var(--jhi-grey-600); }

/* filete ambar sob o titulo de pagina */
.pkp_structure_main > .page > h1:first-of-type,
.pkp_page_issue .page_title,
.pkp_page_article .page_title{ position:relative; padding-bottom:14px; }
.pkp_structure_main > .page > h1:first-of-type::after,
.pkp_page_issue .page_title::after{
  content:""; position:absolute; left:0; bottom:0;
  width:56px; height:3px; background:var(--jhi-amber); border-radius:2px;
}

/* ---------- 5. sumario e lista de artigos ----------------------- */
.sections .section > h2,
.obj_issue_toc .section > h2{
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--jhi-amber-700) !important;
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin:34px 0 14px !important;
}
.obj_article_summary{
  background:#fff;
  border:1px solid var(--jhi-line);
  border-radius:8px;
  padding:18px 20px !important;
  margin:0 0 14px !important;
  box-shadow:none;
}
.obj_article_summary > .title{ margin:0 0 6px; }
.obj_article_summary > .title a{
  font-family:var(--jhi-sans);
  font-size:18px !important;
  font-weight:700;
  line-height:1.3;
  color:var(--jhi-ink) !important;
}
.obj_article_summary > .title a:hover{ color:var(--jhi-amber-700) !important; }
.obj_article_summary .subtitle{ color:var(--jhi-slate-600); font-weight:500; }
.obj_article_summary .meta{ margin-top:8px; }
.obj_article_summary .authors{ font-size:14px; color:var(--jhi-grey-600); }
.obj_article_summary .pages{ font-size:13px; color:var(--jhi-grey-600); }
.obj_article_summary .galleys_links{ margin-top:12px; }

/* botao do PDF, Amber 700 sobre branco, 5,00:1 */
.obj_galley_link{
  background:var(--jhi-amber-700) !important;
  border:none !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:13px !important;
  letter-spacing:.03em;
  border-radius:6px !important;
  padding:8px 14px !important;
}
.obj_galley_link:hover,
.obj_galley_link:focus{
  background:var(--jhi-amber) !important;
  color:var(--jhi-ink) !important;
}

/* ---------- 6. pagina do artigo --------------------------------- */
.pkp_page_article .obj_article_details .page_title{
  font-size:31px; line-height:1.16; margin-bottom:6px;
}
.pkp_page_article .subtitle{
  font-size:19px; font-weight:600; color:var(--jhi-slate-600);
  line-height:1.3; margin-bottom:16px;
}
.pkp_page_article .authors{ margin-bottom:20px; }
.pkp_page_article .authors .name{ font-weight:700; color:var(--jhi-ink); }
.pkp_page_article .authors .affiliation{ font-size:14px; color:var(--jhi-grey-600); }
.pkp_page_article .item.doi .value,
.pkp_page_article .item.doi a{
  font-family:var(--jhi-mono);
  font-size:13.5px;
  color:var(--jhi-slate-700);
}
.pkp_page_article .item .label{
  font-size:12px; font-weight:800; letter-spacing:.12em;
  text-transform:uppercase; color:var(--jhi-amber-700);
}
.pkp_page_article .item.abstract{
  background:var(--jhi-mist-100);
  border-left:3px solid var(--jhi-amber);
  border-radius:0 8px 8px 0;
  padding:20px 24px;
  margin:24px 0;
}
.pkp_page_article .item.abstract h2,
.pkp_page_article .item.abstract h3{
  font-size:12px !important; font-weight:800 !important;
  letter-spacing:.15em; text-transform:uppercase;
  color:var(--jhi-amber-700) !important; margin:0 0 10px !important;
}
.pkp_page_article .item.abstract p{
  font-family:var(--jhi-serif);
  font-size:17px; line-height:1.68; color:var(--jhi-slate-700);
  margin:0 0 .85em;
}
.pkp_page_article .item.abstract p:last-child{ margin-bottom:0; }
.pkp_page_article .item.keywords .value{ color:var(--jhi-slate-700); }
.pkp_page_article .entry_details .item{
  border-top:1px solid var(--jhi-line);
  padding-top:16px; margin-top:16px;
}
.pkp_page_article .entry_details .item:first-child{ border-top:none; }
.pkp_page_article .item.citation .citation_display{
  background:var(--jhi-paper);
  border:1px solid var(--jhi-line);
  border-radius:6px; padding:12px 14px; font-size:14px;
}

/* ---------- 7. blocos da barra lateral -------------------------- */
.pkp_structure_sidebar .pkp_block{
  background:#fff;
  border:1px solid var(--jhi-line);
  border-radius:8px;
  padding:18px 20px !important;
  margin-bottom:18px;
}
.pkp_structure_sidebar .pkp_block .title{
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--jhi-grey-600) !important;
  margin:0 0 12px !important;
}
.pkp_structure_sidebar .pkp_block ul{ font-size:14.5px; }
.pkp_structure_sidebar .pkp_block li{ margin-bottom:6px; }

/* ---------- 8. rodape ------------------------------------------- */
.pkp_structure_footer_wrapper{
  background:var(--jhi-ink) !important;
  color:var(--jhi-mist) !important;
  border-top:3px solid var(--jhi-amber);
}
.pkp_structure_footer_wrapper a{ color:var(--jhi-amber-300) !important; }
.pkp_structure_footer{ padding-top:30px; padding-bottom:26px; font-size:14px; }
.pkp_structure_footer p{ color:var(--jhi-mist); }
.pkp_brand_footer{ opacity:.75; }
.pkp_brand_footer a{ filter:brightness(0) invert(1); }

/* ---------- 9. formularios e botoes ----------------------------- */
.pkp_structure_main .cmp_button,
.pkp_structure_main .pkp_button,
.pkp_structure_main input[type="submit"],
.pkp_structure_main button[type="submit"]{
  background:var(--jhi-amber-700) !important;
  border:none !important;
  color:#fff !important;
  font-weight:700;
  border-radius:6px;
  padding:10px 18px;
}
.pkp_structure_main .cmp_button:hover,
.pkp_structure_main input[type="submit"]:hover{
  background:var(--jhi-amber) !important;
  color:var(--jhi-ink) !important;
}
:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--jhi-amber-700) !important;
}

/* ---------- 10. tabelas e blocos de texto ----------------------- */
.pkp_structure_main table{ border-collapse:collapse; font-size:15px; }
.pkp_structure_main table th{
  background:var(--jhi-ink); color:#fff; text-align:left;
  font-size:12px; letter-spacing:.09em; text-transform:uppercase;
  font-weight:600; padding:11px 13px; border:none;
}
.pkp_structure_main table td{
  padding:11px 13px; border:none;
  border-bottom:1px solid var(--jhi-line);
}
.pkp_structure_main table tbody tr:nth-child(even){ background:var(--jhi-paper); }

/* ---------- 11. avisos e destaque da home ----------------------- */
.cmp_announcements .obj_announcement_summary{
  background:#fff; border:1px solid var(--jhi-line);
  border-radius:8px; padding:20px 22px;
}
.cmp_announcements .obj_announcement_summary h2 a{ color:var(--jhi-ink) !important; }
.homepage_about{ font-size:16.5px; color:var(--jhi-slate-700); }

/* ---------- 12. reducoes ---------------------------------------- */
@media (max-width:991px){
  .pkp_head_wrapper .pkp_site_name img{ max-height:40px; }
  .pkp_structure_main h1, .page_title{ font-size:27px; }
}

/* ---------- 13. ajustes apos o teste no site real (31/08) -------- */
/* rotulo ambar so no corpo do artigo; na coluna lateral fica Grey 600 */
.pkp_page_article .main_entry .item .label{ color:var(--jhi-amber-700); }
.pkp_page_article .entry_details .item .label{
  font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:var(--jhi-grey-600); }
/* filete ambar tambem no titulo do artigo e nas cabecas da home */
.pkp_page_article .obj_article_details .page_title::after,
.homepage_about > h2::after,
.current_issue > h2::after,
.cmp_announcements > h2::after{
  content:""; display:block; width:56px; height:3px; background:var(--jhi-amber);
  border-radius:2px; margin-top:14px; }
.homepage_about > h2, .current_issue > h2, .cmp_announcements > h2{ margin-bottom:18px; }
/* capa do artigo dentro do cartao do sumario nao pode dominar o cartao */
.obj_article_summary > .cover img,
.obj_article_summary .cover_image img{ max-width:110px; height:auto; border-radius:4px; }
.obj_article_summary > .cover{ margin-right:16px; }

/* ---------- 14. botoes com estilo em linha no conteudo ---------- */
/* Quatro links da home e da pagina de submissoes trazem cor azul escrita
   dentro do proprio HTML do texto (#0b3d91 sobre #e8f0fb), fora da paleta.
   O certo e corrigir esse HTML em Configuracoes; enquanto isso, o sistema
   vence aqui. Ao corrigir o texto, esta secao pode sair. */
.pkp_structure_main a[style*="#0b3d91"]{
  background:var(--jhi-amber-700) !important;
  color:#fff !important;
  border:1px solid var(--jhi-amber-700) !important;
  border-radius:6px !important;
}
.pkp_structure_main a[style*="#0b3d91"]:hover{
  background:var(--jhi-amber) !important;
  color:var(--jhi-ink) !important;
  border-color:var(--jhi-amber) !important;
}

/* ---------- 15. pagina do fluxo editorial em um trilho ---------- */
/* O infografico foi desenhado em quatro colunas e usa container query:
   abaixo de 1100px de coluna ele cai para duas. Com a barra lateral, a
   coluna de conteudo fica em torno de 950px e o infografico nunca abre.
   Aqui a pagina do fluxo, e so ela, roda sem barra lateral. */
body.pkp_page_fluxoeditorial .pkp_structure_sidebar{ display:none !important; }
body.pkp_page_fluxoeditorial .pkp_structure_content.has_sidebar .pkp_structure_main{
  width:100% !important;
}
body.pkp_page_fluxoeditorial .pkp_structure_main::after{ display:none !important; }

/* ---------- 16. correcao: nao repintar cabecalho de conteudo proprio ---- */
/* O infografico do fluxo pinta os cabecalhos de fase por heranca (color:#fff
   no .mf-h). A regra de cor de titulo da secao 1 e uma regra direta no h3, e
   heranca sempre perde para regra direta: os quatro titulos viravam Midnight.
   Na fase 3, Midnight sobre Midnight, contraste 1,00, titulo invisivel.
   Medido no ar em 31/08 e corrigido aqui. Vale para qualquer bloco com
   paleta propria embutido numa pagina institucional. */
.fx .mf-h h3,
.fx .mf-h p,
.fx .mf-h .rot,
.fx .pa-h{ color:#fff !important; }

/* ---------- 17. cabecalho: alinhamento e faixa de navegacao ------ */
/* Tres defeitos do tema padrao, medidos no ar em 31/08:
   1. .pkp_site_name_wrapper vem com margin-left de 89px, o que joga a marca
      para dentro e a desalinha do conteudo da pagina.
   2. A navegacao e FILHA de .pkp_head_wrapper, entao herda o padding dele e o
      fundo nunca chega as bordas: fica uma caixa flutuante em vez de faixa.
      A sombra lateral estende o fundo sem mexer no layout nem criar rolagem.
   3. O link do menu traz margin-left negativa de 7px, que desalinha o primeiro
      item em relacao a marca.
   O resultado alinha marca, menu e conteudo no mesmo eixo. */
.pkp_structure_head{ padding:0 !important; }
.pkp_head_wrapper{
  max-width:none !important; width:100% !important; margin:0 !important;
  padding-top:15px !important; padding-bottom:0 !important;
  padding-left:calc(max(0px, (100% - 1400px)/2) + 20px) !important;
  padding-right:calc(max(0px, (100% - 1400px)/2) + 20px) !important;
}
.pkp_site_name_wrapper{ margin-left:0 !important; width:100% !important; }
.pkp_site_name{ padding:0 0 14px !important; }
.pkp_head_wrapper .pkp_site_name img{ max-height:56px !important; }
.pkp_site_nav_menu{
  max-width:none !important; width:100% !important; margin:0 !important;
  padding-left:0 !important; padding-right:0 !important;
  box-shadow:-50vw 0 0 var(--jhi-slate-700), 50vw 0 0 var(--jhi-slate-700);
}
.pkp_navigation_primary{ margin-left:0 !important; padding-left:0 !important; }
.pkp_navigation_primary > li > a{ margin-left:0 !important; margin-right:0 !important; }

/* ---------- 18. barra do usuario, busca e cabecalho estreito ----- */
/* A busca estava em preto sobre a faixa Slate 700: contraste 2,23, reprova.
   A barra do usuario pertence a navegacao, nao ao cabecalho, e o tema ja a
   posiciona: aqui so entram tipografia, cor e o contador como chip. */
a.pkp_search, a.pkp_search:visited{ color:#fff !important; font-size:13.5px !important; }
a.pkp_search:hover, a.pkp_search:focus{ color:var(--jhi-amber-300) !important; }
.pkp_navigation_user_wrapper{ z-index:5; }
.pkp_navigation_user > li > a{
  font-size:12.5px !important; font-weight:600 !important;
  color:var(--jhi-steel-300) !important;
  display:inline-flex !important; align-items:center; gap:2px;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{ color:#fff !important; }
.pkp_navigation_user .task_count{
  background:var(--jhi-amber) !important; color:#1C3340 !important;
  font-size:11px !important; font-weight:800 !important;
  min-width:18px; height:18px; line-height:18px; padding:0 5px !important;
  border-radius:99px !important; margin-left:7px !important;
  display:inline-block !important; text-align:center; border:0 !important;
}
/* abaixo de 992px o tema troca o menu pelo botao sanduiche e o cabecalho
   encolhe: sem isto a marca de 56px vaza para fora da faixa. */
@media (max-width:991px){
  .pkp_structure_head{ padding:0 !important; }
  .pkp_head_wrapper{
    padding-top:10px !important; padding-bottom:10px !important;
    padding-left:20px !important; padding-right:20px !important;
  }
  .pkp_site_name{ padding:0 !important; }
  .pkp_head_wrapper .pkp_site_name img{ max-height:34px !important; }
  .pkp_site_nav_menu{ box-shadow:none !important; }
}

/* ---------- 19. botao primario em ambar vivo -------------------- */
/* Decisao do editor em 31/08: o ambar do botao e o vivo #F09000, um degrau
   nao o escuro da paleta. ATENCAO: #F09000 com texto branco da 2,42:1 e
   reprova. Com Midnight da 5,44:1 e passa em AA, entao o texto deste botao
   e sempre escuro. Vale para o botao da pagina, o botao de gale e os links
   com estilo em linha do conteudo. */
.pkp_structure_main .cmp_button,
.pkp_structure_main .pkp_button,
.pkp_structure_main input[type="submit"],
.pkp_structure_main button[type="submit"],
.obj_galley_link,
.pkp_structure_main a[style*="#0b3d91"]{
  background:#F09000 !important; color:#1C3340 !important;
  border:1px solid #F09000 !important; font-weight:700 !important;
}
.pkp_structure_main .cmp_button:hover,
.pkp_structure_main input[type="submit"]:hover,
.obj_galley_link:hover, .obj_galley_link:focus,
.pkp_structure_main a[style*="#0b3d91"]:hover{
  background:#E07B00 !important; color:#1C3340 !important; border-color:#E07B00 !important;
}

/* ---------- 20. barra do usuario e menu suspenso ---------------- */
/* Tres coisas que o tema faz e atrapalham o alinhamento:
   a barra do usuario leva um translateX proprio, o link dentro dela tem
   margin-right negativa de 10px, e a busca fica com padding assimetrico.
   Aqui a busca centraliza na faixa e a barra do usuario alinha a direita,
   no mesmo eixo da busca e na altura da marca. O +10px do right compensa
   a margem negativa que o tema aplica ao link. */
.pkp_navigation_search_wrapper{
  display:flex !important; align-items:center !important; height:57px !important;
}
a.pkp_search{
  margin:0 !important; padding:0 !important; display:inline-flex !important;
  align-items:center; gap:6px; line-height:1 !important;
}
.pkp_navigation_user_wrapper{
  top:33px !important; left:auto !important; width:auto !important;
  transform:none !important;
  right:calc(max(0px, (100% - 1400px)/2) + 10px) !important;
}
.pkp_navigation_user{
  width:auto !important; margin:0 !important; padding:0 !important;
  display:flex !important; justify-content:flex-end !important;
}
.pkp_navigation_user > li{ margin:0 !important; padding:0 !important; }
.pkp_navigation_user > li > a{ margin:0 !important; padding:5px 0 !important; }
/* o contador em cinza azulado, que convive melhor com o Midnight que o ambar */
.pkp_navigation_user .task_count{
  background:var(--jhi-steel-300) !important; color:#1C3340 !important;
}
/* menu suspenso: mais largo, cantos arredondados, respiro por item */
.pkp_navigation_user .dropdown-menu{
  min-width:238px !important; padding:6px !important; margin-top:8px !important;
  background:#fff !important; border:1px solid var(--jhi-line) !important;
  border-radius:12px !important; box-shadow:0 10px 28px rgba(28,51,64,.18) !important;
}
/* o menu abre por clique e fecha quando o mouse deixa o item. O vao entre o
   link e a caixa nao pertence a nenhum dos dois, entao o menu sumia antes de
   o mouse chegar nas opcoes. Esta ponte invisivel faz o vao pertencer a caixa. */
.pkp_navigation_user .dropdown-menu::before{
  content:"" !important; position:absolute !important; display:block !important;
  left:0 !important; right:0 !important; top:-12px !important; height:12px !important;
  background:transparent !important;
}
.pkp_navigation_user .dropdown-menu > li{ margin:0 !important; padding:0 !important; }
.pkp_navigation_user .dropdown-menu > li > a{
  display:flex !important; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 13px !important; margin:0 !important; border-radius:8px !important;
  font-size:14px !important; font-weight:600 !important; line-height:1.35 !important;
  color:var(--jhi-slate-700) !important; background:transparent !important; border:0 !important;
}
.pkp_navigation_user .dropdown-menu > li > a:hover,
.pkp_navigation_user .dropdown-menu > li > a:focus{
  background:var(--jhi-mist-100) !important; color:var(--jhi-ink) !important;
}
.pkp_navigation_user .dropdown-menu .task_count{ float:none !important; margin-left:0 !important; }


/* ---------- 21. medida de leitura nas paginas institucionais ---- */
/* Medido em 31/08: a pagina Sobre estava com 110 caracteres por linha, quando
   o confortavel fica entre 60 e 80. A regra limita a COLUNA, nunca o paragrafo,
   e nao toca em sumario, artigo nem no infografico do fluxo, que tem largura
   propria por outra razao. */
body:not(.pkp_page_issue):not(.pkp_page_article):not(.pkp_page_fluxoeditorial)
  .pkp_structure_main .page{ max-width:700px; }
body:not(.pkp_page_issue):not(.pkp_page_article):not(.pkp_page_fluxoeditorial)
  .pkp_structure_main .page table,
body:not(.pkp_page_issue):not(.pkp_page_article):not(.pkp_page_fluxoeditorial)
  .pkp_structure_main .page img{ max-width:100%; }

/* ---------- 22. grafismo de rede no cabecalho ------------------- */
/* A rede de nos da identidade como textura do Midnight. Sangra pela margem,
   fica presa ao topo e nunca corre atras de texto: a faixa da navegacao entra
   solida por cima. ATENCAO: o data URI usa aspas SIMPLES no url(), porque o
   proprio SVG tem aspas duplas dentro. */
.pkp_structure_head{
  background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="180" viewBox="0 0 1200 180"><g stroke="%237EA8B0" stroke-width="1" fill="none" opacity=".55"><path d="M-20 130 L120 70 L260 140 L400 60 L540 130 L680 50 L820 120 L960 40 L1100 110 L1240 50"/><path d="M40 20 L170 60 L310 10 L450 55 L590 5 L730 50 L870 0 L1010 45 L1150 -5"/><path d="M120 70 L170 60 M400 60 L450 55 M680 50 L730 50 M960 40 L1010 45"/></g><g fill="%23C8DDE2"><circle cx="120" cy="70" r="5"/><circle cx="400" cy="60" r="6.5"/><circle cx="680" cy="50" r="4.5"/><circle cx="960" cy="40" r="6"/><circle cx="170" cy="60" r="3.5"/><circle cx="450" cy="55" r="5"/><circle cx="730" cy="50" r="4"/><circle cx="1010" cy="45" r="5.5"/><circle cx="260" cy="140" r="5"/><circle cx="540" cy="130" r="4"/><circle cx="820" cy="120" r="5.5"/><circle cx="1100" cy="110" r="4.5"/></g><g fill="%23F09000"><circle cx="310" cy="10" r="5.5"/><circle cx="870" cy="0" r="5"/></g></svg>') !important;
  background-repeat:no-repeat !important;
  background-position:right top !important;
  background-size:auto 100% !important;
}
.pkp_head_wrapper{ position:relative; z-index:2; }

/* ---------- 23. abertura da home -------------------------------- */
/* O primeiro bloco da home vira a faixa de abertura da proposta: fundo Mist,
   filete ambar e respiro. O texto continua sendo o do editor. */
body.pkp_page_index .homepage_about{
  background:var(--jhi-mist-100);
  border-radius:12px;
  padding:30px 32px 32px;
  margin-bottom:26px;
  font-size:16.5px;
  color:var(--jhi-slate-700);
  max-width:none !important;
}
body.pkp_page_index .homepage_about > h2{ margin-top:0; }
body.pkp_page_index .homepage_about > h2::after{ margin-top:12px; }

/* ---------- 24. acabamentos ------------------------------------- */
/* marcador de lista em ambar, no lugar do ponto preto do navegador */
.pkp_structure_main .page ul{ list-style:none; padding-left:1.15em; }
.pkp_structure_main .page ul > li{ position:relative; margin-bottom:.45em; }
.pkp_structure_main .page ul > li::before{
  content:""; position:absolute; left:-1.15em; top:.62em;
  width:6px; height:6px; border-radius:50%; background:var(--jhi-amber);
}
/* respiro dos blocos da barra lateral */
.pkp_structure_sidebar .pkp_block ul{ list-style:none; padding-left:0; }
.pkp_structure_sidebar .pkp_block li{ margin-bottom:7px; }
/* paginacao */
.cmp_pagination{ font-size:14px; color:var(--jhi-grey-600); }
.cmp_pagination a{ color:var(--jhi-slate-600); font-weight:600; }
.cmp_pagination a:hover{ color:var(--jhi-amber-700); }
/* campos de formulario na paleta */
.pkp_structure_main input[type="text"],
.pkp_structure_main input[type="email"],
.pkp_structure_main input[type="search"],
.pkp_structure_main input[type="password"],
.pkp_structure_main select,
.pkp_structure_main textarea{
  border:1px solid var(--jhi-line); border-radius:6px; padding:9px 11px;
  font-family:var(--jhi-sans); font-size:15px; color:var(--jhi-ink);
  background:#fff;
}
.pkp_structure_main input:focus,
.pkp_structure_main select:focus,
.pkp_structure_main textarea:focus{
  border-color:var(--jhi-slate-600); outline:none;
}

/* ---------- 25. correcoes de 31/08, apos conferir no ar --------------- */
/* 25.1 O marcador ambar da secao 24 nao vale para listas que ja tem
   marcador proprio no HTML do OJS: a lista de condicoes de submissao usa
   um visto verde, e o ponto ambar aparecia solto na quina de cada linha. */
.pkp_structure_main .page .submission_checklist ul{ padding-left:0; }
.pkp_structure_main .page .submission_checklist ul > li::before{ display:none; }
/* 25.2 A tarja de aviso do OJS vinha em cinza com filete azul do tema.
   Passa para Mist com filete ambar, como o resto do sistema. */
.pkp_structure_main .cmp_notification{
  background:var(--jhi-mist-100) !important;
  border:1px solid var(--jhi-line) !important;
  border-left:3px solid var(--jhi-amber) !important;
  border-radius:8px; padding:14px 18px; color:var(--jhi-slate-700);
}
.pkp_structure_main .cmp_notification a{ color:var(--jhi-slate-600); font-weight:600; }

/* ---------- 26. grafismo do cabecalho retirado ---------------------- */
/* 31/08: ele viu no ar e achou pesado demais. A secao 22 fica no arquivo
   como registro, mas nao vale mais. O cabecalho volta ao Midnight liso.
   Se voltarmos ao grafismo, ele tem de ir num ::before com mascara, nunca
   no proprio .pkp_structure_head: mascara no elemento apaga tambem o fundo
   e o conteudo. */
.pkp_structure_head{ background-image:none !important; }

/* ---------- 27. selecao de texto, rodape e abertura da home ---------- */
/* 27.1 Ao clicar num item do menu o navegador selecionava a palavra e
   desenhava um retangulo escuro atras dela. A selecao passa a usar a paleta,
   e os itens de menu deixam de ser selecionaveis, que e o comportamento
   esperado de um botao. */
::selection{ background:var(--jhi-pale-mist); color:var(--jhi-midnight); }
::-moz-selection{ background:var(--jhi-pale-mist); color:var(--jhi-midnight); }
.pkp_navigation_primary a, .pkp_navigation_user a, .pkp_head_wrapper a{
  -webkit-user-select:none; user-select:none;
  -webkit-tap-highlight-color:transparent;
}

/* 27.2 O rodape tinha 342px de altura, com o selo do OJS empilhado bem
   abaixo do texto. Agora as duas partes correm lado a lado, o selo alinhado
   a direita na linha do texto. */
.pkp_structure_footer{ padding:26px 0 22px !important; }
.pkp_structure_footer_wrapper{ }
.pkp_structure_footer > .pkp_footer_content,
.pkp_structure_footer > .pkp_brand_footer{ display:inline-block; vertical-align:top; }
.pkp_structure_footer{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:26px; }
.pkp_footer_content{ flex:1 1 460px; margin:0 !important; }
.pkp_footer_content p{ margin:0 0 6px; font-size:13.5px; line-height:1.55; }
.pkp_footer_content p:last-of-type{ margin-bottom:0; }
.pkp_brand_footer{
  flex:0 0 auto; margin:0 !important; padding:0 !important; text-align:right;
  align-self:flex-start;
}
.pkp_brand_footer img{ max-width:150px; height:auto; opacity:.85; }
.pkp_brand_footer a:hover img{ opacity:1; }
@media (max-width:700px){
  .pkp_structure_footer{ display:block; }
  .pkp_brand_footer{ text-align:left; margin-top:18px !important; }
}

/* 27.3 Abertura da home: o texto longo fica na pagina Sobre a Revista.
   Aqui ficam os dois primeiros paragrafos e um link para o resto. */
body.pkp_page_index .homepage_about .jhi-mais{
  display:inline-block; margin-top:14px; font-weight:600; font-size:15.5px;
  color:var(--jhi-slate-600); text-decoration:none;
  border-bottom:2px solid var(--jhi-amber); padding-bottom:2px;
}
body.pkp_page_index .homepage_about .jhi-mais:hover{ color:var(--jhi-amber-700); }

/* ---------- 28. ajustes de 31/08, segunda leva -------------------- */
/* 28.1 O selo do OJS estava grande demais no rodape. */
.pkp_brand_footer img{ max-width:96px !important; opacity:.7; }
.pkp_brand_footer a:hover img{ opacity:.95; }

/* 28.2 Abertura da home: so o primeiro paragrafo e o link. O resto do texto
   continua no HTML, apenas oculto, para nao se perder e para os buscadores.
   Basta apagar esta regra para voltar ao texto inteiro. */
body.pkp_page_index .homepage_about .jhi-resumo-home{ display:none; }

/* 28.3 So o botao de submissao e ambar. Os botoes de gale (PDF, HTML, XML)
   passam para o azul acinzentado da paleta, com texto branco, 6,47 para 1. */
.obj_galley_link,
.obj_article_details .galleys a.obj_galley_link,
.obj_article_summary .galleys_links a.obj_galley_link{
  background:var(--jhi-slate-600) !important; color:#fff !important;
  border-color:var(--jhi-slate-600) !important;
}
.obj_galley_link:hover, .obj_galley_link:focus{
  background:var(--jhi-slate-700) !important; color:#fff !important;
  border-color:var(--jhi-slate-700) !important;
}
.obj_galley_link.restricted{ background:var(--jhi-grey-600) !important; }

/* ---------- 29. respiro do link da abertura ------------------------- */
/* O link 'Sobre a Revista' ficou colado na cabeca 'Submissoes'. */
body.pkp_page_index .homepage_about .jhi-mais{ margin-bottom:26px; }
body.pkp_page_index .homepage_about .jhi-mais + h2{ margin-top:6px; }

/* ---------- 30. correcao da selecao de texto ------------------------ */
/* A secao 27 pintou a selecao em Pale Mist, claro demais: dentro de um
   campo de formulario a pessoa selecionava e nao via. Sobe para o Steel 300,
   e nos campos vai o Steel Blue, que e mais firme.
   Contraste do texto Midnight sobre Steel Blue: 5,08 para 1. */
::selection{ background:var(--jhi-steel-300); color:var(--jhi-midnight); }
::-moz-selection{ background:var(--jhi-steel-300); color:var(--jhi-midnight); }
input::selection, textarea::selection, select::selection{
  background:var(--jhi-steel); color:var(--jhi-midnight);
}
input::-moz-selection, textarea::-moz-selection{
  background:var(--jhi-steel); color:var(--jhi-midnight);
}
/* nenhum campo de formulario pode herdar o user-select:none do menu */
input, textarea, select{ -webkit-user-select:text !important; user-select:text !important; }

/* ---------- 31. faixa de abertura da home, como na proposta 3.0 ----- */
/* A abertura deixa de ser um cartao arredondado e passa a ser a faixa
   institucional da proposta: sangra pelas duas margens, fundo Mist 100,
   rotulo em ambar, titulo de duas linhas, uma frase e as tres acoes.
   O sangramento usa box-shadow lateral, o mesmo recurso da navegacao:
   estende a cor sem mexer no layout nem criar rolagem horizontal. */
body.pkp_page_index .homepage_about{
  background:var(--jhi-mist-100) !important;
  
  border-radius:0 !important;
  border-top:3px solid var(--jhi-amber);
  padding:38px 0 40px !important;
  margin:0 0 34px !important;
  max-width:none !important;
}
body.pkp_page_index .homepage_about > h2{ display:none; }

.jhi-abertura{ max-width:780px; }
.jhi-kicker{
  font-family:var(--jhi-sans); font-size:12.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--jhi-amber-700);
  margin:0 0 10px !important;
}
h2.jhi-abertura-titulo{
  font-family:var(--jhi-sans); font-size:32px; line-height:1.22; font-weight:800;
  color:var(--jhi-midnight); margin:0 0 16px !important; padding:0 !important;
  border:0 !important;
}
h2.jhi-abertura-titulo::after{ content:none !important; }
.jhi-lead{
  font-size:16.5px; line-height:1.6; color:var(--jhi-slate-700);
  margin:0 0 24px !important; max-width:640px;
}
.jhi-acoes{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:0 !important; }
.jhi-btn{
  display:inline-block; font-family:var(--jhi-sans); font-size:15px; font-weight:700;
  padding:13px 22px; border-radius:8px; text-decoration:none !important;
  border:1.5px solid transparent; line-height:1.2;
}
.jhi-btn-primario{
  background:var(--jhi-amber) !important; color:var(--jhi-midnight) !important;
  border-color:var(--jhi-amber);
}
.jhi-btn-primario:hover{ background:#E07B00 !important; border-color:#E07B00; }
.jhi-btn-vazado{
  background:#fff !important; color:var(--jhi-slate-700) !important;
  border-color:var(--jhi-line);
}
.jhi-btn-vazado:hover{ border-color:var(--jhi-slate-600); color:var(--jhi-midnight) !important; }
.jhi-btn-texto{
  padding:13px 6px; color:var(--jhi-slate-600) !important; font-weight:600;
}
.jhi-btn-texto:hover{ color:var(--jhi-amber-700) !important; }

@media (max-width:640px){
  body.pkp_page_index .homepage_about{ padding:28px 0 30px !important; }
  h2.jhi-abertura-titulo{ font-size:25px; }
  .jhi-acoes{ gap:10px; }
  .jhi-btn{ padding:12px 18px; font-size:14.5px; }
}

body.pkp_page_index .homepage_about{ position:relative; border-top:0 !important; }


body.pkp_page_index .homepage_about{ border-top:3px solid var(--jhi-amber) !important; padding-left:30px !important; padding-right:30px !important; }

/* ---------- 32. cartao do artigo no sumario e na home -------------- */
/* Antes: a capa era float e a linha de autores escorria por baixo dela,
   quebrando o alinhamento com o titulo, e o numero do artigo ficava solto
   no canto. Agora o cartao e uma grade de duas colunas: a capa ocupa a
   primeira em toda a altura, e titulo, DOI, autores e botoes correm na
   segunda, todos no mesmo eixo. */
.obj_article_summary{
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr);
  column-gap:20px; row-gap:9px;
  align-items:start;
  padding:22px 24px !important;
  border:1px solid var(--jhi-line) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:none !important;
  margin-bottom:16px !important;
  transition:border-color .15s ease;
}
.obj_article_summary:hover{ border-color:var(--jhi-steel-300) !important; }
/* sem capa, a coluna some em vez de deixar um vao */
.obj_article_summary:not(:has(.cover)){ grid-template-columns:minmax(0,1fr); }

.obj_article_summary > .cover{
  grid-column:1; grid-row:1 / span 5;
  margin:0 !important; padding:0 !important; float:none !important; width:auto !important;
}
.obj_article_summary > .cover img{
  display:block; width:96px; height:auto; border-radius:6px;
  border:1px solid var(--jhi-line); background:var(--jhi-paper);
}
.obj_article_summary > .title,
.obj_article_summary > .doiInSummary,
.obj_article_summary > .meta,
.obj_article_summary > .galleys_links{ grid-column:2; margin:0 !important; }

.obj_article_summary > .title{ line-height:1.32; }
.obj_article_summary > .title a{
  font-family:var(--jhi-sans); font-size:17.5px; font-weight:700;
  color:var(--jhi-midnight) !important; text-decoration:none !important;
}
.obj_article_summary > .title a:hover{ color:var(--jhi-slate-600) !important; }

/* DOI: some o rotulo em negrito, fica so o identificador em monoespacada */
.obj_article_summary > .doiInSummary{ font-size:13px; }
.obj_article_summary > .doiInSummary strong{ display:none; }
.obj_article_summary > .doiInSummary a{
  font-family:var(--jhi-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size:12.5px; color:var(--jhi-grey-600) !important;
  text-decoration:none !important; border-bottom:1px dotted var(--jhi-line);
}
.obj_article_summary > .doiInSummary a:hover{ color:var(--jhi-amber-700) !important; }

/* autores e numero do artigo na mesma linha, cada um no seu canto */
.obj_article_summary > .meta{
  display:flex; gap:16px; align-items:baseline; justify-content:space-between;
}
.obj_article_summary .authors{
  font-size:13.5px; line-height:1.5; color:var(--jhi-grey-600); margin:0 !important;
  flex:1 1 auto; min-width:0;
}
.obj_article_summary .pages{
  flex:0 0 auto; font-family:var(--jhi-mono, ui-monospace, monospace);
  font-size:11.5px; color:var(--jhi-steel);
  background:var(--jhi-mist-100); border-radius:5px; padding:3px 8px;
  margin:0 !important;
}

/* botoes de gale mais compactos e com respiro por cima */
.obj_article_summary > .galleys_links{
  display:flex; flex-wrap:wrap; gap:8px; padding:0 !important;
  list-style:none; margin-top:5px !important;
}
.obj_article_summary > .galleys_links li{ margin:0 !important; }
.obj_article_summary > .galleys_links li::before{ content:none !important; }
.obj_article_summary .obj_galley_link{
  font-size:13px !important; font-weight:600; padding:7px 14px !important;
  border-radius:6px !important;
}

@media (max-width:600px){
  .obj_article_summary{ grid-template-columns:64px minmax(0,1fr); column-gap:14px; padding:18px 16px !important; }
  .obj_article_summary > .cover img{ width:64px; }
  .obj_article_summary > .title a{ font-size:16px; }
  .obj_article_summary > .meta{ flex-wrap:wrap; }
}

/* ---------- 33. ritmo da home, grade de cartoes e rotulo de tipo ---- */
/* Tres coisas medidas na tela: o vao entre secoes era de 30px em cima e 30
   embaixo, somando 60; o vao entre cartoes, 30; e os botoes de gale, solidos,
   pesavam mais que o proprio titulo do artigo. */

/* 33.1 espacamentos */
.pkp_structure_main .section{ margin:22px 0 !important; }
.pkp_structure_main .section + .section{ margin-top:26px !important; }
.current_issue_title{ margin:14px 0 !important; }
.pkp_structure_main .page > h2{ margin:26px 0 14px !important; }

/* 33.2 os cartoes em duas colunas */
ul.cmp_article_list.articles{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px; list-style:none; padding:0 !important; margin:0 !important;
}
ul.cmp_article_list.articles > li{ margin:0 !important; display:flex; }
ul.cmp_article_list.articles > li::before{ content:none !important; }
ul.cmp_article_list.articles .obj_article_summary{
  margin-bottom:0 !important; width:100%;
  grid-template-columns:72px minmax(0,1fr); column-gap:16px;
  padding:18px 18px !important;
  align-content:start;
}
ul.cmp_article_list.articles .obj_article_summary > .cover img{ width:72px; }
ul.cmp_article_list.articles .obj_article_summary > .title a{ font-size:16px; }
@media (max-width:1100px){
  ul.cmp_article_list.articles{ grid-template-columns:minmax(0,1fr); }
}

/* 33.3 rotulo do tipo de artigo no topo do cartao, em ambar.
   O texto vem do titulo da secao, copiado pelo script do rodape para dentro
   de cada cartao. Sem o script, nada quebra: o rotulo simplesmente nao existe
   e o cabecalho da secao continua aparecendo. */
.jhi-tipo{
  grid-column:1 / -1;
  font-family:var(--jhi-sans); font-size:11px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:var(--jhi-amber-700);
  margin:0 0 2px;
}
/* com rotulo nos cartoes, o divisor da secao sai de cena */
.pkp_structure_main .section.jhi-com-rotulo > h2,
.pkp_structure_main .section.jhi-com-rotulo > h3{ display:none; }
.pkp_structure_main .section.jhi-com-rotulo{ margin-top:14px !important; }

/* 33.4 botoes de gale claros, no lugar do azul solido */
.obj_galley_link,
.obj_article_details .galleys a.obj_galley_link,
.obj_article_summary .galleys_links a.obj_galley_link{
  background:var(--jhi-mist-100) !important;
  color:var(--jhi-slate-700) !important;
  border:1px solid var(--jhi-line) !important;
  font-weight:600 !important;
}
.obj_galley_link:hover, .obj_galley_link:focus{
  background:#fff !important;
  color:var(--jhi-midnight) !important;
  border-color:var(--jhi-slate-600) !important;
}

/* 33.5 segunda linha do titulo da abertura, menor e mais leve */
h2.jhi-abertura-titulo .jhi-sub{
  display:block; margin-top:8px;
  font-size:20px; font-weight:600; line-height:1.3;
  color:var(--jhi-slate-600); letter-spacing:0;
}
@media (max-width:640px){
  h2.jhi-abertura-titulo .jhi-sub{ font-size:17px; }
}

/* 33.6 acertos da grade de duas colunas, medidos na tela */
/* o rotulo vai na coluna do texto, acima do titulo, e nao embaixo da capa */
.jhi-tipo{ grid-column:2; margin:0 0 4px; }
ul.cmp_article_list.articles .obj_article_summary > .cover{ grid-row:1 / span 6; }
/* lista de autores no maximo em tres linhas, para os cartoes ficarem parelhos */
ul.cmp_article_list.articles .obj_article_summary .authors{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; font-size:12.5px; line-height:1.45;
}
/* o DOI nao precisa aparecer inteiro no cartao: quebra sem esticar o layout */
ul.cmp_article_list.articles .obj_article_summary > .doiInSummary a{
  font-size:11.5px; word-break:break-all;
}
/* o numero do artigo vai para o pe do cartao, junto dos botoes */
ul.cmp_article_list.articles .obj_article_summary > .meta{ display:block; }
ul.cmp_article_list.articles .obj_article_summary .pages{
  display:inline-block; margin-top:8px !important;
}

/* ---------- 34. pagina do artigo: densidade e legibilidade --------- */
/* Medido em 31/08 no artigo 1585: o bloco de autores ocupava 855px, o
   grafico de downloads 488px, as biografias 715px, as referencias 2354px sem
   numeracao nem recuo, e o aviso de direitos 874px. A pagina inteira passava
   de 5000px antes do texto do artigo. */

/* 34.1 o marcador ambar de lista nao vale aqui.
   Ele estava aparecendo antes de cada autor e antes de cada botao de gale. */
.obj_article_details ul > li::before,
.entry_details ul > li::before,
.obj_article_details .authors li::before{ content:none !important; }
.obj_article_details ul, .entry_details ul{ padding-left:0 !important; }

/* 34.2 autores em grade, tres colunas, sem repetir instituicao em bloco */
.obj_article_details .item.authors .value{ }
.obj_article_details .item.authors ul{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr));
  gap:10px 24px; margin:0; list-style:none;
}
.obj_article_details .item.authors li{ margin:0 !important; }
.obj_article_details .item.authors .name{
  display:block; font-family:var(--jhi-sans); font-size:14.5px; font-weight:700;
  color:var(--jhi-midnight); line-height:1.3;
}
.obj_article_details .item.authors .affiliation{
  display:block; font-size:12.5px; color:var(--jhi-grey-600); line-height:1.4; margin-top:1px;
}
.obj_article_details .item.authors .orcid{
  display:block; font-family:var(--jhi-mono, ui-monospace, monospace);
  font-size:11.5px; margin-top:2px;
}
.obj_article_details .item.authors .orcid a{
  color:var(--jhi-steel) !important; text-decoration:none !important;
}
.obj_article_details .item.authors .orcid a:hover{ color:var(--jhi-amber-700) !important; }

/* 34.3 grafico de downloads: de 488px para uma faixa discreta */
.obj_article_details .item.downloads_chart{ margin-top:18px !important; }
.obj_article_details .item.downloads_chart .label{ font-size:12px !important; }
.obj_article_details .item.downloads_chart canvas{
  max-height:150px !important; height:150px !important; width:100% !important;
}
.obj_article_details .item.downloads_chart .value{
  background:var(--jhi-paper); border:1px solid var(--jhi-line);
  border-radius:8px; padding:12px 14px;
}

/* 34.4 biografias: recolhidas por padrao, abertas em um clique */
.obj_article_details .item.author_bios .sub_item{
  border-top:1px solid var(--jhi-line); padding-top:10px; margin-top:10px;
}
.obj_article_details .item.author_bios .label{ font-size:14px; }
.obj_article_details .item.author_bios .value p{ font-size:13.5px; line-height:1.55; }

/* 34.5 referencias numeradas, com recuo pendente e URL que quebra */
.obj_article_details .item.references .value{ counter-reset: jhiref; }
.obj_article_details .item.references .value p{
  counter-increment: jhiref;
  position:relative; padding-left:2.5em; margin:0 0 9px !important;
  font-size:13.5px; line-height:1.5; color:var(--jhi-slate-700);
  text-align:left; word-break:break-word;
}
.obj_article_details .item.references .value p::before{
  content: counter(jhiref) ".";
  position:absolute; left:0; top:0; width:2em; text-align:right;
  font-family:var(--jhi-mono, ui-monospace, monospace); font-size:12.5px;
  color:var(--jhi-amber-700); font-weight:700;
}
.obj_article_details .item.references .value a{ word-break:break-all; }

/* 34.6 titulos de bloco menores e mais proximos do conteudo */
.obj_article_details .main_entry .item{ margin-bottom:22px !important; }
.obj_article_details .main_entry .item > .label{
  font-family:var(--jhi-sans); font-size:12px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; color:var(--jhi-grey-600);
  margin:0 0 8px !important; padding:0 !important; border:0 !important;
}
.obj_article_details .main_entry .item > .label::after{ content:none !important; }
.obj_article_details h1.page_title{ margin-bottom:18px !important; }

/* 34.7 coluna lateral: aviso de direitos encolhe e vira nota */
.entry_details .item{ margin-bottom:16px !important; padding-bottom:16px !important; }
.entry_details .item .label{ font-size:11.5px !important; }
.entry_details .item.copyright{ font-size:12.5px; line-height:1.5; color:var(--jhi-grey-600); }
.entry_details .item.copyright p{ font-size:12.5px !important; margin:0 0 7px !important; }
.entry_details .item.citation .value{ font-size:12.5px; line-height:1.5; }

/* ---------- 35. cartao do artigo, segunda versao ------------------- */
/* Pedido dele em 31/08: a capa deixa de ser coluna e vira uma miniatura do
   tamanho do botao, na linha dos botoes, so como ilustracao; assim o texto
   ocupa o cartao inteiro. O numero do artigo sobe para o topo, a direita do
   rotulo de tipo. Quem monta a linha do topo e o script do rodape. */
.obj_article_summary{
  grid-template-columns:minmax(0,1fr) !important;
  row-gap:8px !important;
}
.obj_article_summary:not(:has(.cover)){ grid-template-columns:minmax(0,1fr) !important; }

/* linha do topo: rotulo a esquerda, numero a direita */
.jhi-topo{
  grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin:0 0 2px;
}
.jhi-topo .jhi-tipo{ grid-column:auto; margin:0; }
.jhi-topo .pages{ margin:0 !important; }

/* titulo, DOI e autores ocupam a largura toda */
.obj_article_summary > .title,
.obj_article_summary > .doiInSummary,
.obj_article_summary > .meta{ grid-column:1 / -1 !important; }

/* a capa vira miniatura na linha dos botoes */
.obj_article_summary > .cover{
  grid-column:1 !important; grid-row:auto !important;
  display:inline-block; vertical-align:middle;
}
.obj_article_summary > .cover img{
  width:38px !important; height:38px !important; object-fit:cover;
  border-radius:6px; border:1px solid var(--jhi-line);
}
/* botoes e miniatura na mesma faixa */
.obj_article_summary > .galleys_links{ grid-column:1 / -1 !important; margin-top:2px !important; }
.obj_article_summary{ align-items:start; }

@media (max-width:600px){
  .obj_article_summary > .cover img{ width:34px !important; height:34px !important; }
}

/* ---------- 36. correcoes de 31/08, terceira leva ------------------ */
/* 36.1 O marcador ambar da secao 24 continua vazando: apareceu antes de cada
   anuncio, de cada autor e de cada botao de gale. A regra passa a valer SO
   para lista sem classe, que e a lista escrita a mao no corpo de uma pagina
   institucional. Toda lista que o OJS monta tem classe. */
.pkp_structure_main .page ul[class] > li::before,
.pkp_structure_main .page ul ul[class] > li::before,
.obj_announcement_summary li::before,
.cmp_announcements li::before,
.pkp_structure_main .page > ul > li:has(> .obj_announcement_summary)::before{
  content:none !important;
}
.pkp_structure_main .page ul[class]{ padding-left:0 !important; }
/* a lista de anuncios nao e lista visual */
.pkp_structure_main .page > ul:has(.obj_announcement_summary){
  list-style:none !important; padding-left:0 !important;
}
.pkp_structure_main .page > ul:has(.obj_announcement_summary) > li::before{ content:none !important; }

/* 36.2 A frase de abertura pode usar mais a largura da faixa. */
.jhi-abertura{ max-width:none; }
.jhi-lead{ max-width:900px; }
h2.jhi-abertura-titulo{ max-width:900px; }

/* 36.3 O nome da revista sai em italico, como manda a norma bibliografica. */
.jhi-lead em, .jhi-abertura em{ font-style:italic; }

/* ---------- 37. marca da SBIS no rodape ---------------------------- */
/* O simbolo entra como SVG inline, monocromatico, herdando a cor do texto do
   rodape por currentColor. O nome vai em texto, nao em curva: fica leve, e a
   cor acompanha qualquer mudanca de paleta. Nenhuma requisicao a mais. */
.jhi-rodape-sbis{ margin:0 0 16px !important; }
.jhi-rodape-sbis a{
  display:inline-flex; align-items:center; gap:12px;
  color:var(--jhi-pale-mist) !important; text-decoration:none !important;
  opacity:.92; transition:opacity .15s ease, color .15s ease;
}
.jhi-rodape-sbis a:hover{ opacity:1; color:#fff !important; }
svg.jhi-sbis-marca{ display:block; width:38px; height:38px; flex:0 0 auto; }
.jhi-sbis-nome{
  font-family:var(--jhi-sans); font-size:12.5px; font-weight:600;
  line-height:1.3; letter-spacing:.01em;
}
@media (max-width:700px){
  svg.jhi-sbis-marca{ width:32px; height:32px; }
  .jhi-sbis-nome{ font-size:12px; }
}

/* ---------- 38. linhas fora, marca da SBIS a direita, cartao novo --- */

/* 38.1 As linhas verticais que o tema padrao desenha nas margens da coluna
   principal (dois pseudo-elementos de 1px em #ddd, com 4818px de altura) e a
   linha horizontal que separa uma secao da outra saem de cena. O ritmo da
   pagina passa a ser feito so por espaco, que e o que a proposta pedia. */
.pkp_structure_main::before,
.pkp_structure_main::after{ display:none !important; content:none !important; }
.pkp_structure_main .section::before,
.pkp_structure_main .section::after{ border:0 !important; content:none !important; }
.pkp_structure_main .section{ border:0 !important; }
.cmp_announcements{ border-top:0 !important; border-bottom:0 !important; }
.pkp_structure_main hr{ display:none !important; }

/* 38.2 A marca da SBIS deixa de ser simbolo mais texto e passa a ser o logo
   oficial inteiro, em vetor, sem um numero mexido: e o mesmo desenho do
   arquivo da SBIS, so que monocromatico por currentColor. Ele vai para a
   coluna da direita do rodape, acima do selo do OJS/PKP. Quem monta a coluna
   e o script do rodape, porque os dois blocos nascem em ramos diferentes. */
.jhi-rodape-dir{
  flex:0 0 auto; margin-left:auto;
  display:flex; flex-direction:column; align-items:flex-end; gap:16px;
}
.jhi-rodape-dir .jhi-rodape-sbis{ margin:0 !important; }
.jhi-rodape-dir .pkp_brand_footer{ margin:0 !important; text-align:right; }
.jhi-rodape-sbis a{
  display:block; color:var(--jhi-pale-mist) !important;
  text-decoration:none !important; opacity:.9;
  transition:opacity .15s ease, color .15s ease;
}
.jhi-rodape-sbis a:hover{ opacity:1; color:#fff !important; }
svg.jhi-sbis-logo{ display:block; width:168px; height:auto; }
@media (max-width:700px){
  .jhi-rodape-dir{ align-items:flex-start; margin-left:0; margin-top:18px; }
  .jhi-rodape-dir .pkp_brand_footer{ text-align:left; }
  svg.jhi-sbis-logo{ width:150px; }
}

/* 38.3 Cartao do artigo como no estudo de 01/09: sem miniatura, titulo com
   mais presenca, DOI discreto em monoespacada e botoes com icone. */
ul.cmp_article_list.articles .obj_article_summary > .cover{ display:none !important; }
ul.cmp_article_list.articles .obj_article_summary{
  grid-template-columns:minmax(0,1fr) !important;
  padding:20px 22px !important;
  border-radius:12px !important;
  row-gap:10px !important;
}
ul.cmp_article_list.articles .obj_article_summary > *{ grid-column:1 / -1 !important; }
ul.cmp_article_list.articles .obj_article_summary > .title a{
  font-size:19px !important; line-height:1.34; letter-spacing:-.005em;
}
ul.cmp_article_list.articles .obj_article_summary .authors{
  font-size:13px; line-height:1.5; color:var(--jhi-slate-600);
}
ul.cmp_article_list.articles .obj_article_summary > .doiInSummary a{
  font-size:12px; border-bottom:0;
}
.jhi-topo .pages{
  font-size:11.5px !important; padding:4px 9px !important; border-radius:6px !important;
}

/* icone nos botoes de gale: o PDF em ambar, os demais em azul acinzentado.
   O desenho vai em SVG embutido, entao nao ha requisicao a mais. */
.obj_galley_link{
  display:inline-flex !important; align-items:center; gap:8px;
  padding:9px 15px !important; border-radius:8px !important;
}
.obj_galley_link::before{
  content:''; flex:0 0 auto; width:15px; height:17px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 28" fill="none" stroke="%233C6377" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 1H4a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9z"/><path d="M14 1v8h8"/></svg>');
}
.obj_galley_link.pdf::before{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 28" fill="none" stroke="%23C06A00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 1H4a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9z"/><path d="M14 1v8h8"/><path d="M7 17h10"/><path d="M7 21h6"/></svg>');
}
.obj_article_summary > .galleys_links{ gap:10px !important; }


/* ---------- 39. acertos medidos na tela apos a 38 ------------------ */
/* 39.1 O numero do artigo estava com position absolute e right 0 vindos do
   tema padrao, entao escapava do cartao e ia parar na margem da pagina.
   Volta a ser um item normal da linha do topo. */
.obj_article_summary .pages,
.jhi-topo .pages{
  position:static !important; right:auto !important; top:auto !important;
  float:none !important; display:inline-block !important; margin:0 !important;
}

/* 39.2 Sobraram duas linhas de 1px em #ddd: a do bloco de anuncio e a do
   bloco Saiba mais. */
.obj_announcement_summary::before, .obj_announcement_summary::after,
.pkp_structure_main .more::before, .pkp_structure_main .more::after{
  content:none !important; border:0 !important;
}
.obj_announcement_summary{ border:0 !important; }