/* ========================================================================== */
/* PIDCC — Revista de Propriedade Intelectual, Direito Contemporâneo e        */
/* Constituição                                                               */
/* Identidade visual oficial para OJS                                         */
/* Versão: 2.1 — 06/08/2026 (servida pelo tema-filho)                                                   */
/*                                                                            */
/* Mudanças da 1.0 para a 2.0:                                                */
/*  · fontes auto-hospedadas (sem chamada ao Google)                          */
/*  · barra de navegação fixa ao rolar                                        */
/*  · menu com mais peso, submenu menor e mais largo                          */
/*  · componentes de página (.pidcc-*) no lugar de estilo inline              */
/*  · acessibilidade: movimento reduzido, âncoras, alvos de toque, tabelas    */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 0. FONTES — auto-hospedadas em public/journals/1/fonts/                    */
/*    Substituem o @import do Google: sem requisição a servidor externo,      */
/*    sem atraso na primeira pintura, sem envio de IP do leitor a terceiros.  */
/* -------------------------------------------------------------------------- */

@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-400-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-400-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-500-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-500-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/lora-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://pidcc.com.br/public/journals/1/fonts/poppins-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --pidcc-wine: #861f2d;
  --pidcc-wine-dark: #641721;
  --pidcc-wine-light: #a45762;
  --pidcc-wine-pale: #e1c7cb;
  --pidcc-black: #0d0b0b;
  --pidcc-ivory: #f8f5f0;
  --pidcc-white: #ffffff;
  --pidcc-gray-50: #faf9f7;
  --pidcc-gray-100: #f1eeea;
  --pidcc-gray-200: #e2ddd7;
  --pidcc-gray-500: #716b67;
  --pidcc-gray-700: #494441;
  --pidcc-shadow: 0 10px 30px rgba(13, 11, 11, 0.06);
  --pidcc-radius: 3px;
  --pidcc-font-ui: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pidcc-font-editorial: "Lora", Georgia, "Times New Roman", serif;

  /* Altura da faixa do logotipo e da barra de menu. A barra fixa é calculada */
  /* a partir destes dois valores — mexer aqui reposiciona tudo junto.        */
  --pidcc-brandbar-h: 104px;
  --pidcc-navbar-h: 52px;
  --pidcc-z-head: 1050;

  /* Largura de leitura confortável para texto corrido. */
  --pidcc-measure: 72ch;
}

/* -------------------------------------------------------------------------- */
/* 1. BASE E ACESSIBILIDADE                                                   */
/* -------------------------------------------------------------------------- */

html {
  scroll-behavior: smooth;
  /* Impede que a barra fixa cubra o destino de âncoras internas. */
  scroll-padding-top: calc(var(--pidcc-navbar-h) + 1.5rem);
}

/* Quem pediu menos movimento no sistema não recebe rolagem animada nem       */
/* transições. Requisito de WCAG 2.3.3 e alívio para quem tem enxaqueca       */
/* vestibular.                                                                */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

body {
  color: var(--pidcc-black);
  background: var(--pidcc-gray-50);
  font-family: var(--pidcc-font-editorial);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  color: var(--pidcc-white);
  background: var(--pidcc-wine);
}

a {
  color: var(--pidcc-wine);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

a:hover,
a:focus {
  color: var(--pidcc-wine-dark);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--pidcc-wine);
  outline-offset: 3px;
}

img {
  max-width: 100%;
}

/* O link "pular para o conteúdo" precisa vencer a barra fixa quando recebe   */
/* foco, senão aparece atrás dela e fica inalcançável pelo teclado.           */
.cmp_skip_to_content a:focus {
  z-index: calc(var(--pidcc-z-head) + 10);
}

/* -------------------------------------------------------------------------- */
/* 2. ESTRUTURA GERAL                                                         */
/* -------------------------------------------------------------------------- */

.pkp_structure_page {
  max-width: 1320px;
  margin: 0 auto;
  background: var(--pidcc-white);
  box-shadow: var(--pidcc-shadow);
}

.pkp_structure_content {
  padding-top: 2.5rem;
  padding-bottom: 3.5rem;
}

.pkp_structure_main {
  color: var(--pidcc-black);
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main .page_title,
.pkp_structure_main .current_issue_title,
.pkp_structure_main .title {
  color: var(--pidcc-black);
  font-family: var(--pidcc-font-ui);
  letter-spacing: -0.02em;
}

.pkp_structure_main h1,
.pkp_structure_main .page_title {
  font-weight: 600;
}

.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  font-weight: 600;
}

/* Linha de leitura confortável. Acima de ~85 caracteres o olho perde o       */
/* início da linha seguinte; o conteúdo aqui é longo e denso.                 */
.pkp_page_index .homepage_about > p,
.pkp_page_about .page > p,
.pkp_page_about .page > ul,
.pkp_page_about .page > ol,
.obj_article_details .abstract > p {
  max-width: var(--pidcc-measure);
}

.pkp_page_index .homepage_about,
.pkp_page_about,
.pkp_page_submissions,
.pkp_page_contact {
  line-height: 1.8;
}

/* -------------------------------------------------------------------------- */
/* 3. CABEÇALHO E LOGOTIPO                                                    */
/* -------------------------------------------------------------------------- */

.pkp_structure_head {
  color: var(--pidcc-black);
  background: var(--pidcc-ivory);
  border-top: 6px solid var(--pidcc-wine);
  border-bottom: 1px solid var(--pidcc-gray-200);
}

.pkp_head_wrapper {
  background: transparent;
}

.pkp_site_name {
  font-family: var(--pidcc-font-ui);
}

.pkp_site_name .is_img img,
.pkp_site_name img {
  width: auto;
  max-width: min(100%, 760px);
  max-height: 72px;
  object-fit: contain;
}

.pkp_site_name .is_text {
  color: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-weight: 600;
  letter-spacing: -0.035em;
}

/* --- Barra de navegação fixa --------------------------------------------- */
/* O cabeçalho inteiro é sticky, mas com deslocamento negativo igual à altura */
/* da faixa do logotipo. O efeito: o logo rola para fora e a barra de menu    */
/* para no topo. Feito assim, e não com position:fixed, porque o elemento     */
/* continua no fluxo — nada precisa de padding compensatório e não há salto   */
/* no carregamento.                                                           */
/* Só a partir de 992px: abaixo disso o tema troca o menu por um botão que    */
/* expande dentro do cabeçalho, e prendê-lo comeria a tela do celular.        */

@media (min-width: 992px) {
  .pkp_structure_head {
    position: sticky;
    top: calc(-1 * var(--pidcc-brandbar-h));
    z-index: var(--pidcc-z-head);
  }

  /* Altura determinística da faixa do logo — é dela que sai o deslocamento   */
  /* negativo acima. Sem isto o valor seria um chute.                         */
  .pkp_site_name_wrapper {
    display: flex;
    align-items: center;
    height: var(--pidcc-brandbar-h);
    padding-top: 0;
    padding-bottom: 0;
  }

  .pkp_site_nav_menu {
    min-height: var(--pidcc-navbar-h);
    background: var(--pidcc-ivory);
  }
}

/* -------------------------------------------------------------------------- */
/* 4. NAVEGAÇÃO                                                               */
/* -------------------------------------------------------------------------- */

.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper {
  background: transparent;
}

.pkp_navigation_primary,
.pkp_navigation_user,
.pkp_navigation_search_wrapper {
  font-family: var(--pidcc-font-ui);
}

.pkp_navigation_primary > li > a {
  color: var(--pidcc-black);
  border-bottom: 2px solid transparent;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--pidcc-wine);
  background: transparent;
  border-color: var(--pidcc-wine);
}

/* Item de topo cujo submenu está aberto acompanha o realce, para que o       */
/* leitor saiba de qual seção o painel aberto pertence.                       */
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li:focus-within > a {
  color: var(--pidcc-wine);
  border-color: var(--pidcc-wine);
}

/* --- Submenus ------------------------------------------------------------- */
/* O tema fixa 15em, e rótulos como "Processo de Avaliação pelos Pares" ou    */
/* "Arquivamento e Preservação Digital" quebravam em três linhas. Passa a     */
/* dimensionar pelo conteúdo, com teto para não virar uma faixa larga.        */

.pkp_navigation_primary ul,
.pkp_navigation_user ul {
  background: var(--pidcc-white);
  border: 1px solid var(--pidcc-gray-200);
  border-radius: var(--pidcc-radius);
  box-shadow: 0 10px 25px rgba(13, 11, 11, 0.12);
}

.pkp_navigation_primary > li > ul {
  width: auto;
  min-width: 15em;
  max-width: 24em;
  padding: 0.35rem 0;
}

.pkp_navigation_primary ul a,
.pkp_navigation_user ul a {
  color: var(--pidcc-black);
  font-family: var(--pidcc-font-ui);
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
  color: var(--pidcc-wine);
  background: var(--pidcc-ivory);
  border-color: var(--pidcc-wine);
}

.pkp_navigation_user > li > a,
.pkp_navigation_search_wrapper a {
  color: var(--pidcc-wine);
  font-size: 0.78rem;
  font-weight: 500;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_search_wrapper a:hover {
  color: var(--pidcc-wine-dark);
}

.pkp_site_nav_toggle {
  color: var(--pidcc-wine);
}

/* --- Seletor de idioma ---------------------------------------------------- */
/* São dois itens do menu de usuário, ao lado de Buscar e Registrar-se. O tema */
/* não distingue esses itens por classe — todos saem como .profile — então a   */
/* seleção é feita pelo destino do link. O idioma em uso vem do atributo lang  */
/* do <html>, que o OJS já emite corretamente.                                */

.pkp_navigation_user a[href$="/pidcc/pt_BR"],
.pkp_navigation_user a[href$="/pidcc/en"] {
  color: var(--pidcc-gray-500);
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pkp_navigation_user a[href$="/pidcc/pt_BR"]:hover,
.pkp_navigation_user a[href$="/pidcc/en"]:hover,
.pkp_navigation_user a[href$="/pidcc/pt_BR"]:focus,
.pkp_navigation_user a[href$="/pidcc/en"]:focus {
  color: var(--pidcc-wine-dark);
}

/* Idioma corrente: destacado, para o leitor saber onde está sem ter de ler   */
/* o endereço.                                                                */
html[lang="pt-BR"] .pkp_navigation_user a[href$="/pidcc/pt_BR"],
html[lang="en"] .pkp_navigation_user a[href$="/pidcc/en"] {
  color: var(--pidcc-wine);
  font-weight: 600;
}

/* Filete entre os dois idiomas… */
.pkp_navigation_user a[href$="/pidcc/pt_BR"]::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.85em;
  margin: 0 -0.15rem -0.1em 0.65rem;
  background: var(--pidcc-gray-200);
  vertical-align: middle;
}

/* …e afastamento do bloco de conta, para o par de idiomas ler como um grupo. */
.pkp_navigation_user a[href$="/pidcc/en"] {
  margin-right: 0.5rem;
  padding-right: 0.9rem;
  border-right: 1px solid var(--pidcc-gray-200);
}

/* -------------------------------------------------------------------------- */
/* 5. BREADCRUMBS E TÍTULOS                                                   */
/* -------------------------------------------------------------------------- */

.cmp_breadcrumbs {
  color: var(--pidcc-gray-500);
  font-family: var(--pidcc-font-ui);
  font-size: 0.78rem;
}

.cmp_breadcrumbs a {
  color: var(--pidcc-gray-700);
}

.cmp_breadcrumbs a:hover {
  color: var(--pidcc-wine);
}

.page_title {
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: 0.9rem;
}

.page_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 3px;
  background: var(--pidcc-wine);
}

/* -------------------------------------------------------------------------- */
/* 6. PÁGINA INICIAL E EDIÇÃO ATUAL                                           */
/* -------------------------------------------------------------------------- */

.pkp_page_index .homepage_image {
  margin-bottom: 2rem;
}

.pkp_page_index .homepage_image img {
  border-radius: var(--pidcc-radius);
}

.pkp_page_index .homepage_about {
  margin-bottom: 3rem;
  padding: 1.75rem 2rem;
  background: var(--pidcc-ivory);
  border-left: 4px solid var(--pidcc-wine);
}

.pkp_page_index .current_issue {
  margin-top: 2.5rem;
}

.pkp_page_index .current_issue > h2,
.pkp_page_index .current_issue .current_issue_title {
  color: var(--pidcc-wine);
}

.current_issue .read_more {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  color: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* -------------------------------------------------------------------------- */
/* 7. SUMÁRIO DA EDIÇÃO E CARDS DE ARTIGOS                                    */
/* -------------------------------------------------------------------------- */

.obj_issue_toc .heading {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--pidcc-gray-200);
}

.obj_issue_toc .sections:not(:first-child) {
  margin-top: 2.5rem;
}

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
  color: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.obj_article_summary {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--pidcc-gray-200);
}

.obj_article_summary:hover {
  background: linear-gradient(90deg, rgba(134, 31, 45, 0.035), transparent 70%);
}

.obj_article_summary .title {
  margin-bottom: 0.45rem;
  font-family: var(--pidcc-font-ui);
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.45;
}

.obj_article_summary .title a {
  color: var(--pidcc-black);
  text-decoration: none;
}

.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus {
  color: var(--pidcc-wine);
}

.obj_article_summary .authors {
  color: var(--pidcc-gray-700);
  font-family: var(--pidcc-font-editorial);
  font-size: 0.94rem;
}

.obj_article_summary .pages,
.obj_article_summary .published {
  color: var(--pidcc-gray-500);
  font-family: var(--pidcc-font-ui);
  font-size: 0.76rem;
}

/* -------------------------------------------------------------------------- */
/* 8. PÁGINA DO ARTIGO                                                        */
/* -------------------------------------------------------------------------- */

.obj_article_details .page_title,
.obj_article_details h1 {
  color: var(--pidcc-black);
  font-family: var(--pidcc-font-ui);
  font-weight: 600;
  line-height: 1.3;
}

.obj_article_details .subtitle {
  color: var(--pidcc-gray-700);
  font-family: var(--pidcc-font-editorial);
  font-weight: 400;
}

.obj_article_details .authors,
.obj_article_details .authors .name {
  color: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-weight: 500;
}

.obj_article_details .abstract,
.obj_article_details .item.abstract {
  line-height: 1.85;
}

.obj_article_details .abstract h2,
.obj_article_details .item h2,
.obj_article_details .item h3 {
  color: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-size: 1rem;
  font-weight: 600;
}

.obj_article_details .keywords,
.obj_article_details .published,
.obj_article_details .doi,
.obj_article_details .citation_formats {
  font-size: 0.92rem;
}

.obj_article_details .doi a {
  font-family: var(--pidcc-font-ui);
  font-weight: 500;
  word-break: break-word;
}

/* --- Espaço entre coautores ----------------------------------------------- */
/* O tema empilha nome, papel e ORCID em três linhas e deixa 0.714rem entre um */
/* autor e o seguinte. O intervalo ENTRE autores ficava praticamente igual ao  */
/* intervalo DENTRO de cada autor, e os blocos se fundiam. Aqui o de fora      */
/* cresce e o de dentro encolhe: é o contraste entre os dois que faz cada      */
/* autor ser lido como uma unidade.                                            */

.obj_article_details .authors li + li {
  margin-top: 1.6rem;
}

/* Zera o espaçamento do tema para não somar ao de cima nem sobrar depois do   */
/* último autor.                                                               */
.obj_article_details .authors li {
  margin-bottom: 0;
}

.obj_article_details .authors .name {
  line-height: 1.35;
}

.obj_article_details .authors .orcid {
  margin-top: 0.2rem;
}

.obj_article_details .authors .affiliation {
  display: block;
  margin-top: 0.1rem;
  line-height: 1.4;
}

/* --- Papel do autor ------------------------------------------------------- */
/* O rótulo do grupo de usuário ("Autor") fica dentro de .authors e herdava    */
/* o vinho e o peso do nome, ficando quase indistinguível dele. Recua para     */
/* legenda: menor, cinza, peso normal.                                         */
.obj_article_details .authors .userGroup {
  display: block;
  margin-top: 0.1rem;
  color: var(--pidcc-gray-500);
  font-family: var(--pidcc-font-ui);
  font-size: 0.74rem;
  font-weight: 400;
  letter-spacing: 0.04em;
}

/* --- Palavras-chave clicáveis --------------------------------------------- */
/* Cada termo é um link para a busca do periódico. Depende do template         */
/* sobrescrito em templates/frontend/objects/article_details.tpl — no original */
/* os termos saem como texto corrido, sem elemento próprio.                    */

.pidcc-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.35rem;
}

.pidcc-keyword {
  display: inline-block;
  padding: 0.28rem 0.75rem;
  background: var(--pidcc-gray-100);
  border: 1px solid var(--pidcc-gray-200);
  border-radius: 999px;
  color: var(--pidcc-gray-700);
  font-family: var(--pidcc-font-ui);
  font-size: 0.78rem;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color 0.18s ease, border-color 0.18s ease,
    color 0.18s ease;
}

.pidcc-keyword:hover,
.pidcc-keyword:focus-visible {
  background: var(--pidcc-wine);
  border-color: var(--pidcc-wine);
  color: var(--pidcc-white);
}

/* --- Resumo --------------------------------------------------------------- */
/* Justificado por decisão editorial. A hifenização entra junto porque, sem    */
/* ela, o justificado em português abre rios de espaço em branco entre as      */
/* palavras longas.                                                            */
.obj_article_details .item.abstract p {
  text-align: justify;
  hyphens: auto;
}

/* --- Referências ---------------------------------------------------------- */
/* URLs de referência são um único token sem espaço — algumas passam de 80     */
/* caracteres. Sem permissão explícita de quebra, o navegador não as parte e   */
/* elas vazam para fora da coluna, empurrando o layout.                        */
.obj_article_details .item.references .value p,
.obj_article_details .item.references a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.obj_article_details .item.references .value p {
  margin: 0 0 0.85rem;
  font-size: 0.94rem;
  line-height: 1.6;
}

/* -------------------------------------------------------------------------- */
/* 9. BOTÕES, GALLEYS, FORMULÁRIOS E PAGINAÇÃO                               */
/* -------------------------------------------------------------------------- */

.cmp_button,
.cmp_form .buttons button,
button.submit,
input[type="submit"],
.obj_galley_link {
  color: var(--pidcc-white);
  background: var(--pidcc-wine);
  border: 1px solid var(--pidcc-wine);
  border-radius: var(--pidcc-radius);
  box-shadow: none;
  font-family: var(--pidcc-font-ui);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cmp_button:hover,
.cmp_button:focus,
.cmp_form .buttons button:hover,
.cmp_form .buttons button:focus,
button.submit:hover,
button.submit:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  color: var(--pidcc-white);
  background: var(--pidcc-wine-dark);
  border-color: var(--pidcc-wine-dark);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  color: var(--pidcc-black);
  background: var(--pidcc-white);
  border: 1px solid #8d8781;
  border-radius: var(--pidcc-radius);
  font-family: var(--pidcc-font-ui);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: var(--pidcc-wine);
  box-shadow: 0 0 0 2px rgba(134, 31, 45, 0.12);
}

.cmp_pagination a,
.cmp_pagination .current {
  font-family: var(--pidcc-font-ui);
}

.cmp_pagination .current {
  color: var(--pidcc-white);
  background: var(--pidcc-wine);
}

/* -------------------------------------------------------------------------- */
/* 10. SIDEBAR                                                                */
/* -------------------------------------------------------------------------- */

.pkp_structure_sidebar {
  font-family: var(--pidcc-font-ui);
  font-size: 0.86rem;
}

.pkp_structure_sidebar .pkp_block {
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: var(--pidcc-ivory);
  border-top: 3px solid var(--pidcc-wine);
}

.pkp_structure_sidebar .title,
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3 {
  margin-top: 0;
  color: var(--pidcc-black);
  font-family: var(--pidcc-font-ui);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.pkp_structure_sidebar a {
  color: var(--pidcc-wine);
}

.pkp_structure_sidebar a:hover,
.pkp_structure_sidebar a:focus {
  color: var(--pidcc-wine-dark);
}

/* -------------------------------------------------------------------------- */
/* 11. ARQUIVOS / EDIÇÕES ANTERIORES                                          */
/* -------------------------------------------------------------------------- */

.obj_issue_summary {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--pidcc-gray-200);
}

.obj_issue_summary .title {
  font-family: var(--pidcc-font-ui);
  font-weight: 600;
}

.obj_issue_summary .title a {
  color: var(--pidcc-black);
  text-decoration: none;
}

.obj_issue_summary .title a:hover {
  color: var(--pidcc-wine);
}

.obj_issue_summary .cover img,
.obj_issue_toc .cover img {
  box-shadow: 0 8px 22px rgba(13, 11, 11, 0.13);
}

/* --- Arquivo de edições em grade de cards -------------------------------- */
/* O tema entrega uma lista vertical em que cada edição é só um <h2><a> com o */
/* rótulo inteiro numa string. Não há capa, descrição nem título de edição —  */
/* a tabela issue_settings está vazia —, então o cartão é tipográfico.        */
/* Escopo restrito a .pkp_op_archive para não afetar a lista de edições que   */
/* aparece em outras páginas.                                                 */

.pkp_op_archive .issues_archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 1.15rem;
  margin: 2rem 0 0;
  padding: 0;
  list-style: none;
}

.pkp_op_archive .issues_archive > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pkp_op_archive .obj_issue_summary {
  position: relative;
  height: 100%;
  padding: 1.3rem 1.25rem 1.3rem 1.6rem;
  background: var(--pidcc-white);
  border: 1px solid var(--pidcc-gray-200);
  /* anula o filete da listagem vertical, que aqui viraria uma linha solta */
  border-bottom: 1px solid var(--pidcc-gray-200);
  border-radius: var(--pidcc-radius);
  transition: border-color 0.18s ease, box-shadow 0.18s ease,
    transform 0.18s ease;
}

/* Barra de acento à esquerda: acende na cor da marca ao passar o mouse. */
.pkp_op_archive .obj_issue_summary::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 4px;
  background: var(--pidcc-wine-pale);
  border-radius: var(--pidcc-radius) 0 0 var(--pidcc-radius);
  transition: background-color 0.18s ease;
}

.pkp_op_archive .obj_issue_summary:hover,
.pkp_op_archive .obj_issue_summary:focus-within {
  border-color: var(--pidcc-wine);
  box-shadow: var(--pidcc-shadow);
  transform: translateY(-2px);
}

.pkp_op_archive .obj_issue_summary:hover::before,
.pkp_op_archive .obj_issue_summary:focus-within::before {
  background: var(--pidcc-wine);
}

.pkp_op_archive .obj_issue_summary h2 {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.35;
}

.pkp_op_archive .obj_issue_summary .title {
  font-family: var(--pidcc-font-ui);
  font-weight: 600;
  letter-spacing: -0.015em;
}

/* O cartão inteiro vira alvo de clique, não só as poucas palavras do rótulo. */
.pkp_op_archive .obj_issue_summary .title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* O tema imprime a caixa de descrição mesmo quando não há descrição alguma,  */
/* e ela abriria um vão dentro do cartão.                                     */
.pkp_op_archive .obj_issue_summary .description:empty {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .pkp_op_archive .obj_issue_summary:hover,
  .pkp_op_archive .obj_issue_summary:focus-within {
    transform: none;
  }
}

/* --- Arquivo agrupado por ano (tema-filho PIDCC) -------------------------- */
/* Estas regras dependem do template sobrescrito em plugins/themes/pidcc.     */
/* As regras de .issues_archive acima continuam válidas e servem de reserva:  */
/* se o tema-filho for desativado, a página volta à grade simples em vez de   */
/* voltar à lista crua.                                                       */

.pidcc-arquivo {
  margin-top: 2rem;
}

.pidcc-arquivo-ano {
  margin: 2.75rem 0 1.1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--pidcc-gray-200);
  color: var(--pidcc-gray-500);
  font-family: var(--pidcc-font-ui);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.16em;
}

.pidcc-arquivo-ano:first-child {
  margin-top: 0;
}

.pidcc-arquivo-grade {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  gap: 1rem;
}

.pidcc-arquivo-edicao {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 1.15rem 1.1rem 1.15rem 1.45rem;
  background: var(--pidcc-white);
  border: 1px solid var(--pidcc-gray-200);
  border-radius: var(--pidcc-radius);
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease,
    transform 0.18s ease;
}

.pidcc-arquivo-edicao::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 4px;
  background: var(--pidcc-wine-pale);
  border-radius: var(--pidcc-radius) 0 0 var(--pidcc-radius);
  transition: background-color 0.18s ease;
}

.pidcc-arquivo-edicao:hover,
.pidcc-arquivo-edicao:focus-visible {
  border-color: var(--pidcc-wine);
  box-shadow: var(--pidcc-shadow);
  transform: translateY(-2px);
}

.pidcc-arquivo-edicao:hover::before,
.pidcc-arquivo-edicao:focus-visible::before {
  background: var(--pidcc-wine);
}

/* O volume é a âncora visual do cartão — é por ele que o olho varre a grade. */
.pidcc-arquivo-vol {
  color: var(--pidcc-black);
  font-family: var(--pidcc-font-ui);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  transition: color 0.18s ease;
}

.pidcc-arquivo-edicao:hover .pidcc-arquivo-vol,
.pidcc-arquivo-edicao:focus-visible .pidcc-arquivo-vol {
  color: var(--pidcc-wine);
}

.pidcc-arquivo-num {
  color: var(--pidcc-gray-500);
  font-family: var(--pidcc-font-ui);
  font-size: 0.79rem;
  letter-spacing: 0.02em;
}

.pidcc-arquivo-titulo {
  margin-top: 0.35rem;
  color: var(--pidcc-gray-700);
  font-family: var(--pidcc-font-editorial);
  font-size: 0.88rem;
  line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
  .pidcc-arquivo-edicao:hover,
  .pidcc-arquivo-edicao:focus-visible {
    transform: none;
  }
}

@media (max-width: 575px) {
  .pidcc-arquivo-grade {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.75rem;
  }

  .pidcc-arquivo-vol {
    font-size: 1.2rem;
  }
}

/* -------------------------------------------------------------------------- */
/* 12. RODAPÉ                                                                 */
/* -------------------------------------------------------------------------- */

.pkp_structure_footer_wrapper {
  color: var(--pidcc-ivory);
  background: var(--pidcc-black);
  border-top: 5px solid var(--pidcc-wine);
}

.pkp_structure_footer {
  font-family: var(--pidcc-font-ui);
  font-size: 0.82rem;
}

.pkp_footer_content,
.pkp_footer_content p {
  color: var(--pidcc-ivory);
}

.pkp_structure_footer a,
.pkp_footer_content a {
  color: var(--pidcc-wine-pale);
}

.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus,
.pkp_footer_content a:hover,
.pkp_footer_content a:focus {
  color: var(--pidcc-white);
}

/* -------------------------------------------------------------------------- */
/* 13. DETALHES EDITORIAIS PIDCC                                              */
/* -------------------------------------------------------------------------- */

blockquote {
  margin: 1.75rem 0;
  padding: 1rem 1.5rem;
  color: var(--pidcc-gray-700);
  background: var(--pidcc-ivory);
  border-left: 4px solid var(--pidcc-wine);
  font-family: var(--pidcc-font-editorial);
  font-style: italic;
}

hr {
  height: 1px;
  margin: 2.5rem 0;
  background: var(--pidcc-wine-pale);
  border: 0;
}

/* Tabela larga rola dentro da própria caixa em vez de esticar a página.      */
.pkp_structure_main table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

th {
  color: var(--pidcc-white);
  background: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-weight: 600;
  text-align: left;
}

/* Só filete horizontal: a grade fechada compete com o texto e pesa em        */
/* tabelas de leitura, como a do corpo editorial.                             */
th,
td {
  padding: 0.65rem 0.8rem;
  border: 0;
  border-bottom: 1px solid var(--pidcc-gray-200);
  vertical-align: top;
}

tbody tr:last-child td {
  border-bottom: 0;
}

/* -------------------------------------------------------------------------- */
/* 14. PÁGINAS INSTITUCIONAIS — componentes                                   */
/*     Substituem o estilo inline que antes vinha colado no conteúdo. Toda    */
/*     página personalizada usa .pidcc-pagina como invólucro; o resto herda.  */
/* -------------------------------------------------------------------------- */

.pidcc-pagina {
  max-width: 1000px;
  margin: 0 auto;
  font-family: var(--pidcc-font-editorial);
  color: var(--pidcc-black);
  line-height: 1.75;
}

/* Texto justificado sem hifenização abre rios de espaço em branco — em       */
/* português, com palavras longas, o efeito é pior. Alinhado à esquerda, com  */
/* hifenização disponível onde o navegador quiser usá-la.                     */
.pidcc-pagina p,
.pidcc-pagina li {
  text-align: left;
  hyphens: auto;
}

.pidcc-pagina > section + section {
  margin-top: 3rem;
}

.pidcc-pagina h2 {
  margin: 0 0 1.25rem;
  padding-bottom: 0.6rem;
  color: var(--pidcc-black);
  border-bottom: 2px solid var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.pidcc-pagina h3 {
  margin: 2rem 0 0.75rem;
  color: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-size: 1.05rem;
  font-weight: 600;
}

.pidcc-pagina h3:first-child {
  margin-top: 0;
}

/* Versão em outro idioma do mesmo parágrafo: presente, mas em segundo plano. */
.pidcc-en {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--pidcc-gray-200);
  color: var(--pidcc-gray-700);
  font-size: 0.92rem;
  font-style: italic;
}

/* --- Grade de cartões ----------------------------------------------------- */

.pidcc-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin: 2rem 0;
}

.pidcc-card {
  padding: 1.5rem;
  background: var(--pidcc-white);
  border: 1px solid var(--pidcc-gray-200);
  border-top: 4px solid var(--pidcc-gray-200);
  border-radius: var(--pidcc-radius);
}

.pidcc-card--destaque {
  border-color: var(--pidcc-gray-200);
  border-top-color: var(--pidcc-wine);
  box-shadow: var(--pidcc-shadow);
}

.pidcc-card--centro {
  text-align: center;
}

/* Cartão que é inteiramente um destino de navegação — usado nas páginas de   */
/* abertura de seção, que antes eram um clique morto no menu.                 */
.pidcc-card--link {
  display: flex;
  align-items: center;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.pidcc-card--link h3 {
  margin: 0;
  font-size: 1rem;
}

.pidcc-card--link a {
  text-decoration: none;
}

.pidcc-card--link:hover,
.pidcc-card--link:focus-within {
  border-top-color: var(--pidcc-wine);
  box-shadow: var(--pidcc-shadow);
}

.pidcc-card > :first-child {
  margin-top: 0;
}

.pidcc-card > :last-child {
  margin-bottom: 0;
}

/* Número em destaque (valor de taxa, prazo, contagem). */
.pidcc-valor {
  display: block;
  margin: 0.35rem 0 0.6rem;
  color: var(--pidcc-black);
  font-family: var(--pidcc-font-ui);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.pidcc-valor small {
  font-size: 1rem;
  font-weight: 500;
}

/* Etiqueta curta de estado. Sem cor semântica de fora da marca: a variação   */
/* é de intensidade, não de matiz.                                            */
.pidcc-selo {
  display: inline-block;
  margin-bottom: 0.9rem;
  padding: 0.25rem 0.7rem;
  background: var(--pidcc-gray-100);
  border-radius: 999px;
  color: var(--pidcc-gray-700);
  font-family: var(--pidcc-font-ui);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pidcc-selo--marca {
  background: var(--pidcc-wine);
  color: var(--pidcc-white);
}

.pidcc-selo--suave {
  background: var(--pidcc-wine-pale);
  color: var(--pidcc-wine-dark);
}

/* --- Caixas de destaque --------------------------------------------------- */

.pidcc-callout {
  margin: 1.75rem 0;
  padding: 1.25rem 1.5rem;
  background: var(--pidcc-ivory);
  border-left: 4px solid var(--pidcc-wine);
  border-radius: 0 var(--pidcc-radius) var(--pidcc-radius) 0;
  font-size: 0.97rem;
}

.pidcc-callout > :first-child {
  margin-top: 0;
}

.pidcc-callout > :last-child {
  margin-bottom: 0;
}

.pidcc-callout--neutro {
  background: var(--pidcc-gray-100);
  border-left-color: var(--pidcc-gray-500);
}

/* Faixa de destaque cujo conteúdo corre lado a lado (selo + texto, ícone +   */
/* texto). Quebra para uma coluna quando não couber.                          */
.pidcc-callout--flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}

/* Seção inteira dentro de uma caixa suave. */
.pidcc-secao--caixa {
  margin-top: 2.5rem;
  padding: 1.75rem 2rem;
  background: var(--pidcc-gray-50);
  border: 1px solid var(--pidcc-gray-200);
  border-radius: var(--pidcc-radius);
}

.pidcc-secao--caixa > :first-child {
  margin-top: 0;
}

.pidcc-secao--caixa > :last-child {
  margin-bottom: 0;
}

.pidcc-callout--atencao {
  background: var(--pidcc-gray-50);
  border-left-color: var(--pidcc-wine-dark);
}

/* Nota discreta, centrada, para rodapé de seção. */
.pidcc-nota {
  margin: 2rem 0;
  padding: 1rem 1.25rem;
  border: 1px solid var(--pidcc-gray-200);
  border-radius: var(--pidcc-radius);
  color: var(--pidcc-gray-700);
  font-size: 0.9rem;
  text-align: center;
}

/* --- Bloco recolhível ----------------------------------------------------- */

.pidcc-detalhe {
  margin: 1rem 0;
  padding: 0.9rem 1.25rem;
  background: var(--pidcc-gray-50);
  border: 1px solid var(--pidcc-gray-200);
  border-radius: var(--pidcc-radius);
}

.pidcc-detalhe > summary {
  cursor: pointer;
  color: var(--pidcc-wine);
  font-family: var(--pidcc-font-ui);
  font-size: 0.92rem;
  font-weight: 600;
}

.pidcc-detalhe[open] > summary {
  margin-bottom: 0.75rem;
}

/* --- Lista de pessoas (Equipe Editorial) ---------------------------------- */

.pidcc-pessoas {
  margin: 1.5rem 0;
  padding: 0;
  list-style: none;
}

.pidcc-pessoas > li {
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--pidcc-gray-200);
}

.pidcc-pessoas > li:last-child {
  border-bottom: 0;
}

.pidcc-pessoa-nome {
  display: block;
  font-family: var(--pidcc-font-ui);
  font-weight: 600;
}

.pidcc-pessoa-vinculo {
  display: block;
  color: var(--pidcc-gray-700);
  font-size: 0.9rem;
}

/* -------------------------------------------------------------------------- */
/* 15. RESPONSIVIDADE                                                         */
/* -------------------------------------------------------------------------- */

@media (max-width: 991px) {
  .pkp_structure_page {
    box-shadow: none;
  }

  .pkp_structure_content {
    padding-top: 1.75rem;
  }

  .pkp_site_nav_menu {
    background: var(--pidcc-ivory);
    border-top: 1px solid var(--pidcc-gray-200);
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a,
  .pkp_navigation_search_wrapper a {
    color: var(--pidcc-black);
  }

  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_search_wrapper a:hover {
    color: var(--pidcc-wine);
  }

  /* Alvo de toque de 44px, mínimo recomendado para o dedo (WCAG 2.5.8).      */
  .pkp_navigation_primary a,
  .pkp_navigation_user a {
    display: flex;
    align-items: center;
    min-height: 44px;
    white-space: normal;
  }

  /* Empilhado no celular, os filetes do seletor de idioma ficariam soltos no */
  /* meio da lista.                                                           */
  .pkp_navigation_user a[href$="/pidcc/pt_BR"]::after {
    display: none;
  }

  .pkp_navigation_user a[href$="/pidcc/en"] {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }

  .pkp_structure_sidebar .pkp_block {
    padding: 1rem;
  }
}

@media (max-width: 575px) {
  body {
    font-size: 15px;
  }

  .pkp_structure_head {
    border-top-width: 4px;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    max-height: 58px;
  }

  .pkp_page_index .homepage_about {
    padding: 1.25rem;
  }

  .obj_article_summary {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .obj_article_details .page_title,
  .obj_article_details h1 {
    font-size: 1.55rem;
  }

  .pidcc-pagina h2 {
    font-size: 1.15rem;
  }

  .pidcc-cards {
    gap: 1rem;
  }
}

/* -------------------------------------------------------------------------- */
/* 16. IMPRESSÃO                                                              */
/* -------------------------------------------------------------------------- */

@media print {
  body,
  .pkp_structure_page {
    color: #000;
    background: #fff;
    box-shadow: none;
  }

  .pkp_structure_head,
  .pkp_structure_sidebar,
  .pkp_structure_footer_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user_wrapper {
    display: none !important;
    position: static !important;
  }

  a {
    color: #000;
  }

  .pidcc-card,
  .pidcc-callout,
  .pidcc-nota {
    break-inside: avoid;
  }
}

/* Fim — PIDCC Identidade Visual Oficial */