/* ============================================================
   Passagens – folha de estilo (tema padrão, OJS 3.4)
   Mistura Classic (estrutura) + Immersion (faixas de cor)
   Paleta tirada da foto: vermelho, roxo, azul, verde, amarelo, laranja
   Cabeçalho (título, menu, idiomas, slider) e rodapé ficam no plugin:
   plugin-cabecalho.html e plugin-rodape.html
   ============================================================ */

:root {
  --passagens-largura: min(96vw, 1600px);

  --psg-vermelho: #B8141F;
  --psg-roxo: #4B2250;
  --psg-azul: #0B5CAD;
  --psg-amarelo: #FFE11A;
  --psg-fundo-amarelo: #FFF6CC;
  --psg-fundo-roxo: #F3ECF4;
  --psg-serifa: Lora, "Noto Serif", Georgia, "Times New Roman", serif;

  /* Listra de seis cores (cabeçalho e rodapé). Para tirar do cabeçalho,
     apague a regra "border-image" de .pkp_structure_head. */
  --psg-listras: linear-gradient(90deg,
    #5B2A5F 0 16.66%, #0F6FD0 0 33.33%, #2E9B66 0 50%,
    #FFE11A 0 66.66%, #F07A00 0 83.33%, #E8231E 0);
}

/* ---------- 1. Cores gerais ---------- */
a { color: var(--psg-azul); }
a:hover, a:focus { color: var(--psg-roxo); }

.pkp_structure_head,
.pkp_site_nav_menu {
  background-color: var(--psg-vermelho);
}
.pkp_structure_head {
  border-bottom: 6px solid;
  border-image: var(--psg-listras) 1;
}

/* Botões PDF / EPUB */
.obj_galley_link {
  border-color: var(--psg-roxo);
  color: var(--psg-roxo);
}
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--psg-roxo);
  color: #fff;
}

/* Títulos em serifa, como no Classic */
.page_index_journal h2,
.obj_issue_toc h2,
.obj_issue_toc h3 {
  font-family: var(--psg-serifa);
  color: var(--psg-roxo);
}
.page_index_journal h2 { font-size: 1.6rem; }

/* ---------- 2. Largura (telas de computador) ---------- */
@media (min-width: 992px) {

  /* Cabeçalho, conteúdo e rodapé com a mesma largura */
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_structure_content,
  .pkp_structure_footer,
  .has_site_logo .pkp_head_wrapper {
    width: var(--passagens-largura);
  }

  /* Sem barra lateral, a coluna principal ocupa toda a largura */
  .pkp_structure_main:first-child:last-child {
    width: 100%;
    padding-bottom: 3rem;
  }
}

/* Remove as linhas verticais da largura antiga */
.pkp_structure_main:before,
.pkp_structure_main:after {
  display: none;
}

/* ---------- 3. Página inicial em faixas de cor ---------- */
#homepageAbout {
  padding: 1rem 0 2rem;
  font-size: 1.05rem;
}

/* Faixas de ponta a ponta da tela */
#homepageAnnouncements,
#homepageIssue,
.obj_issue_toc .sections {
  clip-path: inset(0 -100vmax);
}
#homepageAnnouncements,
#homepageIssue {
  margin: 2rem 0 0;
  padding: 2rem 0;
}
#homepageAnnouncements {
  background: var(--psg-fundo-amarelo);
  box-shadow: 0 0 0 100vmax var(--psg-fundo-amarelo);
  border-top: 0;
}
#homepageIssue {
  background: var(--psg-fundo-roxo);
  box-shadow: 0 0 0 100vmax var(--psg-fundo-roxo);
}

/* ---------- 4. Edição atual: capa grande + expediente ---------- */
@media (min-width: 768px) {
  .obj_issue_toc .heading {
    display: grid;
    grid-template-columns: minmax(220px, 340px) 1fr;
    column-gap: 2.5rem;
    align-items: start;
  }
  .obj_issue_toc .heading > * {
    grid-column: 2;
  }
  .obj_issue_toc .heading > .cover {
    grid-column: 1;
    grid-row: 1 / span 12;
    float: none;
    width: auto;
    margin: 0;
  }
}
.obj_issue_toc .heading .cover img {
  display: block;
  width: 100%;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

/* ---------- 5. Artigos em colunas (como no Classic) ---------- */
.obj_issue_toc .sections {
  margin-top: 2rem;
  padding: 2rem 0;
  background: #fff;
  box-shadow: 0 0 0 100vmax #fff;
}
.obj_issue_toc .cmp_article_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 2.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.obj_issue_toc .cmp_article_list > li {
  margin: 0;
  padding-top: 0.75rem;
  border-top: 3px solid var(--psg-roxo);
}
.obj_issue_toc .obj_article_summary .pages {
  position: static;
  float: none;
  display: block;
  margin: 0.25rem 0;
  text-align: left;
}
@media (max-width: 991px) {
  .obj_issue_toc .cmp_article_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .obj_issue_toc .cmp_article_list { grid-template-columns: 1fr; }
}