@charset "UTF-8";
/* FAECAD — Portal de Periódicos | Tema Padrão OJS
   Enviar em Administração > Configurações do Portal > Aparência >
   Configurar > Folha de Estilos do Portal (CSS).
   Usa a logo cadastrada no OJS; não substitui imagens nem altera textos.
   Para desfazer, remova esta folha de estilos no mesmo campo.
*/
:root {
  --faecad-azul: #052d40;
  --faecad-dourado: #b58b32;
  --faecad-texto: #293945;
}
.pkp_structure_head {
  background: var(--faecad-azul) !important;
  border-bottom: 4px solid var(--faecad-dourado);
}
.pkp_head_wrapper { max-width: 1160px; margin-inline: auto; }
/* Altura natural e logo no fluxo em TODAS as larguras. */
.pkp_structure_head .pkp_site_name_wrapper {
  box-sizing: border-box;
  height: auto !important;
  min-height: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
.pkp_structure_head .pkp_site_name {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  white-space: normal;
}
.pkp_structure_head .pkp_site_name .is_img {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.pkp_site_name { padding: 0; margin: 0; }
.pkp_site_name .is_img { display: inline-block; max-width: 100%; }
.pkp_site_name .is_img img {
  display: block;
  width: 660px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
}
.pkp_structure_head .pkp_site_name a,
.pkp_structure_head .pkp_navigation_user > li > a,
.pkp_structure_head .pkp_navigation_primary > li > a {
  color: #fff !important;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover { text-decoration: underline; }
.pkp_structure_head a:focus-visible,
.page_index_site a:focus-visible {
  outline: 3px solid var(--faecad-dourado);
  outline-offset: 4px;
}
.page_index_site { color: var(--faecad-texto); }
.page_index_site .about_site {
  background: #f5f8fa;
  border-top: 0;
  border-bottom: 1px solid #dde5e9;
  padding: 28px;
}
.page_index_site .about_site p,
.page_index_site .description p {
  font-size: 16px;
  line-height: 1.8;
  text-align: left !important;
}
.page_index_site .description span { font-family: inherit !important; }
.page_index_site .journals > ul { margin-top: 24px; }
.page_index_site .journals > ul > li {
  background: #fff;
  border: 1px solid #dde5e9;
  border-left: 4px solid var(--faecad-dourado);
  border-radius: 4px;
  padding: 28px;
  margin-bottom: 24px;
}
.page_index_site .journals h3 { font-size: 23px; line-height: 1.4; }
.page_index_site .journals h3 a { color: var(--faecad-azul); }
.page_index_site .journals .links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}
.page_index_site .journals .links li { margin: 0; padding: 0; }
.page_index_site .journals .links a {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid var(--faecad-azul);
  border-radius: 3px;
  color: var(--faecad-azul);
  text-decoration: none;
  line-height: 1.4;
}
.page_index_site .journals .links .view a,
.page_index_site .journals .links a:hover {
  background: var(--faecad-azul);
  color: #fff;
}
.pkp_structure_footer_wrapper {
  background: #eef3f6;
  border-top: 3px solid var(--faecad-dourado);
  color: var(--faecad-texto);
}
.pkp_footer_content { line-height: 1.8; }
/* O tema muda o posicionamento em 992px, não em 768px. */
@media (max-width: 991px) {
  .pkp_structure_head .pkp_site_name_wrapper {
    padding: 60px 16px 20px;
  }
  .pkp_structure_head .pkp_site_name .is_img {
    margin-inline: auto;
  }
  .pkp_structure_head .pkp_site_name .is_img img {
    width: 480px !important;
  }
  .pkp_structure_head .pkp_site_nav_toggle { top: 8px; left: 10px; }
}
@media (max-width: 767px) {
  .page_index_site .about_site,
  .page_index_site .journals > ul > li { padding: 20px 16px; }
  .page_index_site .journals h3 { font-size: 20px; }
  .page_index_site .about_site p,
  .page_index_site .description p { font-size: 15px; }
}