/* Alumni In Books – CSS do OMP 3 (Default Theme), ISSN 3085-8569.
   Paleta: azul-marinho + amarelo-ouro da capa, com verde/azul-turquesa (meio ambiente) e as 17 cores dos ODS. Base: CSS do JIK adaptado.
   Seu CSS original (theme-logo-max) foi mantido INTEIRO, sem alterações.
   Ao final foram acrescentados: adaptações mínimas, cabeçalho dinâmico e movimento.
   Fontes do cabeçalho: */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif:wght@600;700&display=swap");

/* ============================================================================
   SDGs STUDIES REVIEW - CSS (OJS 3)
   Logo maior e responsivo + Cores aprimoradas + Textos justificados
   ============================================================================ */

/* ============================================================================
   1. VARIÁVEIS DE CORES
   ============================================================================ */
:root {
  --primary-blue: #0a3558;
  --primary-dark: #041c3d;
  --accent-purple: #f2c230;
  --accent-green: #10b981;
  --text-dark: #0f172a;
  --text-gray: #475569;
  --border-light: #e2e8f0;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* ============================================================================
   2. LOGO MAIOR E RESPONSIVO
   ============================================================================ */

/* Container do logo */
.navbar-header,
.navbar-brand {
  text-align: center;
  width: 100%;
  display: block;
}

/* Logo - tamanho aumentado e responsivo */
.navbar-brand img,
.navbar-header img,
img.img-fluid {
  max-height: 120px !important; /* Desktop - bem maior */
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 1rem auto !important;
  transition: all 0.3s ease;
}

.navbar-brand img:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

/* Se for texto ao invés de imagem */
.navbar-brand,
h1.navbar-brand {
  font-size: 2rem !important;
  font-weight: 800 !important;
  text-align: center !important;
  display: block !important;
  padding: 1.5rem 0 !important;
}

/* ============================================================================
   3. RESPONSIVIDADE DO LOGO
   ============================================================================ */

/* Tablets */
@media (max-width: 991px) {
  .navbar-brand img,
  .navbar-header img {
    max-height: 90px !important;
  }
  
  .navbar-brand,
  h1.navbar-brand {
    font-size: 1.75rem !important;
  }
}

/* Smartphones */
@media (max-width: 767px) {
  .navbar-brand img,
  .navbar-header img {
    max-height: 70px !important;
    margin: 0.75rem auto !important;
  }
  
  .navbar-brand,
  h1.navbar-brand {
    font-size: 1.5rem !important;
    padding: 1rem 0 !important;
  }
}

/* Smartphones pequenos */
@media (max-width: 480px) {
  .navbar-brand img,
  .navbar-header img {
    max-height: 60px !important;
  }
  
  .navbar-brand,
  h1.navbar-brand {
    font-size: 1.25rem !important;
  }
}

/* ============================================================================
   4. TEXTOS JUSTIFICADOS
   ============================================================================ */
p,
.article-summary p,
.obj_article_summary p,
.content p,
.description,
article p,
.block p,
.about p,
.entry-content p,
.page-content p,
.article-details p,
.article-abstract p {
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
}

/* ============================================================================
   5. HEADER/NAVBAR COM CORES APRIMORADAS
   ============================================================================ */
.navbar,
.navbar-default {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: none;
  box-shadow: var(--shadow-md);
  padding: 0;
}

.navbar-default .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  padding: 15px 20px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background: rgba(31, 75, 124, 0.15);
  color: #f2d45c !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: rgba(31, 75, 124, 0.25);
  color: #ffffff !important;
}

/* Dropdown menus */
.dropdown-menu {
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: var(--shadow-md);
}

.dropdown-menu > li > a {
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 10px 20px;
}

.dropdown-menu > li > a:hover {
  background: rgba(31, 75, 124, 0.2);
  color: #f2d45c !important;
}

/* ============================================================================
   6. ARTIGOS COM CORES APRIMORADAS
   ============================================================================ */
.obj_article_summary,
.article-summary,
.media {
  background: #ffffff;
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 1.75rem;
  margin-bottom: 1.75rem;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
  position: relative;
}

.obj_article_summary::before,
.article-summary::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--primary-blue), var(--accent-purple));
  border-radius: 12px 0 0 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.obj_article_summary:hover,
.article-summary:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
  border-color: var(--primary-blue);
}

.obj_article_summary:hover::before,
.article-summary:hover::before {
  opacity: 1;
}

/* Títulos dos artigos */
.obj_article_summary h3 a,
.article-title a,
.media-heading a {
  color: var(--primary-dark) !important;
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.obj_article_summary h3 a:hover,
.article-title a:hover {
  color: var(--primary-blue) !important;
  text-decoration: none;
}

/* Autores */
.authors {
  color: var(--text-gray);
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0.75rem 0;
}

/* DOI e badges */
.doi,
.badge,
.label {
  display: inline-block;
  background: linear-gradient(135deg, rgba(31, 75, 124, 0.12), rgba(238, 201, 47, 0.12));
  color: var(--primary-blue);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 700;
  border: 1.5px solid rgba(31, 75, 124, 0.25);
  margin: 0.25rem;
  font-family: 'Courier New', monospace;
  transition: all 0.3s ease;
}

.doi:hover,
.badge:hover {
  background: linear-gradient(135deg, var(--primary-blue), var(--accent-purple));
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

/* ============================================================================
   7. SIDEBAR
   ============================================================================ */
.sidebar .panel,
.sidebar .well,
.pkp_block {
  background: #ffffff;
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.75rem;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

.sidebar .panel:hover,
.sidebar .well:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.sidebar .panel-heading,
.sidebar h3,
.pkp_block h3 {
  color: var(--primary-dark);
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--border-light);
}

/* Botão "Make a Submission" - Destaque em VERDE */
.sidebar .panel:first-child,
.sidebar .well:first-child,
.cmp_announcements {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
  text-align: center;
  border: none !important;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
}

.sidebar .panel:first-child .panel-heading,
.sidebar .panel:first-child h3,
.sidebar .well:first-child h3 {
  color: #ffffff !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.sidebar .panel:first-child a,
.sidebar .well:first-child a {
  background: #ffffff !important;
  color: #059669 !important;
  display: inline-block !important;
  padding: 1rem 2rem !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  margin-top: 1rem !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.sidebar .panel:first-child a:hover,
.sidebar .well:first-child a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
  background: #f0fdf4 !important;
}

/* ============================================================================
   8. BOTÕES
   ============================================================================ */
.btn-primary {
  background: linear-gradient(135deg, var(--primary-blue), var(--accent-purple));
  border: none;
  border-radius: 8px;
  padding: 0.75rem 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  background: linear-gradient(135deg, var(--primary-dark), var(--accent-purple));
}

.btn-default {
  border-radius: 8px;
  border: 2px solid var(--border-light);
  transition: all 0.3s ease;
}

.btn-default:hover {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
  background: rgba(31, 75, 124, 0.05);
}

/* ============================================================================
   9. FORMULÁRIOS
   ============================================================================ */
.form-control {
  border: 2px solid var(--border-light);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

.form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px rgba(31, 75, 124, 0.1);
  outline: none;
}

/* ============================================================================
   10. TABELAS
   ============================================================================ */
.table {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.table thead {
  background: linear-gradient(135deg, var(--primary-blue), var(--accent-purple));
  color: #ffffff;
}

.table thead th {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  border: none;
}

.table tbody tr:hover {
  background: #f8fafc;
}

/* ============================================================================
   11. PANELS E WELLS
   ============================================================================ */
.panel {
  border-radius: 12px;
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-sm);
}

.panel-heading {
  background: linear-gradient(135deg, #f8fafc, #ffffff);
  border-bottom: 2px solid var(--primary-blue);
  font-weight: 700;
  border-radius: 12px 12px 0 0;
}

.well {
  border-radius: 12px;
  border: 1px solid var(--border-light);
  background: #f8fafc;
  box-shadow: var(--shadow-sm);
}

/* ============================================================================
   12. ALERTAS
   ============================================================================ */
.alert {
  border-radius: 10px;
  border-left: 5px solid;
  box-shadow: var(--shadow-sm);
}

.alert-info {
  background: rgba(246, 222, 122, 0.1);
  border-color: #29b4c9;
}

.alert-success {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10b981;
}

.alert-warning {
  background: rgba(245, 158, 11, 0.1);
  border-color: #f59e0b;
}

.alert-danger {
  background: rgba(239, 68, 68, 0.1);
  border-color: #ef4444;
}

/* ============================================================================
   13. KEYWORDS/TAGS
   ============================================================================ */
.tag,
.keyword,
.label {
  display: inline-block;
  background: rgba(31, 75, 124, 0.1);
  color: var(--primary-blue);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1.5px solid rgba(31, 75, 124, 0.2);
  margin: 0.25rem;
  transition: all 0.3s ease;
}

.tag:hover,
.keyword:hover {
  background: var(--primary-blue);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

/* ============================================================================
   14. BREADCRUMBS
   ============================================================================ */
.breadcrumb {
  background: transparent;
  border-radius: 8px;
  padding: 1rem 0;
}

.breadcrumb > li + li:before {
  content: "→";
  color: var(--text-gray);
}

.breadcrumb a {
  color: var(--primary-blue);
  font-weight: 500;
}

/* ============================================================================
   15. PAGINAÇÃO
   ============================================================================ */
.pagination > li > a,
.pagination > li > span {
  border-radius: 8px;
  border: 2px solid var(--border-light);
  margin: 0 0.25rem;
  color: var(--text-dark);
  font-weight: 600;
  transition: all 0.3s ease;
}

.pagination > li > a:hover {
  background: linear-gradient(135deg, var(--primary-blue), var(--accent-purple));
  color: #ffffff;
  border-color: transparent;
  transform: translateY(-2px);
}

.pagination > .active > a,
.pagination > .active > span {
  background: linear-gradient(135deg, var(--primary-blue), var(--accent-purple));
  border-color: transparent;
  color: #ffffff;
}

/* ============================================================================
   16. FOOTER
   ============================================================================ */
.footer,
footer {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  color: #cbd5e1;
  padding: 2.5rem 0 1.5rem;
  margin-top: 4rem;
  border-top: 3px solid rgba(31, 75, 124, 0.3);
}

.footer a,
footer a {
  color: #f2d45c;
  font-weight: 500;
  transition: color 0.3s ease;
}

.footer a:hover,
footer a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* ============================================================================
   17. LINKS GERAIS
   ============================================================================ */
a {
  color: var(--primary-blue);
  transition: color 0.3s ease;
}

a:hover,
a:focus {
  color: var(--accent-purple);
  text-decoration: none;
}

/* ============================================================================
   18. IMAGENS RESPONSIVAS
   ============================================================================ */
img {
  max-width: 100%;
  height: auto;
}

.img-thumbnail,
.thumbnail {
  border-radius: 8px;
  border: 1px solid var(--border-light);
}

/* ============================================================================
   19. RESPONSIVIDADE ADICIONAL
   ============================================================================ */
@media (max-width: 767px) {
  /* Ajustes para mobile */
  .obj_article_summary,
  .article-summary {
    padding: 1.25rem;
  }
  
  .navbar-default .navbar-nav > li > a {
    padding: 12px 15px;
  }
  
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
}

/* ============================================================================
   20. ACESSIBILIDADE
   ============================================================================ */
*:focus {
  outline: 3px solid var(--primary-blue);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ============================================================================
   FIM - CSS PARA TEMA JOURNAL (BOOTSTRAP)
   ============================================================================ */

/* ============================================================================
   21. HEADER OJS 3 – CENTRALIZAÇÃO E ALTURA (PATCH DEFINITIVO)
   Objetivo: centralizar o logo e aumentar a altura do header do OJS 3 (PKP UI)
   Compatível com: OJS 3.x (tema Bootstrap/Journal)
   ============================================================================ */

/* Estrutura do header (OJS/PKP) */
.pkp_structure_head {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Wrapper do nome/logo */
.pkp_site_name_wrapper {
  display: flex !important;
  justify-content: center !important; /* centraliza horizontal */
  align-items: center !important;     /* centraliza vertical */
  min-height: 150px;                 /* ALTURA DO HEADER (desktop) */
  padding: 25px 0 !important;
}

/* Remove alinhamentos antigos e garante centralização */
.pkp_site_name {
  float: none !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: 100%;
}

/* Logo (imagem) */
.pkp_site_name img {
  max-height: 95px !important;       /* TAMANHO DO LOGO (desktop) */
  width: auto !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Caso o título apareça como texto */
.pkp_site_name h1,
.pkp_site_name a {
  display: inline-block !important;
  text-align: center !important;
  font-size: 2rem;
  font-weight: 800;
  margin: 0 !important;
}

/* Responsividade */
@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    min-height: 120px;
    padding: 20px 0 !important;
  }

  .pkp_site_name img {
    max-height: 70px !important;
  }
}

@media (max-width: 480px) {
  .pkp_site_name_wrapper {
    min-height: 105px;
  }

  .pkp_site_name img {
    max-height: 60px !important;
  }
}

/* ============================================================================
   FIM DO PATCH 21
   ============================================================================ */



/* ============================================================================
   PATCH FINAL – HEADER OJS 3 (LOGO GRANDE CENTRALIZADO)
   ============================================================================ */

/* Header geral */
.pkp_structure_head {
  padding: 0 !important;
}

/* Área do header */
.pkp_site_name_wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 180px !important;
  padding: 30px 0 !important;
}

/* Remove limites do container */
.pkp_site_name {
  float: none !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* LOGOTIPO – TAMANHO GRANDE */
.pkp_site_name img {
  max-height: 130px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.pkp_site_name a {
  max-width: none !important;
}

/* Responsividade */
@media (max-width: 991px) {
  .pkp_site_name_wrapper {
    min-height: 150px !important;
  }
  .pkp_site_name img {
    max-height: 100px !important;
  }
}

@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    min-height: 130px !important;
  }
  .pkp_site_name img {
    max-height: 85px !important;
  }
}

@media (max-width: 480px) {
  .pkp_site_name_wrapper {
    min-height: 115px !important;
  }
  .pkp_site_name img {
    max-height: 70px !important;
  }
}

/* ============================================================================
   FIM PATCH FINAL HEADER
   ============================================================================ */


/* ============================================================================
   PATCH EXTRA – LOGOTIPO AINDA MAIOR (HEADER PREMIUM)
   ============================================================================ */

/* Header ainda mais alto */
.pkp_site_name_wrapper {
  min-height: 220px !important;
  padding: 40px 0 !important;
}

/* LOGO MUITO MAIOR */
.pkp_site_name img {
  max-height: 170px !important;
}

/* Tablets */
@media (max-width: 991px) {
  .pkp_site_name_wrapper {
    min-height: 180px !important;
  }
  .pkp_site_name img {
    max-height: 135px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    min-height: 150px !important;
  }
  .pkp_site_name img {
    max-height: 110px !important;
  }
}

@media (max-width: 480px) {
  .pkp_site_name_wrapper {
    min-height: 130px !important;
  }
  .pkp_site_name img {
    max-height: 95px !important;
  }
}

/* ============================================================================
   FIM PATCH EXTRA – LOGO AINDA MAIOR
   ============================================================================ */

/* ============================================================================
   ADAPTAÇÕES MÍNIMAS PARA O OJS (acrescentadas; o CSS acima está inalterado)
   ============================================================================ */
.pkp_block .title {
  display: block;
  color: var(--primary-dark);
  font-weight: 700;
  font-size: 1.05rem;
  margin: 0 0 1rem;
  padding: 0 0 .75rem;
  border-bottom: 2px solid var(--border-light);
}
.block_make_submission .content a,
.block_make_submission_link {
  display: block;
  padding: .9rem 1.2rem;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #fff !important;
  background: linear-gradient(135deg, var(--primary-blue), var(--accent-purple));
  border: 0;
  border-radius: 10px;
  box-shadow: var(--shadow-md);
  transition: transform .25s ease, box-shadow .25s ease;
}
.block_make_submission .content a:hover,
.block_make_submission_link:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(31, 75, 124, .35); color: #fff !important; }
.pkp_structure_footer_wrapper {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  color: #cbd5e1;
  border-top: 3px solid rgba(31, 75, 124, .35);
}
.pkp_structure_footer_wrapper a { color: #29b4c9; }
.pkp_structure_footer_wrapper a:hover { color: #fff; }
.pkp_brand_footer { background: rgba(0, 0, 0, .18); }

/* ============================================================================
   ===  CABEÇALHO PAJ (acrescentado ao final; não altera as regras acima)  ===
   Paleta ligada ao restante do CSS: azul-ardósia, azul #0a3558 e roxo #f2c230.
   ============================================================================ */
:root {
  --paj-navy: #041c3d;
  --paj-navy-2: #041c3d;
  --paj-blue: #0a3558;
  --paj-cyan: #29b4c9;       /* azul-céu (brilho) */
  --paj-pink: #f2c230;       /* roxo (destaque) – nome mantido por compatibilidade */
  --paj-pink-2: #fbe9a6;
  --paj-pink-soft: #fff8dc;
  --paj-ink: #0f172a;
  --paj-line: #e2e8f0;

  --paj-hero-h: clamp(250px, 25vw, 320px);   /* altura do cabeçalho */
  --paj-nav-h: 58px;                          /* altura da barra de menu */
  --paj-logo: url("https://alumnijournals.org/Journals/libraryFiles/downloadPublic/19"); /* logotipo = Library 16 */
  --paj-logo-size: clamp(115px, 12vw, 160px); /* tamanho do logotipo */

  /* textos do cabeçalho (edite entre aspas; "" oculta) */
  --paj-kicker: "ISSN 3085-8569";
  --paj-tagline: "Sustainable governance and institutional management";

  --paj-net-a: 160, 235, 150;   /* cor dos nós da rede (JS opcional) */
  --paj-net-b: 238, 201, 47;

  --paj-sans: "Inter", "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --paj-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --paj-ease: cubic-bezier(.2, .7, .2, 1);
  --paj-a: 0deg; --paj-b: 0deg;
}

/* ---- 1. Estrutura: o cabeçalho segue a largura do site ---------------------- */
html body .pkp_structure_head {
  position: relative;
  z-index: 100;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
}
html body .pkp_head_wrapper {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  width: calc(100% - 24px);
  max-width: 1160px;
  height: var(--paj-hero-h);
  margin: 12px auto 0;
  padding: 0;
  border-radius: 20px 20px 0 0;
  background: var(--paj-navy);
  box-shadow: 0 18px 40px -18px rgba(15, 23, 42, .6);
}
/* camada 1: aurora + malha de luz */
html body .pkp_head_wrapper::before {
  content: "";
  position: absolute; inset: 0; z-index: -2;
  border-radius: inherit;
  background:
    conic-gradient(from var(--paj-b) at 72% 38%, rgba(74, 128, 190, .26), rgba(74, 128, 190, 0) 20%, rgba(238, 201, 47, .13) 46%, rgba(31, 75, 124, 0) 68%, rgba(74, 128, 190, .26)) 0 0 / 100% 100% no-repeat,
    radial-gradient(40% 70% at 12% 20%, rgba(58, 112, 175, .50), transparent 70%),
    radial-gradient(38% 65% at 88% 15%, rgba(238, 201, 47, .20), transparent 70%),
    radial-gradient(45% 70% at 55% 105%, rgba(31, 75, 124, .70), transparent 70%),
    linear-gradient(120deg, #0a1626 0%, #13294a 48%, #1f3a5f 100%);
  background-size: 100% 100%, 150% 150%, 150% 150%, 150% 150%, 100% 100%;
  background-repeat: no-repeat;
}
/* camada 2: varredura, grade, fios de dados e partículas */
html body .pkp_head_wrapper::after {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(180deg, transparent 38%, rgba(246, 222, 122, .22) 50%, transparent 62%) 0 0 / 100% 460px,
    linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px) 0 0 / 46px 46px,
    linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px) 0 0 / 46px 46px,
    linear-gradient(180deg, transparent 0, rgba(246, 222, 122, 0) 4%, rgba(246, 222, 122, .85) 16%, #fff 18%, transparent 19%, transparent 100%) 14% 0 / 1.5px 420px repeat-y,
    linear-gradient(180deg, transparent 0, rgba(238, 201, 47, 0) 4%, rgba(238, 201, 47, .9) 16%, #fff 18%, transparent 19%, transparent 100%) 47% 0 / 1.5px 520px repeat-y,
    linear-gradient(180deg, transparent 0, rgba(246, 222, 122, 0) 4%, rgba(246, 222, 122, .85) 16%, #fff 18%, transparent 19%, transparent 100%) 71% 0 / 1.5px 380px repeat-y,
    linear-gradient(180deg, transparent 0, rgba(251, 233, 166, 0) 4%, rgba(251, 233, 166, .9) 16%, #fff 18%, transparent 19%, transparent 100%) 90% 0 / 1.5px 460px repeat-y,
    radial-gradient(circle at 12% 22%, rgba(255, 255, 255, .95) 0 1.6px, transparent 2.4px) 0 0 / 320px 320px,
    radial-gradient(circle at 63% 71%, rgba(246, 222, 122, .95) 0 2px, transparent 3px) 0 0 / 320px 320px,
    radial-gradient(circle at 38% 48%, rgba(251, 233, 166, .95) 0 1.8px, transparent 2.8px) 0 0 / 480px 480px,
    radial-gradient(circle at 81% 33%, rgba(255, 255, 255, .8) 0 1.2px, transparent 2px) 0 0 / 480px 480px,
    radial-gradient(circle at 27% 85%, rgba(246, 222, 122, .8) 0 2.6px, transparent 3.8px) 0 0 / 640px 640px,
    radial-gradient(circle at 92% 62%, rgba(255, 255, 255, .9) 0 1.4px, transparent 2.2px) 0 0 / 640px 640px;
  background-repeat: repeat, repeat, repeat, repeat-y, repeat-y, repeat-y, repeat-y, repeat, repeat, repeat, repeat, repeat, repeat;
  -webkit-mask-image: radial-gradient(ellipse at 50% 45%, #000 35%, rgba(0, 0, 0, .4) 100%);
          mask-image: radial-gradient(ellipse at 50% 45%, #000 35%, rgba(0, 0, 0, .4) 100%);
  pointer-events: none;
}

/* ---- 2. Título, etiqueta e frase de apoio -------------------------------- */
html body .pkp_structure_head .pkp_site_name_wrapper {
  position: relative;
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: .55rem;
  min-height: 0 !important;
  height: auto;
  padding: clamp(1.2rem, 2.6vw, 2.2rem) clamp(1.2rem, 3vw, 2.6rem) 1rem !important;
  background: transparent !important;
}
html body .pkp_site_name_wrapper::before {
  content: var(--paj-kicker);
  order: -1;
  display: inline-block;
  padding: .28rem .85rem;
  font: 600 .72rem/1.2 var(--paj-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
html body .pkp_site_name_wrapper::after {
  content: var(--paj-tagline);
  display: block;
  max-width: 34rem;
  font: 400 clamp(.9rem, 1.3vw, 1.02rem)/1.5 var(--paj-sans);
  color: rgba(255, 255, 255, .8);
}
html body .pkp_structure_head .pkp_site_name {
  position: static !important;      /* o logotipo e o anel usam o wrapper como referência */
  float: none !important;
  width: auto !important; max-width: 100% !important;
  margin: 0 !important; padding: 0;
  text-align: left !important;
  font: 700 clamp(1.8rem, 4vw, 3.1rem)/1.05 var(--paj-display);
  letter-spacing: -.02em;
  text-transform: none;
}
html body .pkp_structure_head .pkp_site_name .is_text,
html body .pkp_structure_head .pkp_site_name > a {
  display: inline-block !important;
  margin: 0 !important; padding: 0;
  font: inherit !important;
  text-align: left !important;
  text-transform: none;
  color: transparent !important; -webkit-text-fill-color: transparent;
  background: linear-gradient(100deg, #ffffff 0%, #fdf0bf 38%, var(--paj-pink-2) 78%, #fff 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text;
}
html body .pkp_structure_head .pkp_site_name .is_img img { max-height: 90px !important; width: auto !important; margin: 0 !important; filter: drop-shadow(0 6px 18px rgba(0,0,0,.35)); }

/* ---- 3. Usuário/idioma (pílula de vidro) ---------------------------------- */
/* usuário / idioma: pílula de vidro no canto */
body .pkp_navigation_user_wrapper {
  position: absolute;
  top: 18px; right: 24px;
  left: auto; bottom: auto;
  width: auto; margin: 0; padding: 0;
  z-index: 6;
}
body .pkp_navigation_user {
  display: flex; align-items: center; gap: .15rem;
  margin: 0; padding: .2rem .35rem;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
body .pkp_navigation_user > li { margin: 0; }
body .pkp_navigation_user > li > a {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .32rem .85rem;
  font-size: .78rem; font-weight: 600;
  color: #fff;
  border-radius: 999px;
}
body .pkp_navigation_user > li > a:hover,
body .pkp_navigation_user > li > a:focus { background: rgba(255, 255, 255, .16); color: #fff; }
body .pkp_navigation_user .task_count {
  min-width: 1.5rem; padding: .05rem .4rem;
  font-size: .68rem; font-weight: 700; text-align: center;
  color: #fff; background: var(--paj-pink);
  border-radius: 999px;
  box-shadow: 0 0 0 0 rgba(238, 201, 47, .6);
}
body .pkp_navigation_user ul {
  background: #fff; border: 1px solid var(--paj-line);
  border-radius: 12px; box-shadow: 0 18px 40px rgba(15, 23, 42, .25);
  padding: .35rem;
}
body .pkp_navigation_user ul a { color: var(--paj-ink); border-radius: 8px; padding: .5rem .8rem; }
body .pkp_navigation_user ul a:hover { background: var(--paj-pink-soft); color: var(--paj-ink); }


/* ---- 4. Barra de menu: vidro escuro na base do cabeçalho -------------------- */
html body .pkp_structure_head .pkp_site_nav_menu { margin: 0; padding: 0; background: transparent !important; position: static; }
html body .pkp_structure_head .pkp_navigation_primary_row {
  position: relative;
  height: var(--paj-nav-h);
  margin: 0; padding: 0 1.2rem;
  background: rgba(15, 23, 42, .6) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 0;
}
html body .pkp_structure_head .pkp_navigation_primary_row::after {   /* fio de neon na base */
  content: "";
  position: absolute; left: 4%; right: 4%; bottom: 0; height: 3px; border-radius: 3px;
  background:
    linear-gradient(90deg, transparent, #fff, transparent) -40% 0 / 30% 100% no-repeat,
    linear-gradient(90deg, transparent, var(--paj-cyan), var(--paj-pink), transparent);
  opacity: .9;
}
html body .pkp_structure_head .pkp_navigation_primary_row::before {   /* feixe de luz no topo da barra */
  content: "";
  position: absolute; left: 0; right: 0; top: -1px; height: 2px; z-index: 2;
  background: linear-gradient(90deg, transparent, var(--paj-cyan), #fff, var(--paj-cyan), transparent) -30% 0 / 28% 100% no-repeat;
  filter: drop-shadow(0 0 6px var(--paj-cyan));
  opacity: 0;
  pointer-events: none;
}
body .pkp_navigation_primary_wrapper {
  display: flex; align-items: center; justify-content: space-between;
  max-width: none; height: 100%; margin: 0; padding: 0;
}
body .pkp_navigation_primary { display: flex; align-items: center; flex-wrap: nowrap; gap: .15rem; margin: 0; padding: 0; float: none; }
body .pkp_navigation_primary > li { margin: 0; float: none; }
body .pkp_navigation_primary > li > a,
body .pkp_navigation_search_wrapper > a {
  position: relative;
  display: block;
  padding: .55rem .95rem;
  font: 600 .76rem/1.2 var(--paj-sans);
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(255, 255, 255, .86);
  background: transparent;
  border: 0; border-radius: 999px;
  transition: color .25s var(--paj-ease), background .25s var(--paj-ease), transform .25s var(--paj-ease);
}
body .pkp_navigation_primary > li > a::after,
body .pkp_navigation_search_wrapper > a::after {   /* sublinhado que cresce do centro */
  content: "";
  position: absolute; left: 50%; bottom: 3px;
  width: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, var(--paj-cyan), var(--paj-pink));
  transform: translateX(-50%);
  transition: width .3s var(--paj-ease);
}
body .pkp_navigation_primary > li > a:hover,
body .pkp_navigation_primary > li > a:focus,
body .pkp_navigation_primary > li:hover > a,
body .pkp_navigation_primary > li.open > a,
body .pkp_navigation_search_wrapper > a:hover {
  color: #fff;
  background: rgba(255, 255, 255, .10);
  transform: translateY(-1px);
}
body .pkp_navigation_primary > li > a:hover::after,
body .pkp_navigation_primary > li:hover > a::after,
body .pkp_navigation_primary > li.open > a::after,
body .pkp_navigation_primary > li.current > a::after,
body .pkp_navigation_search_wrapper > a:hover::after { width: calc(100% - 1.9rem); }
body .pkp_navigation_search_wrapper { float: none; margin: 0; }
body .pkp_navigation_search_wrapper > a { padding-left: 1.1rem; padding-right: 1.1rem; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .2); }


/* submenus: cartão claro com faixa em degradê */
body .pkp_navigation_primary ul {
  top: calc(100% + 4px);
  min-width: 15rem;
  margin: 0; padding: .45rem;
  background: #fff;
  border: 1px solid var(--paj-line);
  border-top: 3px solid var(--paj-pink);
  border-radius: 0 0 14px 14px;
  box-shadow: 0 22px 46px rgba(15, 23, 42, .28);
}
body .pkp_navigation_primary ul a {
  display: block;
  padding: .6rem .9rem;
  font: 600 .86rem/1.3 var(--paj-sans);
  text-transform: none; letter-spacing: 0;
  color: var(--paj-navy);
  border-radius: 9px;
}
body .pkp_navigation_primary ul a:hover,
body .pkp_navigation_primary ul a:focus {
  color: var(--paj-navy);
  background: var(--paj-pink-soft);
  box-shadow: inset 3px 0 0 var(--paj-pink);
}


/* ---- 5. Correções de especificidade (o tema impõe cores e posições) ---- */
/* menu principal: cores, espaços e chevron dos itens com submenu */
body .pkp_structure_head .pkp_navigation_primary_wrapper { display: flex !important; align-items: center; flex-wrap: nowrap; width: 100%; }
body .pkp_structure_head .pkp_navigation_primary { flex: 1 1 auto; min-width: 0; display: flex !important; flex-wrap: nowrap; align-items: center; gap: .1rem; margin: 0 !important; padding: 0 !important; }
body .pkp_structure_head .pkp_navigation_primary > li { margin: 0 !important; padding: 0 !important; float: none !important; background: transparent !important; border: 0 !important; }
body .pkp_structure_head .pkp_navigation_primary > li > a {
  color: rgba(255, 255, 255, .88) !important;
  background-color: transparent !important;
  padding: .55rem .85rem !important;
  margin: 0 !important;
  font-size: .74rem !important; font-weight: 600 !important;
  letter-spacing: .08em !important; text-transform: uppercase !important;
  line-height: 1.2 !important;
  border: 0 !important; border-radius: 999px !important;
  text-shadow: none !important;
}
body .pkp_structure_head .pkp_navigation_primary > li > a[aria-haspopup],
body .pkp_structure_head .pkp_navigation_primary > li.dropdown > a {
  padding-right: 1.6rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right .6rem center !important;
  background-size: 9px 6px !important;
}
body .pkp_structure_head .pkp_navigation_primary > li > a:hover,
body .pkp_structure_head .pkp_navigation_primary > li > a:focus,
body .pkp_structure_head .pkp_navigation_primary > li:hover > a,
body .pkp_structure_head .pkp_navigation_primary > li.open > a,
body .pkp_structure_head .pkp_navigation_primary > li.current > a {
  color: #fff !important;
  background-color: rgba(255, 255, 255, .12) !important;
}
body .pkp_structure_head .pkp_navigation_primary > li > a::after { display: block !important; position: absolute !important; content: "" !important; border: 0 !important; margin: 0 !important; }

/* busca: sempre no fim da barra, sem sobrepor itens */
body .pkp_structure_head .pkp_navigation_search_wrapper,
body .pkp_structure_head .pkp_search { position: static !important; float: none !important; flex: 0 0 auto; margin: 0 0 0 .8rem !important; padding: 0 !important; width: auto !important; }
body .pkp_structure_head .pkp_navigation_search_wrapper > a {
  position: relative !important;
  display: inline-flex !important; align-items: center; gap: .4rem;
  color: #fff !important;
  padding: .5rem 1rem !important;
  font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .09em !important; text-transform: uppercase !important;
  background-color: rgba(255, 255, 255, .10) !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 999px !important;
}
body .pkp_structure_head .pkp_navigation_search_wrapper > a:hover { background-color: rgba(255, 255, 255, .20) !important; }

/* submenus: cartão branco, texto escuro, sem herdar o azul do tema */
body .pkp_structure_head .pkp_navigation_primary ul,
body .pkp_structure_head .pkp_navigation_primary ul.dropdown-menu {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--paj-line) !important;
  border-top: 3px solid var(--paj-pink) !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 22px 46px rgba(15, 23, 42, .28) !important;
  padding: .45rem !important;
  margin: 0 !important;
  top: calc(100% + 6px) !important;
  min-width: 16rem !important;
  z-index: 200 !important;
}
body .pkp_structure_head .pkp_navigation_primary ul li { background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; }
body .pkp_structure_head .pkp_navigation_primary ul a {
  display: block !important;
  padding: .62rem .9rem !important;
  font-size: .86rem !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.3 !important;
  text-transform: none !important;
  color: var(--paj-navy) !important;
  background: transparent !important;
  border: 0 !important; border-radius: 9px !important;
}
body .pkp_structure_head .pkp_navigation_primary ul a:hover,
body .pkp_structure_head .pkp_navigation_primary ul a:focus {
  color: var(--paj-navy) !important;
  background: var(--paj-pink-soft) !important;
  box-shadow: inset 3px 0 0 var(--paj-pink) !important;
}
body .pkp_structure_head .pkp_navigation_primary ul a::after,
body .pkp_structure_head .pkp_navigation_primary ul a::before { display: none !important; content: none !important; }

/* usuário: contador alinhado dentro da pílula */
body .pkp_structure_head .pkp_navigation_user > li > a { color: #fff !important; text-transform: none !important; letter-spacing: 0 !important; }
body .pkp_structure_head .task_count {
  position: static !important;
  display: inline-block !important;
  width: auto !important; height: auto !important;
  min-width: 1.4rem; margin: 0 !important; padding: .12rem .45rem !important;
  font-size: .68rem !important; font-weight: 700 !important; line-height: 1.2 !important;
  vertical-align: middle; text-align: center;
  color: #fff !important; background: var(--paj-pink) !important;
  border-radius: 999px !important;
}
body .pkp_structure_head .pkp_navigation_user ul { background: #fff !important; }
body .pkp_structure_head .pkp_navigation_user ul a { color: var(--paj-navy) !important; }

/* título do cabeçalho: garante o degradê mesmo com cor imposta pelo tema */
body .pkp_structure_head .pkp_site_name .is_text,
body .pkp_structure_head .pkp_site_name > a { color: transparent !important; -webkit-text-fill-color: transparent; }


@media (max-width: 1199.98px) {
  body .pkp_structure_head .pkp_navigation_primary > li > a { padding: .5rem .6rem !important; font-size: .68rem !important; letter-spacing: .05em !important; }
  body .pkp_structure_head .pkp_navigation_primary > li > a[aria-haspopup] { padding-right: 1.35rem !important; }
}
@media (max-width: 991.98px) {
  body .pkp_structure_head .pkp_navigation_primary { flex-direction: column !important; align-items: stretch; }
  body .pkp_structure_head .pkp_navigation_primary > li > a { padding: .75rem 1rem !important; font-size: .78rem !important; border-radius: 10px !important; }
  body .pkp_structure_head .pkp_navigation_primary_wrapper { flex-direction: column; align-items: stretch; }
  body .pkp_structure_head .pkp_navigation_search_wrapper { margin: .4rem 0 0 !important; }
  body .pkp_structure_head .pkp_navigation_primary ul { position: static !important; box-shadow: none !important; margin: .2rem 0 .5rem !important; }
}


/* ---- 6. Logotipo (placa clara) e anel orbital -------------------------------- */
@media (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before {
    content: "";
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    right: clamp(1rem, 4vw, 4.2rem);
    top: calc(50% + 6px);
    width: calc(var(--paj-logo-size) * 1.35);
    height: calc(var(--paj-logo-size) * .8);
    padding: 12px 16px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, .65);
    background:
      linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .85) 50%, transparent 62%) 150% 0 / 260% 100% no-repeat,
      var(--paj-logo) center / contain no-repeat,
      linear-gradient(160deg, rgba(255, 255, 255, .97), rgba(224, 234, 255, .92));
    background-origin: border-box, content-box, border-box;
    transform: translateY(-50%);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .40), 0 0 0 6px rgba(255, 255, 255, .08);
    filter: drop-shadow(0 0 18px rgba(246, 222, 122, .45));
    pointer-events: none;
  }
  html body .pkp_structure_head .pkp_site_name::after {
    content: "";
    position: absolute;
    z-index: 3;
    --rw: calc(var(--paj-logo-size) * 1.35 + 60px);
    --rh: calc(var(--paj-logo-size) * .8 + 60px);
    width: var(--rw); height: var(--rh);
    right: calc(clamp(1rem, 4vw, 4.2rem) - 30px);
    top: calc(50% + 6px);
    margin-top: calc(var(--rh) / -2);
    border-radius: 50%;
    background: conic-gradient(from var(--paj-a), transparent 0 55%, var(--paj-cyan) 74%, #fff 82%, var(--paj-pink) 92%, transparent 100%);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
            mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
    filter: drop-shadow(0 0 8px var(--paj-cyan));
    opacity: .9;
    pointer-events: none;
  }
  html body .pkp_structure_head .pkp_site_name_wrapper { padding-right: calc(var(--paj-logo-size) * 1.35 + clamp(4rem, 9vw, 8rem)) !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  :root { --paj-logo-size: 105px; }
}

/* ---- 7. Menu fixo ao rolar (desktop): só a barra de menu fica no topo ----- */
@media (min-width: 992px) {
  html body .pkp_structure_head {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--paj-nav-h) - var(--paj-hero-h) - 12px + 8px);
  }
}

/* ---- 8. Tablet e celular: segue o menu recolhível do próprio tema --------- */
@media (max-width: 991.98px) {
  :root { --paj-hero-h: auto; }
  html body .pkp_head_wrapper { height: auto; min-height: 200px; width: calc(100% - 16px); margin-top: 8px; border-radius: 18px; }
  html body .pkp_structure_head .pkp_site_name_wrapper { padding: 3.6rem 1.2rem 1.2rem !important; }
  html body .pkp_navigation_user_wrapper { top: 10px; right: 10px; }
  html body .pkp_site_nav_toggle {
    position: absolute; top: 10px; left: 10px; z-index: 7;
    padding: .45rem .9rem; font: 600 .76rem var(--paj-sans); letter-spacing: .08em; text-transform: uppercase;
    color: #fff !important; background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important; border-radius: 999px;
  }
  html body .pkp_structure_head .pkp_navigation_primary_row { height: auto; padding: .6rem 1rem; background: rgba(15, 23, 42, .92) !important; border-radius: 0 0 18px 18px; }
  html body .pkp_structure_head .pkp_navigation_primary_wrapper { flex-direction: column; align-items: stretch; }
  html body .pkp_structure_head .pkp_navigation_primary { flex-direction: column; align-items: stretch; }
  html body .pkp_structure_head .pkp_navigation_primary ul { position: static; box-shadow: none; margin: .2rem 0 .4rem; }
}

/* ============================================================================
   MOVIMENTO DO CABEÇALHO (embutido)
   ============================================================================ */
@property --paj-a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@property --paj-b { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

@keyframes paj-aurora { to { --paj-b: 360deg; } }
@keyframes paj-mesh {
  0%   { background-position: 0 0, 0% 0%, 100% 0%, 50% 100%, 0 0; }
  50%  { background-position: 0 0, 30% 40%, 70% 30%, 40% 60%, 0 0; }
  100% { background-position: 0 0, 60% 20%, 40% 60%, 70% 100%, 0 0; }
}
@keyframes paj-layers {
  from { background-position: 0 -920px, 0 0, 0 0, 14% 0, 47% 0, 71% 0, 90% 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
  to   { background-position: 0 0, 184px 184px, 184px 184px, 14% 420px, 47% 520px, 71% 380px, 90% 460px, 0 -320px, 40px -320px, 0 -480px, -30px -480px, 0 -640px, 25px -640px; }
}
@keyframes paj-beam { 0% { background-position: -30% 0; opacity: 0; } 15% { opacity: .9; } 85% { opacity: .9; } 100% { background-position: 130% 0; opacity: 0; } }
@keyframes paj-neon { from { background-position: -40% 0, 0 0; } to { background-position: 140% 0, 0 0; } }
@keyframes paj-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes paj-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes paj-in-nav { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes paj-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(238, 201, 47, 0); } 50% { box-shadow: 0 0 0 7px rgba(238, 201, 47, .28); } }
@keyframes paj-shine { to { background-position: -200% 0; } }
@keyframes paj-tagline { from { background-position: 150% 0; } to { background-position: -100% 0; } }
@keyframes paj-ping { 70%, 100% { box-shadow: 0 0 0 9px rgba(238, 201, 47, 0); } }
@keyframes paj-glitch {
  0%, 91%, 100% { filter: none; transform: none; }
  92% { filter: drop-shadow(3px 0 0 rgba(246, 222, 122, .9)) drop-shadow(-3px 0 0 rgba(238, 201, 47, .9)); transform: translateX(2px) skewX(-4deg); }
  94% { filter: drop-shadow(-3px 0 0 rgba(246, 222, 122, .9)) drop-shadow(3px 0 0 rgba(238, 201, 47, .9)); transform: translateX(-2px) skewX(3deg); }
  96% { filter: drop-shadow(2px 0 0 rgba(246, 222, 122, .7)) drop-shadow(-2px 0 0 rgba(238, 201, 47, .7)); transform: translateX(1px); }
}
@keyframes paj-orbit { to { --paj-a: 360deg; } }
@keyframes paj-float {
  0%, 100% { transform: translateY(-50%) translateY(-7px) perspective(700px) rotateY(-14deg) rotateX(4deg); }
  50%      { transform: translateY(-50%) translateY(9px) perspective(700px) rotateY(14deg) rotateX(-4deg); }
}
@keyframes paj-glow { 0%, 100% { filter: drop-shadow(0 0 14px rgba(246, 222, 122, .40)); } 50% { filter: drop-shadow(0 0 28px rgba(238, 201, 47, .60)); } }
@keyframes paj-sheen { 0%, 55% { background-position: 150% 0, center, 0 0; } 100% { background-position: -60% 0, center, 0 0; } }

html body .pkp_head_wrapper::before { animation: paj-mesh 16s ease-in-out infinite alternate, paj-aurora 24s linear infinite; }
html body .pkp_head_wrapper::after { animation: paj-layers 24s linear infinite; }
html body .pkp_structure_head .pkp_navigation_primary_row::before { animation: paj-beam 7s ease-in-out infinite; }
html body .pkp_structure_head .pkp_navigation_primary_row::after { animation: paj-neon 4.5s ease-in-out infinite; }

html body .pkp_structure_head .pkp_site_name { animation: paj-fade .9s var(--paj-ease) .15s both; }
html body .pkp_structure_head .pkp_site_name .is_text,
html body .pkp_structure_head .pkp_site_name > a { animation: paj-shine 8s linear infinite, paj-glitch 9s steps(1, end) 3s infinite; }
html body .pkp_site_name_wrapper::before { animation: paj-in .7s var(--paj-ease) 0s both, paj-pulse 3.2s ease-in-out .8s infinite; }
html body .pkp_site_name_wrapper::after {
  background: linear-gradient(100deg, rgba(255, 255, 255, .72) 0%, #fff 40%, var(--paj-pink-2) 55%, rgba(255, 255, 255, .72) 75%);
  background-size: 250% 100%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  animation: paj-in .8s var(--paj-ease) .35s both, paj-tagline 7s linear 1.2s infinite;
}
html body .pkp_structure_head .pkp_navigation_primary > li { animation: paj-in-nav .6s var(--paj-ease) both; }
html body .pkp_structure_head .pkp_navigation_primary > li:nth-child(1) { animation-delay: .45s; }
html body .pkp_structure_head .pkp_navigation_primary > li:nth-child(2) { animation-delay: .53s; }
html body .pkp_structure_head .pkp_navigation_primary > li:nth-child(3) { animation-delay: .61s; }
html body .pkp_structure_head .pkp_navigation_primary > li:nth-child(4) { animation-delay: .69s; }
html body .pkp_structure_head .pkp_navigation_primary > li:nth-child(5) { animation-delay: .77s; }
html body .pkp_structure_head .pkp_navigation_primary > li:nth-child(6) { animation-delay: .85s; }
html body .pkp_structure_head .pkp_navigation_primary > li:nth-child(7) { animation-delay: .93s; }
html body .pkp_structure_head .pkp_navigation_user { animation: paj-in .7s var(--paj-ease) .6s both; }
html body .pkp_structure_head .pkp_navigation_search_wrapper { animation: paj-in-nav .6s var(--paj-ease) 1s both; }
html body .pkp_structure_head .task_count { animation: paj-ping 2.4s ease-out infinite; }
@media (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before { animation: paj-float 7s ease-in-out infinite, paj-glow 4s ease-in-out infinite, paj-sheen 5s ease-in-out infinite 1.5s; }
  html body .pkp_structure_head .pkp_site_name::after { animation: paj-orbit 7s linear infinite; }
}

/* "Reduzir movimento" no sistema do visitante.
   O CSS original zera todas as animações nesse modo; aqui os movimentos lentos de
   fundo e o logotipo continuam, e só os rápidos (entrada, pulsos, feixe, glitch) param.
   Para respeitar 100% o pedido do sistema, apague os itens "continuam" abaixo. */

@media (prefers-reduced-motion: reduce) and (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before { animation: paj-float 7s ease-in-out infinite, paj-glow 4s ease-in-out infinite, paj-sheen 5s ease-in-out infinite 1.5s !important; }
  html body .pkp_structure_head .pkp_site_name::after { animation: paj-orbit 7s linear infinite !important; }
}

/* ==========================================================================
   CORREÇÃO: elemento translúcido no canto superior esquerdo do header
   O Default Theme posiciona .pkp_navigation_user_wrapper com regras mais
   específicas (left/width/transform). Aqui forçamos a pílula do usuário
   para o canto superior DIREITO, com largura do próprio conteúdo.
   ========================================================================== */
  html body .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 16px !important; right: 20px !important; left: auto !important; bottom: auto !important;
    width: auto !important; min-width: 0 !important; max-width: calc(100% - 40px) !important;
    height: auto !important; margin: 0 !important; padding: 0 !important;
    float: none !important; transform: none !important;
    background: none !important; border: 0 !important; box-shadow: none !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    z-index: 8 !important;
  }
  html body .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user {
    display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important;
    width: auto !important; max-width: 100% !important; float: none !important;
    margin: 0 !important; padding: .2rem .35rem !important; list-style: none !important;
    transform: none !important; position: static !important;
  }
  html body .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li {
    display: block !important; float: none !important; margin: 0 !important; width: auto !important;
  }
  html body .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li > a {
    display: inline-flex !important; color: #fff !important; white-space: nowrap;
  }
  /* o submenu continua abrindo para baixo, alinhado à direita */
  html body .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li > ul {
    left: auto !important; right: 0 !important;
  }
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper { top: 10px !important; right: 10px !important; max-width: calc(100% - 20px) !important; }
}
/* pílula vazia (sem links) não deve aparecer */
html body .pkp_structure_head .pkp_navigation_user:empty { display: none !important; }
html body .pkp_structure_head .pkp_navigation_user_wrapper:empty { display: none !important; }

/* ==========================================================================
   HEADER MAIS PREENCHIDO + RESPONSIVO
   - faixa em largura total (sem vãos brancos nas laterais)
   - logotipo maior, linha de selos (Open Access…) e título mais forte
   - celular: logotipo visível no topo, menu recolhível, layout em coluna
   ========================================================================== */
:root {
  --paj-hero-h: clamp(280px, 26vw, 350px);
  --paj-logo-size: clamp(130px, 14vw, 190px);
  --paj-gutter: max(clamp(1.2rem, 3vw, 2.6rem), calc((100vw - 1160px) / 2 + 2rem));
  --paj-badges: "INSTITUTIONAL MANAGEMENT   ·   OPEN ACCESS   ·   PEER REVIEW   ·   DOI";
}
@media (min-width: 992px) {
  html body .pkp_head_wrapper {
    width: 100%; max-width: none; margin: 0; border-radius: 0;
  }
  html body .pkp_structure_head { top: calc(var(--paj-nav-h) - var(--paj-hero-h) + 8px); }
  html body .pkp_structure_head .pkp_site_name_wrapper {
    padding-left: var(--paj-gutter) !important;
    padding-top: 2.6rem !important;
    padding-bottom: 3.2rem !important;
    gap: .7rem;
  }
  html body .pkp_structure_head .pkp_site_name { font-size: clamp(2.2rem, 4.6vw, 3.8rem); }
  html body .pkp_site_name_wrapper::after { max-width: 40rem; font-size: clamp(1rem, 1.4vw, 1.15rem); }
  html body .pkp_structure_head .pkp_navigation_primary_row { padding-left: max(1rem, calc((100vw - 1240px) / 2)) !important; padding-right: max(1rem, calc((100vw - 1240px) / 2)) !important; }
  html body .pkp_structure_head .pkp_navigation_primary_wrapper { padding-left: 0 !important; padding-right: 0 !important; justify-content: flex-start !important; }
  html body .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper { right: var(--paj-gutter) !important; }
  /* linha de selos acima da barra de menu */
  html body .pkp_structure_head { position: sticky; }
  html body .pkp_structure_head::before {
    content: var(--paj-badges);
    position: absolute; z-index: 5; pointer-events: none;
    left: var(--paj-gutter);
    top: calc(var(--paj-hero-h) - var(--paj-nav-h) - 2.7rem);
    padding: .38rem 1rem;
    font: 600 .7rem/1.2 var(--paj-sans);
    letter-spacing: .16em; white-space: pre;
    color: #fdf0bf;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  }
  html body .pkp_structure_head .pkp_site_name::before { right: var(--paj-gutter); }
  html body .pkp_structure_head .pkp_site_name::after { right: calc(var(--paj-gutter) - 30px); }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html body .pkp_structure_head::before { display: none; }
}

/* ---- Tablet / celular ---------------------------------------------------- */
@media (max-width: 991.98px) {
  html body .pkp_head_wrapper { width: 100% !important; margin: 0 !important; border-radius: 0 !important; min-height: 0; }
  html body .pkp_structure_head .pkp_site_name_wrapper {
    padding: 4rem 1.1rem 1.4rem !important; gap: .6rem; align-items: flex-start !important;
  }
  html body .pkp_structure_head .pkp_site_name { font-size: clamp(1.7rem, 7.5vw, 2.4rem) !important; }
  /* logotipo em linha, acima do título */
  html body .pkp_structure_head .pkp_site_name::before {
    content: ""; display: block; position: static;
    width: 118px; height: 66px; margin: 0 0 .8rem; box-sizing: border-box; padding: 8px 10px;
    border-radius: 16px; border: 1px solid rgba(255, 255, 255, .65);
    background:
      var(--paj-logo) center / contain no-repeat,
      linear-gradient(160deg, rgba(255, 255, 255, .97), rgba(224, 234, 255, .92));
    background-origin: content-box, border-box;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35), 0 0 0 4px rgba(255, 255, 255, .08);
    transform: none; filter: none;
    animation: paj-float-m 6s ease-in-out infinite;
  }
  html body .pkp_structure_head .pkp_site_name::after { display: none; }
  html body .pkp_site_name_wrapper::after { max-width: 100%; font-size: .95rem; }
  html body .pkp_structure_head { position: relative !important; top: auto !important; }
  html body .pkp_structure_head::before { display: none; }

  /* conteúdo em coluna única */
  html body .pkp_structure_page, html body .pkp_structure_content { max-width: 100% !important; overflow-x: clip; }
  html body .pkp_structure_content { display: block !important; padding-left: .9rem !important; padding-right: .9rem !important; }
  html body .pkp_structure_main, html body .pkp_structure_sidebar {
    float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 0 1.4rem !important; padding-left: 0 !important; padding-right: 0 !important;
  }
  html body .pkp_structure_main::before, html body .pkp_structure_main::after { display: none !important; }
  html body .pkp_structure_content::before, html body .pkp_structure_content::after { display: none !important; }
  html body .pkp_structure_main img, html body .pkp_structure_main iframe, html body .pkp_structure_main video { max-width: 100% !important; height: auto; }
  html body .pkp_structure_main table { display: block; max-width: 100%; overflow-x: auto; }
  html body .pkp_structure_main pre, html body .pkp_structure_main code { white-space: pre-wrap; word-break: break-word; }
  html body .obj_issue_summary, html body .obj_article_summary { max-width: 100%; }
  html body .obj_issue_summary .cover, html body .obj_issue_summary .cover img { max-width: 100%; height: auto; }
  html body .pkp_structure_footer_wrapper, html body .pkp_structure_footer { width: 100% !important; max-width: 100% !important; padding-left: .9rem !important; padding-right: .9rem !important; }
  html, body { overflow-x: hidden; }
}
@media (max-width: 575.98px) {
  html body .obj_issue_summary { display: block; }
  html body .obj_issue_summary .cover { float: none !important; display: block; margin: 0 0 .8rem !important; width: 100% !important; max-width: 220px; }
  html body .pkp_head_wrapper .pkp_navigation_user > li > a { padding: .28rem .6rem !important; }
  html body .pkp_structure_head .pkp_head_wrapper .pkp_site_nav_toggle { top: 10px; left: 10px; }
}

@keyframes paj-float-m { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_site_name::before { animation: paj-float-m 6s ease-in-out infinite !important; transform: none; }
}

/* ==========================================================================
   RODAPÉ — legível, em largura total, com efeito de aurora e feixe de luz
   ========================================================================== */
html body .pkp_structure_footer_wrapper {
  position: relative; isolation: isolate; overflow: hidden;
  width: 100%; margin-top: 3rem; padding: 0;
  color: #cbd5e1;
  background: linear-gradient(135deg, #0a1626 0%, #13294a 55%, #1f3a5f 100%) !important;
  border-top: 0 !important;
}
/* céu noturno: sistema orbital dourado ao fundo (lado direito) + pontilhado de mapa */
html body .pkp_structure_footer_wrapper::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    var(--jik-orbit-svg-foot) right -140px bottom -300px / 720px 720px no-repeat,
    radial-gradient(ellipse 40% 90% at 88% 100%, rgba(34, 150, 120, .45), rgba(34, 150, 120, 0) 70%),
    radial-gradient(rgba(150, 190, 245, .14) 1px, transparent 1.5px) 0 0 / 20px 20px,
    radial-gradient(rgba(246, 222, 122, .5) 1.2px, transparent 2px) 11px 6px / 140px 140px;
  animation: none !important;
}
/* cometa dourado percorrendo a linha do topo */
html body .pkp_structure_footer_wrapper::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; z-index: 2; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(238, 201, 47, .0) 4%, #f2c230 18%, #fff 20%, transparent 21%) 0 0 / 30% 100% no-repeat, rgba(246, 222, 122, .22);
  box-shadow: 0 0 14px rgba(246, 222, 122, .35);
  animation: paj-foot-beam 7s linear infinite !important;
}
@keyframes paj-foot-drift { from { transform: translate3d(-2%, -1%, 0) scale(1); } to { transform: translate3d(2%, 2%, 0) scale(1.06); } }
@keyframes paj-foot-beam  { from { background-position: -40% 0, 0 0; } to { background-position: 140% 0, 0 0; } }

/* caixas internas transparentes (tira o retângulo escuro) e conteúdo centralizado no mesmo eixo do site */
html body .pkp_structure_footer_wrapper .pkp_structure_footer,
html body .pkp_structure_footer_wrapper footer,
html body .pkp_structure_footer_wrapper .pkp_footer_content {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  max-width: 1160px; margin: 0 auto !important; padding: 2.6rem clamp(1rem, 3vw, 2rem) 1.6rem !important;
  color: #cbd5e1;
}
html body .pkp_structure_footer_wrapper .pkp_footer_content { padding: 0 !important; }
html body .pkp_structure_footer_wrapper p,
html body .pkp_structure_footer_wrapper li,
html body .pkp_structure_footer_wrapper span,
html body .pkp_structure_footer_wrapper div { color: inherit; }
html body .pkp_structure_footer_wrapper strong, html body .pkp_structure_footer_wrapper b { color: #fff; }
html body .pkp_structure_footer_wrapper a {
  color: #29b4c9 !important; text-decoration: none; font-weight: 600;
  background: linear-gradient(90deg, #29b4c9, #fbe9a6) 0 100% / 0 2px no-repeat;
  transition: background-size .3s ease, color .2s ease;
}
html body .pkp_structure_footer_wrapper a:hover { color: #fff !important; background-size: 100% 2px; }

/* logotipos em placas claras (o DORA e o Open Access escuros ficavam invisíveis) */
html body .pkp_structure_footer_wrapper img:not([src*="creativecommons"]):not([alt*="Creative"]):not([alt*="CC"]) {
  box-sizing: content-box; max-height: 54px; width: auto; height: auto;
  padding: 10px 16px; margin: .3rem .5rem .3rem 0;
  background: rgba(255, 255, 255, .94); border-radius: 14px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
  transition: transform .3s ease, box-shadow .3s ease;
}
html body .pkp_structure_footer_wrapper img:not([src*="creativecommons"]):not([alt*="Creative"]):not([alt*="CC"]):hover {
  transform: translateY(-4px); box-shadow: 0 14px 30px rgba(246, 222, 122, .35);
}
html body .pkp_structure_footer_wrapper img[src*="creativecommons"],
html body .pkp_structure_footer_wrapper img[alt*="Creative"] { border-radius: 4px; vertical-align: middle; }

/* faixa final: “Plataforma e fluxo de trabalho OJS” */
html body .pkp_structure_footer_wrapper .pkp_brand_footer {
  position: relative; background: rgba(0, 0, 0, .28) !important;
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding: 1rem clamp(1rem, 3vw, 2rem) !important; margin: 0 !important; width: 100% !important; max-width: none !important;
  text-align: center;
}
html body .pkp_structure_footer_wrapper .pkp_brand_footer a,
html body .pkp_structure_footer_wrapper .pkp_brand_footer span { color: #cbd5e1 !important; font-size: .82rem; }
html body .pkp_structure_footer_wrapper .pkp_brand_footer img { background: none !important; box-shadow: none !important; padding: 0 !important; max-height: 38px; opacity: .9; filter: brightness(0) invert(1); }
html body .pkp_structure_footer_wrapper .pkp_brand_footer a { background-image: none !important; }

@media (max-width: 767.98px) {
  html body .pkp_structure_footer_wrapper .pkp_structure_footer { padding-top: 2rem !important; }
  html body .pkp_structure_footer_wrapper img:not([src*="creativecommons"]):not([alt*="Creative"]) { max-height: 42px; padding: 8px 12px; }
}
/* garante texto claro mesmo se o conteúdo do rodapé tiver cor escura inline */
html body .pkp_structure_footer_wrapper p[style], html body .pkp_structure_footer_wrapper span[style], html body .pkp_structure_footer_wrapper div[style] { color: #cbd5e1 !important; }
html body .pkp_structure_footer_wrapper p { text-align: left !important; }

/* ==========================================================================
   PÁGINA DO ARTIGO / LISTAS DE ARTIGOS — tamanhos de fonte e alinhamento
   Causa do deslocamento: as regras genéricas .doi, .label e .authors (CSS
   original) viravam "pílulas" gigantes e em Courier dentro da página do
   artigo. Aqui o escopo é restaurado só nessas áreas.
   ========================================================================== */
html body .obj_article_details,
html body .obj_article_summary,
html body .obj_issue_toc {
  font-size: 1rem; line-height: 1.65; color: var(--text-dark, #1e293b);
}
/* rótulos viram títulos pequenos, alinhados à esquerda, sem pílula */
html body .obj_article_details .label,
html body .obj_article_details .sub_item .label,
html body .obj_article_summary .label,
html body .obj_issue_toc .label {
  display: block; margin: 0 0 .35rem !important; padding: 0 !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font: 700 .72rem/1.3 var(--paj-sans, 'Inter', system-ui, sans-serif) !important;
  letter-spacing: .09em; text-transform: uppercase;
  color: var(--primary-dark, #041c3d) !important; transform: none !important;
}
/* DOI e palavras-chave: só tira o visual de pílula; NÃO mexe em margem/recuo lateral do tema */
html body .obj_article_details .item.doi,
html body .obj_article_details .item.keywords,
html body .obj_article_summary .doi,
html body .obj_issue_toc .doi {
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
  font-family: inherit !important; font-size: .95rem !important; font-weight: 400 !important; color: inherit !important;
  display: block; margin: 0 0 1.1rem !important; padding-top: 0 !important; padding-bottom: 0 !important;
}
html body .obj_article_details .item.doi .value,
html body .obj_article_details .item.keywords .value { display: block; margin: 0; font-family: inherit; font-size: .95rem; word-break: break-word; }
html body .obj_article_details .item.doi a,
html body .obj_article_summary .doi a { font-family: inherit; font-size: .92rem; word-break: break-all; }
html body .obj_article_details .item.doi:hover,
html body .obj_article_summary .doi:hover { background: none !important; color: inherit !important; }

/* título e autores */
html body .obj_article_details .page_title { font-size: clamp(1.5rem, 2.6vw, 2rem) !important; line-height: 1.25; font-weight: 800; margin: 0 0 1rem; }
html body .obj_article_details .authors, html body .obj_article_details .item.authors { font-size: 1rem; margin: 0 0 1.2rem; font-weight: 400; color: inherit; }
html body .obj_article_details .authors li { margin: 0 0 .9rem; padding: 0; list-style: none; }
html body .obj_article_details .authors .name { font-size: 1rem; font-weight: 700; color: var(--text-dark, #1e293b); }
html body .obj_article_details .authors .affiliation { display: block; font-size: .9rem; font-weight: 400; color: var(--text-gray, #475569); }
html body .obj_article_details .authors .orcid, html body .obj_article_details .authors .orcid a { display: block; font-size: .82rem !important; font-weight: 500 !important; word-break: break-all; }
html body .obj_article_details .item.abstract { font-size: 1rem; line-height: 1.75; text-align: left; }
html body .obj_article_details .item.abstract h3 { font-size: 1.1rem; margin: 0 0 .5rem; }

/* coluna lateral abaixo da capa: tudo alinhado na mesma margem, sem recuos */
html body .obj_article_details .entry_details { box-sizing: border-box; }
html body .obj_article_details .entry_details .item { text-align: left; margin-bottom: 1.1rem !important; padding-bottom: 1.1rem; border-bottom: 1px solid var(--border-light, #e2e8f0); font-size: .92rem; line-height: 1.55; }
html body .obj_article_details .entry_details .item:last-child { border-bottom: 0; }
html body .obj_article_details .entry_details .cover_image, html body .obj_article_details .entry_details .cover_image img { display: block; max-width: 100%; height: auto; margin: 0 0 1.2rem; }
html body .obj_article_details .entry_details .sub_item { margin: 0 0 .8rem; }
html body .obj_article_details .entry_details .citation_display { font-size: .88rem; line-height: 1.55; }
html body .obj_article_details .entry_details .value { margin: 0; font-size: .92rem; }

/* listas (edição / arquivos): hierarquia de tamanhos */
html body .obj_article_summary .title, html body .obj_article_summary h3, html body .obj_article_summary h3 a { font-size: 1.1rem !important; line-height: 1.4; }
html body .obj_article_summary .authors, html body .obj_article_summary .meta .authors { font-size: .9rem; font-weight: 600; margin: .35rem 0; }
html body .obj_article_summary .pages { font-size: .82rem; color: var(--text-gray, #64748b); }
html body .obj_issue_toc .section h2, html body .obj_issue_toc .current_issue_title { font-size: 1.15rem; }

@media (max-width: 767.98px) {
  html body .obj_article_details .entry_details, html body .obj_article_details .main_entry, html body .obj_article_details .row { float: none !important; width: 100% !important; max-width: 100% !important; }
  html body .obj_article_details .entry_details .cover_image img { max-width: 260px; }
  html body .obj_article_details .page_title { font-size: 1.4rem !important; }
}
/* celular/tablet: o header nunca fica "grudado" nem desloca o conteúdo */
@media (max-width: 991.98px) {
  html body .pkp_structure_head, html body .pkp_head_wrapper {
    position: relative !important; top: auto !important; left: 0 !important; right: auto !important;
    transform: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
  }
}

/* ==========================================================================
   MODERNIZAÇÃO DA PÁGINA DO ARTIGO (sem alterar margens/recuos do tema)
   ========================================================================== */
/* texto corrido e metadados: JUSTIFICADOS (com hifenização para evitar buracos) */
html body .obj_article_details .item.abstract, html body .obj_article_details .item.abstract p,
html body .obj_article_details .item.references, html body .obj_article_details .item.references p, html body .obj_article_details .item.references li,
html body .obj_article_details .item.doi .value, html body .obj_article_details .item.keywords .value,
html body .obj_article_details .authors .affiliation,
html body .obj_article_details .entry_details .citation_display {
  text-align: justify !important; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word;
}
html body .obj_article_details .item.abstract p { margin: 0 0 1rem; line-height: 1.75; }
html body .obj_article_details .item.abstract strong, html body .obj_article_details .item.abstract b { color: var(--primary-dark, #041c3d); }
html body .obj_article_details .item.references { font-size: .92rem; line-height: 1.65; }
html body .obj_article_details .item.references p { margin: 0 0 .85rem; padding-left: 1.1rem; text-indent: -1.1rem; border-left: 0; overflow-wrap: anywhere; }
html body .obj_article_details .item.references a { overflow-wrap: anywhere; word-break: break-all; }
html body .obj_article_details .item.references .label, html body .obj_article_details .item.abstract .label, html body .obj_article_details .item.abstract h3 {
  position: relative; padding-bottom: .5rem !important; margin-bottom: .9rem !important;
}
html body .obj_article_details .item.references .label::after, html body .obj_article_details .item.abstract .label::after, html body .obj_article_details .item.abstract h3::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230));
}
/* título com mais presença */
html body .obj_article_details .page_title { letter-spacing: -.015em; color: var(--text-dark, #0f172a); }
/* capa: cantos suaves e sombra */
html body .obj_article_details .entry_details .cover_image img, html body .obj_article_details img.cover, html body .obj_article_details .cover_image a img {
  border-radius: 10px; box-shadow: 0 14px 34px rgba(15, 23, 42, .22); transition: transform .3s ease, box-shadow .3s ease;
}
html body .obj_article_details .entry_details .cover_image img:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(31, 75, 124, .28); }
/* citação, botão de formatos e compartilhar */
html body .obj_article_details .citation_display { background: rgba(31, 75, 124, .05); border-left: 3px solid var(--primary-blue, #0a3558); border-radius: 0 8px 8px 0; padding: .6rem .8rem; }
html body .obj_article_details .cmp_button_wire, html body .obj_article_details .citation_formats_button {
  border-radius: 8px; transition: border-color .2s ease, box-shadow .2s ease;
}
html body .obj_article_details .citation_formats_button:hover { border-color: var(--primary-blue, #0a3558); box-shadow: 0 0 0 3px rgba(31, 75, 124, .15); }
/* botões PDF/Download */
html body .obj_article_details a.obj_galley_link {
  display: inline-block; border-radius: 10px; padding: .55rem 1.1rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-size: .8rem;
  background: linear-gradient(135deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230)); color: #fff !important; border: 0;
  box-shadow: 0 6px 16px rgba(31, 75, 124, .3); transition: transform .2s ease, box-shadow .2s ease;
}
html body .obj_article_details a.obj_galley_link:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(31, 75, 124, .4); }
/* migalhas de pão discretas */
html body .cmp_breadcrumbs, html body .cmp_breadcrumbs a { font-size: .82rem; }
/* nuvem de palavras / blocos laterais sem estourar */
html body .pkp_block img, html body .pkp_block canvas { max-width: 100%; height: auto; }
@media (max-width: 767.98px) {
  html body .obj_article_details .item.references p { text-indent: 0; padding-left: 0; }
}

/* ==========================================================================
   BLOCOS DA BARRA LATERAL (direita) — cartões modernos, sem deslocar o layout
   Largura e posição da coluna continuam as do tema; só o interior muda.
   ========================================================================== */
html body .pkp_structure_sidebar .pkp_block {
  box-sizing: border-box; max-width: 100%;
  margin-left: .9rem; margin-right: 0; margin-bottom: 1.1rem;   /* afasta o cartão da linha divisória */
  padding: 1.15rem 1.25rem 1.2rem;
  background: linear-gradient(90deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230)) top / 100% 3px no-repeat, #fff;
  border: 1px solid var(--border-light, #e2e8f0); border-radius: 16px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .06);
  overflow: hidden;
  transition: box-shadow .25s ease, border-color .25s ease;
}
html body .pkp_structure_sidebar .pkp_block:hover { box-shadow: 0 12px 28px rgba(31, 75, 124, .12); border-color: rgba(31, 75, 124, .3); }
html body .pkp_structure_sidebar .pkp_block .title {
  display: block; margin: 0 0 .8rem; padding: 0 0 .6rem;
  font: 700 .78rem/1.3 var(--paj-sans, 'Inter', system-ui, sans-serif); letter-spacing: .1em; text-transform: uppercase;
  color: var(--primary-dark, #041c3d); border-bottom: 1px solid var(--border-light, #e2e8f0);
}
html body .pkp_structure_sidebar .pkp_block .content ul { margin: 0; padding: 0; list-style: none; }
html body .pkp_structure_sidebar .pkp_block .content li { margin: 0; padding: 0; }
html body .pkp_structure_sidebar .pkp_block .content li a {
  display: block; padding: .38rem .55rem; margin: 0 -.55rem; border-radius: 8px;
  font-size: .92rem; line-height: 1.4; font-weight: 600; text-decoration: none; overflow-wrap: anywhere;
  transition: background .2s ease, color .2s ease;
}
html body .pkp_structure_sidebar .pkp_block .content li a:hover { background: rgba(31, 75, 124, .08); color: var(--primary-dark, #041c3d); }
html body .pkp_structure_sidebar .pkp_block .content img { max-width: 100%; height: auto; vertical-align: middle; }
/* botão de submissão: cartão sem título */
html body .pkp_structure_sidebar .block_make_submission { padding: 1rem; }
html body .pkp_structure_sidebar .block_make_submission .content a,
html body .pkp_structure_sidebar .block_make_submission_link { position: relative; overflow: hidden; margin: 0; }
html body .pkp_structure_sidebar .block_make_submission .content a::after {
  content: ""; position: absolute; inset: 0; transform: translateX(-120%);
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .35) 50%, transparent 65%);
  transition: transform .6s ease;
}
html body .pkp_structure_sidebar .block_make_submission .content a:hover::after { transform: translateX(120%); }
/* nuvem de palavras: contida no cartão */
html body .pkp_structure_sidebar .block_keyword_cloud .content,
html body .pkp_structure_sidebar .block_keyword_cloud #sidebarKeywordCloud { max-width: 100%; overflow: hidden; }
html body .pkp_structure_sidebar .block_keyword_cloud .content a { display: inline; padding: 0; margin: 0; background: none; }
/* idiomas: bandeira alinhada ao texto */
html body .pkp_structure_sidebar .block_language li a { display: flex; align-items: center; gap: .5rem; }
/* celular: cartão em largura total, sem recuo extra */
@media (max-width: 991.98px) {
  html body .pkp_structure_sidebar .pkp_block { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html body .pkp_structure_sidebar .pkp_block, html body .pkp_structure_sidebar .block_make_submission .content a::after { transition: none !important; }
}

/* ==========================================================================
   BOTÃO MOSTRAR / OCULTAR (Resumo e Referências) — usa paj-article-toggle.js
   Sem o script, as seções simplesmente ficam abertas (nada quebra).
   ========================================================================== */
html body .obj_article_details .paj-sec-head { display: flex !important; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: nowrap; }
html body .obj_article_details .paj-sec-head .paj-sec-title { min-width: 0; }
html body .obj_article_details .paj-toggle {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: .45rem; cursor: pointer;
  margin: 0; padding: .32rem .8rem; border-radius: 999px;
  font: 600 .72rem/1 var(--paj-sans, 'Inter', system-ui, sans-serif); letter-spacing: .06em; text-transform: uppercase;
  color: var(--primary-dark, #041c3d); background: rgba(31, 75, 124, .08); border: 1px solid rgba(31, 75, 124, .28);
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
html body .obj_article_details .paj-toggle:hover, html body .obj_article_details .paj-toggle:focus-visible {
  color: #fff; background: linear-gradient(135deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230)); border-color: transparent;
  box-shadow: 0 6px 16px rgba(31, 75, 124, .3); outline: none;
}
html body .obj_article_details .paj-toggle::after {
  content: ""; width: .5rem; height: .5rem; margin-top: -.15rem;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .3s ease;
}
html body .obj_article_details .paj-toggle[aria-expanded="false"]::after { transform: rotate(-135deg); margin-top: .15rem; }
html body .obj_article_details .paj-collapse { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .4s ease, opacity .3s ease; opacity: 1; }
html body .obj_article_details .paj-collapse > .paj-collapse-inner { min-height: 0; overflow: hidden; }
html body .obj_article_details .paj-collapse.is-closed { grid-template-rows: 0fr; opacity: 0; }
@media (max-width: 575.98px) {
  html body .obj_article_details .paj-toggle { padding: .38rem .7rem; }
  html body .obj_article_details .paj-toggle .paj-toggle-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }  /* só o ícone no celular bem estreito */
  html body .obj_article_details .paj-toggle { width: 2.1rem; height: 2.1rem; padding: 0; justify-content: center; }
}
@media print { html body .obj_article_details .paj-toggle { display: none; } html body .obj_article_details .paj-collapse.is-closed { grid-template-rows: 1fr; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { html body .obj_article_details .paj-collapse, html body .obj_article_details .paj-toggle::after { transition: none !important; } }

/* ==========================================================================
   PÁGINA INICIAL — capa ao lado esquerdo do texto de apresentação + fonte maior
   Só ativa quando a página tem o texto da revista E a capa da edição atual
   (via :has). Em celular/tablet estreito nada muda: segue a ordem normal.
   ========================================================================== */
/* fonte maior na apresentação (vale em qualquer largura, sem mexer na posição) */
html body .page_index_journal .journal_description,
html body .page_index_journal .homepage_about,
html body .page_index_journal .additional_content {
  font-size: clamp(1.02rem, 1.1vw + .55rem, 1.22rem); line-height: 1.8;
}
html body .page_index_journal .journal_description h1, html body .page_index_journal .journal_description h2, html body .page_index_journal .journal_description h3,
html body .page_index_journal .homepage_about h2, html body .page_index_journal .additional_content h2, html body .page_index_journal .additional_content h3 {
  font-size: clamp(1.3rem, 1.4vw + .8rem, 1.7rem); line-height: 1.25; margin-top: 0;
}
html body .page_index_journal .journal_description p, html body .page_index_journal .homepage_about p, html body .page_index_journal .additional_content p { text-align: justify; hyphens: auto; -webkit-hyphens: auto; }

@media (min-width: 768px) {
  @supports selector(:has(a)) {
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) {
      display: grid;
      grid-template-columns: clamp(170px, 24%, 260px) minmax(0, 1fr);
      column-gap: clamp(1.2rem, 3vw, 2.2rem);
      align-items: start;
    }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) > * { grid-column: 1 / -1; }
    /* o bloco da edição "desmancha" para a capa poder subir; o resto continua em largura total, na mesma ordem */
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) > .current_issue,
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue > .obj_issue_toc,
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc > .heading { display: contents; }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) > :is(.journal_description, .homepage_about) {
      grid-column: 2; grid-row: 1; min-width: 0;
    }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc .heading > .cover,
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc > .cover {
      grid-column: 1; grid-row: 1; display: block; width: 100%; margin: 0;
    }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc .cover img {
      display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 16px 36px rgba(15, 23, 42, .25);
    }
    /* demais itens da edição atual continuam abaixo, em largura total */
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc .heading > :not(.cover),
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc > :not(.heading):not(.cover),
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue > :not(.obj_issue_toc) { grid-column: 1 / -1; }
  }
}

/* ==========================================================================
   PÁGINA INICIAL — refinamento tipográfico e “Current Issue” (sem mover nada)
   Só tipografia, cor e espaçamento interno; a grade da capa não é alterada.
   ========================================================================== */
html body .page_index_journal .journal_description,
html body .page_index_journal .homepage_about,
html body .page_index_journal .additional_content {
  font-family: var(--paj-sans, 'Inter', system-ui, sans-serif);
  font-size: clamp(1.04rem, .9vw + .75rem, 1.18rem);
  font-weight: 400; line-height: 1.85; letter-spacing: -.003em;
  color: #334155;
}
html body .page_index_journal .journal_description strong, html body .page_index_journal .journal_description b,
html body .page_index_journal .homepage_about strong, html body .page_index_journal .homepage_about b,
html body .page_index_journal .additional_content strong, html body .page_index_journal .additional_content b { font-weight: 700; color: #0f172a; }
html body .page_index_journal .journal_description p, html body .page_index_journal .homepage_about p, html body .page_index_journal .additional_content p {
  margin: 0 0 1rem; text-align: justify; text-justify: inter-word; hyphens: manual; -webkit-hyphens: manual; overflow-wrap: break-word;
}
html body .page_index_journal .journal_description h1, html body .page_index_journal .journal_description h2, html body .page_index_journal .journal_description h3,
html body .page_index_journal .homepage_about h2, html body .page_index_journal .additional_content h2, html body .page_index_journal .additional_content h3 {
  position: relative; margin: 0 0 1rem; padding-bottom: .65rem;
  font-family: var(--paj-display, var(--paj-sans, 'Inter', sans-serif)); font-weight: 800; letter-spacing: -.015em; color: #0f172a;
}
html body .page_index_journal .journal_description h2::after, html body .page_index_journal .journal_description h3::after,
html body .page_index_journal .homepage_about h2::after, html body .page_index_journal .additional_content h2::after, html body .page_index_journal .additional_content h3::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; border-radius: 4px;
  background: linear-gradient(90deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230));
}

/* ---- Sobre a edição (Current Issue) ---- */
html body .page_index_journal .current_issue { font-family: var(--paj-sans, 'Inter', system-ui, sans-serif); }
html body .page_index_journal .current_issue > h2 {
  position: relative; margin: 1.6rem 0 .9rem; padding-bottom: .65rem;
  font: 800 clamp(1.3rem, 1.2vw + .9rem, 1.65rem)/1.25 var(--paj-display, var(--paj-sans, 'Inter', sans-serif)); letter-spacing: -.015em; color: #0f172a;
}
html body .page_index_journal .current_issue > h2::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; border-radius: 4px;
  background: linear-gradient(90deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230));
}
html body .page_index_journal .current_issue .current_issue_title {
  margin: 0 0 1rem; font-size: clamp(1.05rem, .6vw + .9rem, 1.25rem); font-weight: 700; line-height: 1.4; color: var(--primary-dark, #041c3d);
}
html body .page_index_journal .current_issue .obj_issue_toc .published {
  display: flex; width: fit-content; max-width: 100%; justify-self: start; align-items: baseline; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.2rem; padding: .4rem .95rem;
  background: rgba(31, 75, 124, .07); border: 1px solid rgba(31, 75, 124, .22); border-radius: 999px; font-size: .95rem; color: #1e293b;
}
html body .page_index_journal .current_issue .obj_issue_toc .published .label {
  display: inline !important; margin: 0 !important; font-size: .72rem !important; letter-spacing: .09em; text-transform: uppercase; color: var(--primary-dark, #041c3d) !important;
}
html body .page_index_journal .current_issue .obj_issue_toc .published .value { display: inline; margin: 0; font-weight: 600; }
html body .page_index_journal .current_issue .obj_issue_toc .description { font-size: 1rem; line-height: 1.75; color: #334155; text-align: justify; hyphens: manual; }
html body .page_index_journal .current_issue .obj_issue_toc .sections > .section > h2, html body .page_index_journal .current_issue .obj_issue_toc .section > h2 {
  font-size: 1.05rem; font-weight: 700; letter-spacing: .02em; color: #0f172a;
}
html body .page_index_journal .current_issue .read_more, html body .page_index_journal .current_issue a.read_more {
  display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; font-size: .9rem;
}
@media (max-width: 767.98px) {
  html body .page_index_journal .journal_description p, html body .page_index_journal .homepage_about p { text-align: justify !important; }
}

/* ==========================================================================
   RODAPÉ — remove a caixa escura do “Platform & workflow by OJS / PKP” e
   acrescenta efeitos (estrelas cintilantes, logotipos flutuando, neon animado)
   ========================================================================== */
html body .pkp_structure_footer_wrapper .pkp_brand_footer {
  display: flex !important; align-items: center; justify-content: flex-end; flex-wrap: nowrap;
  background: transparent !important; box-shadow: none !important; border: 0 !important;
  margin: 1.4rem 0 0 !important; padding: 1.1rem 0 .4rem !important; width: 100% !important; text-align: right;
  position: relative;
}
/* linha de neon que corre acima da marca */
html body .pkp_structure_footer_wrapper .pkp_brand_footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(246, 222, 122, .7), rgba(251, 233, 166, .7), transparent) 0 0 / 50% 100% no-repeat, rgba(255, 255, 255, .12);
  animation: paj-foot-line 7s ease-in-out infinite alternate !important;
}
@keyframes paj-foot-line { from { background-position: -10% 0, 0 0; } to { background-position: 110% 0, 0 0; } }
html body .pkp_structure_footer_wrapper .pkp_brand_footer a { display: inline-flex; align-items: center; white-space: nowrap; background: none !important; }
html body .pkp_structure_footer_wrapper .pkp_brand_footer img {
  background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important;
  max-height: 34px; width: auto; opacity: .7; filter: brightness(0) invert(1) drop-shadow(0 0 0 rgba(246, 222, 122, 0));
  transition: opacity .3s ease, filter .3s ease; translate: 0 0; animation: none !important;
}
html body .pkp_structure_footer_wrapper .pkp_brand_footer a:hover img { opacity: 1; filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(246, 222, 122, .8)); transform: none; }

/* estrelas cintilantes sobre a aurora (camada própria, só opacidade) */
html body .pkp_structure_footer_wrapper .pkp_structure_footer::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(circle at 12% 28%, #fff 0 1.4px, transparent 2.4px),
    radial-gradient(circle at 34% 72%, rgba(246, 222, 122, .95) 0 1.8px, transparent 3px),
    radial-gradient(circle at 58% 22%, rgba(251, 233, 166, .95) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 81% 64%, #fff 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 92% 18%, rgba(246, 222, 122, .9) 0 1.6px, transparent 2.8px);
  animation: paj-twinkle 3.6s ease-in-out infinite alternate !important;
}
@keyframes paj-twinkle { from { opacity: .25; } to { opacity: 1; } }
html body .pkp_structure_footer_wrapper .pkp_structure_footer { position: relative; }

/* logotipos: flutuam suavemente, cada um em um ritmo (propriedade translate, não conflita com o hover) */
html body .pkp_structure_footer_wrapper img:not([src*="creativecommons"]):not([alt*="Creative"]):not([alt*="CC"]):not(.pkp_brand_footer img) {
  animation: paj-foot-float 6s ease-in-out infinite !important;
}
html body .pkp_structure_footer_wrapper img:nth-of-type(2n):not(.pkp_brand_footer img) { animation-delay: -2s !important; }
html body .pkp_structure_footer_wrapper img:nth-of-type(3n):not(.pkp_brand_footer img) { animation-delay: -4s !important; }
@keyframes paj-foot-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
html body .pkp_structure_footer_wrapper .pkp_brand_footer img { animation: none !important; }

@media (max-width: 767.98px) {
  html body .pkp_structure_footer_wrapper .pkp_brand_footer { justify-content: center; text-align: center; }
}

/* ==========================================================================
   PÁGINA INICIAL — “Sobre a revista” em destaque e “Sobre a edição” sob a capa
   (continua usando a mesma grade; só reposiciona dentro dela e só com :has)
   ========================================================================== */
@media (min-width: 768px) {
  @supports selector(:has(a)) {
    /* coluna esquerda: kicker "Current Issue", capa, edição e data, empilhados */
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue > h2 { grid-column: 1; grid-row: 1; margin: 0 0 .7rem; padding-bottom: .5rem; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--primary-dark, #041c3d); }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue > h2::after { width: 36px; height: 3px; }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc .heading > .cover,
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc > .cover { grid-column: 1; grid-row: 2; }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue > .current_issue_title { grid-column: 1; grid-row: 3; margin: 1rem 0 .6rem; font-size: 1.02rem; line-height: 1.4; }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) .current_issue .obj_issue_toc .heading > .published { grid-column: 1; grid-row: 4; margin: 0; font-size: .9rem; }
    /* coluna direita: cartão em destaque ocupando a altura da coluna da edição */
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) > :is(.journal_description, .homepage_about) { grid-column: 2; grid-row: 1 / span 4; align-self: stretch; }
  }
}
/* cartão de destaque (vale também no celular, sem mexer na posição) */
html body .page_index_journal .journal_description,
html body .page_index_journal .homepage_about {
  position: relative; box-sizing: border-box; overflow: hidden;
  padding: clamp(1.3rem, 2.6vw, 2.3rem) clamp(1.2rem, 2.8vw, 2.5rem);
  background: radial-gradient(60% 80% at 100% 0%, rgba(238, 201, 47, .12), transparent 70%), linear-gradient(135deg, rgba(31, 75, 124, .07), rgba(246, 222, 122, .05) 60%, rgba(255, 255, 255, .6));
  border: 1px solid rgba(31, 75, 124, .2); border-radius: 20px;
  box-shadow: inset 6px 0 0 var(--primary-blue, #0a3558), 0 14px 36px rgba(15, 23, 42, .08);
  margin-bottom: 1.4rem;
}
html body .page_index_journal .journal_description::after,
html body .page_index_journal .homepage_about::after {
  content: "“"; position: absolute; right: 1.2rem; top: -.4rem; font: 800 7rem/1 Georgia, serif; color: rgba(31, 75, 124, .08); pointer-events: none;
}
html body .page_index_journal .journal_description h2, html body .page_index_journal .journal_description h3, html body .page_index_journal .homepage_about h2 {
  font-size: clamp(1.45rem, 1.6vw + .9rem, 2rem);
}
html body .page_index_journal .journal_description > p:first-of-type, html body .page_index_journal .homepage_about > p:first-of-type { font-size: 1.06em; color: #1e293b; }
@media (min-width: 768px) {
  @supports selector(:has(a)) {
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) { align-content: start; row-gap: 0; grid-template-rows: auto auto auto auto 1fr; }
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) > :is(.journal_description, .homepage_about) { grid-row: 1 / span 5; }
  }
}

/* ==========================================================================
   “Sobre a revista” — correção de fonte e estilo (leitura confortável)
   Justificar uma coluna estreita abria buracos entre palavras; o texto fica
   alinhado à esquerda, com quebra de linha equilibrada.
   ========================================================================== */
html body .page_index_journal .journal_description,
html body .page_index_journal .homepage_about {
  font-size: clamp(1.02rem, .5vw + .88rem, 1.12rem); line-height: 1.75; letter-spacing: 0; font-weight: 400; color: #334155;
}
html body .page_index_journal .journal_description p,
html body .page_index_journal .homepage_about p {
  text-align: justify !important; text-justify: inter-word; hyphens: auto !important; -webkit-hyphens: auto !important; word-spacing: normal;
  margin: 0 0 1.05rem;
}
html body .page_index_journal .journal_description p:last-child, html body .page_index_journal .homepage_about p:last-child { margin-bottom: 0; }
html body .page_index_journal .journal_description strong, html body .page_index_journal .journal_description b,
html body .page_index_journal .homepage_about strong, html body .page_index_journal .homepage_about b { font-weight: 600; color: #0f172a; }
html body .page_index_journal .journal_description > p:first-of-type, html body .page_index_journal .homepage_about > p:first-of-type { font-size: 1.04em; }
html body .page_index_journal .journal_description h2, html body .page_index_journal .journal_description h3, html body .page_index_journal .homepage_about h2 {
  font-size: clamp(1.4rem, 1.4vw + .9rem, 1.85rem); margin-bottom: 1.1rem;
}
/* o cartão acompanha a altura do texto (sem espaço vazio embaixo) */
@media (min-width: 768px) {
  @supports selector(:has(a)) {
    html body .page_index_journal:has(:is(.journal_description, .homepage_about)):has(.current_issue .obj_issue_toc .cover) > :is(.journal_description, .homepage_about) { align-self: start; }
  }
}

/* ==========================================================================
   LOGO TRANSPARENTE (sem placa branca) — logotipo dourado (ornamento preto da capa recolorido por filtro)
   Para voltar à placa branca: apague este bloco inteiro.
   O logotipo é recolorido para dourado por filtro; não precisa de outro arquivo.
   ========================================================================== */
@keyframes paj-glow-w {
  0%, 100% { filter: invert(1) sepia(1) saturate(6) hue-rotate(-22deg) brightness(.95) drop-shadow(0 0 10px rgba(246, 222, 122, .7)) drop-shadow(0 0 26px rgba(246, 222, 122, .35)); }
  50%      { filter: invert(1) sepia(1) saturate(6) hue-rotate(-22deg) brightness(.95) drop-shadow(0 0 14px rgba(251, 233, 166, .8)) drop-shadow(0 0 32px rgba(238, 201, 47, .45)); }
}
html body .pkp_structure_head .pkp_site_name::before {
  background: var(--paj-logo) center / contain no-repeat !important;
  background-origin: content-box !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  padding: 0 !important;
  filter: invert(1) sepia(1) saturate(6) hue-rotate(-22deg) brightness(.95) drop-shadow(0 0 12px rgba(246, 222, 122, .6));
}
@media (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before {
    width: calc(var(--paj-logo-size) * 1.45); height: calc(var(--paj-logo-size) * .9);
    animation: paj-float 7s ease-in-out infinite, paj-glow-w 4s ease-in-out infinite !important;
  }
}
@media (max-width: 767.98px) {
  html body .pkp_structure_head .pkp_site_name::before {
    width: 150px; height: 70px; margin-bottom: .6rem;
    animation: paj-float-m 6s ease-in-out infinite, paj-glow-w 4s ease-in-out infinite !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_site_name::before { animation: paj-float 7s ease-in-out infinite, paj-glow-w 4s ease-in-out infinite !important; transform: translateY(-50%); }
}

/* ==========================================================================
   EXTRAS: botão "Submissions", página ativa, menu de vidro ao rolar,
   barra de progresso, voltar ao topo e cartões mais vivos.
   Nenhum item altera tamanho ou posição de blocos (sem deslocamento).
   ========================================================================== */
/* 1. Submissions em destaque (só visual; mesmas medidas do item) */
html body .pkp_structure_head .pkp_navigation_primary > li > a[href*="/about/submissions"] {
  color: #fff !important;
  background: linear-gradient(135deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230)) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 6px 18px rgba(31, 75, 124, .45);
  animation: paj-cta 3.2s ease-in-out infinite !important;
}
html body .pkp_structure_head .pkp_navigation_primary > li > a[href*="/about/submissions"]:hover,
html body .pkp_structure_head .pkp_navigation_primary > li > a[href*="/about/submissions"]:focus-visible { filter: brightness(1.12); box-shadow: 0 0 0 1px rgba(255, 255, 255, .45) inset, 0 8px 24px rgba(238, 201, 47, .6); }
@keyframes paj-cta { 0%, 100% { box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 6px 18px rgba(31, 75, 124, .45); } 50% { box-shadow: 0 0 0 1px rgba(255, 255, 255, .35) inset, 0 6px 26px rgba(238, 201, 47, .7); } }

/* 2. página ativa (classe adicionada pelo script) */
html body .pkp_structure_head .pkp_navigation_primary > li > a.paj-current {
  box-shadow: inset 0 -3px 0 var(--paj-cyan, #29b4c9); text-shadow: 0 0 12px rgba(246, 222, 122, .7);
}

/* 3. menu com vidro ao rolar (só fundo e sombra; a altura não muda) */
html body .pkp_structure_head .pkp_navigation_primary_row { transition: background-color .3s ease, box-shadow .3s ease; }
html.paj-scrolled body .pkp_structure_head .pkp_navigation_primary_row {
  background-color: rgba(10, 22, 38, .88) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4);
  box-shadow: 0 10px 30px rgba(2, 6, 23, .45);
}

/* 4. barra de progresso de leitura e botão voltar ao topo (criados pelo script) */
.paj-progress { position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 3px; transform: scaleX(0); transform-origin: 0 50%; pointer-events: none;
  background: linear-gradient(90deg, #29b4c9, #0a3558, #f2c230); box-shadow: 0 0 10px rgba(246, 222, 122, .7); }
.paj-top { position: fixed; z-index: 99998; right: 18px; bottom: 18px; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
  color: #fff; background: linear-gradient(135deg, #0a3558, #f2c230); box-shadow: 0 10px 26px rgba(31, 75, 124, .45);
  opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .3s ease, transform .3s ease, visibility .3s; }
.paj-top.is-on { opacity: 1; visibility: visible; transform: none; }
.paj-top:hover { box-shadow: 0 14px 32px rgba(238, 201, 47, .6); }
.paj-top::before { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; margin: -3px 0 0 -6px;
  border-left: 3px solid currentColor; border-top: 3px solid currentColor; transform: rotate(45deg); }
@media print { .paj-progress, .paj-top { display: none; } }

/* 5. cartões de artigo e de edição mais vivos (sem transform: nada se desloca) */
html body .obj_article_summary, html body .obj_issue_summary {
  transition: box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}
html body .obj_article_summary:hover { border-color: rgba(31, 75, 124, .45); box-shadow: inset 4px 0 0 var(--primary-blue, #0a3558), 0 12px 28px rgba(31, 75, 124, .12); }
html body .obj_issue_summary:hover .cover img { box-shadow: 0 14px 30px rgba(31, 75, 124, .28); }
html body .obj_article_summary a.obj_galley_link, html body .obj_issue_toc a.obj_galley_link {
  display: inline-block; padding: .38rem .9rem; border-radius: 8px; border: 0; font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: #fff !important; background: linear-gradient(135deg, var(--primary-blue, #0a3558), var(--accent-purple, #f2c230));
  box-shadow: 0 4px 12px rgba(31, 75, 124, .28); transition: box-shadow .2s ease, filter .2s ease;
}
html body .obj_article_summary a.obj_galley_link:hover, html body .obj_issue_toc a.obj_galley_link:hover { filter: brightness(1.1); box-shadow: 0 8px 18px rgba(238, 201, 47, .4); }
@media (prefers-reduced-motion: reduce) { .paj-top, .paj-progress { transition: none !important; } }

/* ==========================================================================
   SDGs — AJUSTES ESPECÍFICOS (título longo, botões dourados, português, justificado)
   ========================================================================== */
/* português: textos do cabeçalho trocam sozinhos quando o idioma da página é pt */
html:lang(pt) {
  --paj-tagline: "Governança sustentável e gestão institucional";
  --paj-badges: "GESTÃO INSTITUCIONAL   ·   ACESSO ABERTO   ·   REVISÃO POR PARES   ·   DOI";
}

/* título longo: duas linhas equilibradas, tamanho contido, sem invadir o logotipo */
html body .pkp_structure_head .pkp_site_name {
  font-size: clamp(1.7rem, 3.3vw, 2.85rem) !important;
  line-height: 1.08; letter-spacing: -.015em;
  text-wrap: balance;
  max-width: min(100%, 15em) !important;
}
html body .pkp_structure_head .pkp_site_name .is_text, html body .pkp_structure_head .pkp_site_name > a { text-wrap: balance; overflow-wrap: break-word; }
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_site_name { font-size: clamp(1.5rem, 6.4vw, 2.1rem) !important; max-width: 100% !important; }
}
/* o logotipo é mais largo que alto */
@media (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before { width: calc(var(--paj-logo-size) * 1.5); height: calc(var(--paj-logo-size) * .95); }
}

/* botões e destaques: dourado com texto azul-marinho (contraste correto) */
html body .block_make_submission .content a,
html body .block_make_submission_link,
html body .obj_article_summary a.obj_galley_link, html body .obj_issue_toc a.obj_galley_link, html body .obj_article_details a.obj_galley_link,
html body .pkp_structure_head .pkp_navigation_primary > li > a[href*="/about/submissions"],
html body .obj_article_details .paj-toggle:hover, html body .obj_article_details .paj-toggle:focus-visible {
  color: #041c3d !important; -webkit-text-fill-color: #041c3d;
  background: linear-gradient(135deg, #f8e58c 0%, #f2c230 55%, #d9b21d 100%) !important;
  border-color: transparent !important;
  text-shadow: none !important;
}
html body .pkp_structure_head .pkp_navigation_primary > li > a[href*="/about/submissions"] { box-shadow: 0 0 0 1px rgba(255, 255, 255, .35) inset, 0 6px 18px rgba(238, 201, 47, .4); }
html body .paj-top { background: linear-gradient(135deg, #f8e58c, #f2c230 55%, #d9b21d); color: #041c3d; box-shadow: 0 10px 26px rgba(238, 201, 47, .45); }
html body .paj-progress { background: linear-gradient(90deg, #f8e58c, #f2c230, #d9b21d); box-shadow: 0 0 10px rgba(238, 201, 47, .7); }
html body .pkp_structure_head .pkp_navigation_user .task_count { color: #041c3d; background: #f2c230; }
html body .pkp_structure_head .pkp_navigation_primary > li > a.paj-current { box-shadow: inset 0 -3px 0 #f2c230; text-shadow: 0 0 12px rgba(238, 201, 47, .6); }

/* faixa lateral dos cartões: azul-marinho -> dourado */
html body .pkp_structure_sidebar .pkp_block { background: linear-gradient(90deg, #0a3558, #f2c230) top / 100% 3px no-repeat, #fff; }

/* TEXTOS JUSTIFICADOS (com hifenização, para não abrir buracos) */
html body .pkp_structure_main p, html body .pkp_structure_main li,
html body .obj_article_details .item.abstract, html body .obj_article_details .item.abstract p,
html body .obj_article_details .item.references p, html body .obj_article_details .item.references li,
html body .obj_article_details .item.doi .value, html body .obj_article_details .item.keywords .value,
html body .obj_article_details .authors .affiliation,
html body .page_index_journal .journal_description p, html body .page_index_journal .homepage_about p, html body .page_index_journal .additional_content p,
html body .page_index_journal .current_issue .obj_issue_toc .description,
html body .page_about p, html body .page_editorial_team p, html body .page_static p {
  text-align: justify !important; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word;
}
/* exceções: listas curtas e botões não justificam */
html body .pkp_structure_main .obj_article_summary .authors, html body .pkp_structure_main .cmp_breadcrumbs li, html body .pkp_structure_main nav li,
html body .pkp_structure_main .obj_galley_link { text-align: left !important; }

/* ==========================================================================
   SDGs — HEADER "AMBIENTE E CIDADE" (natureza, cidade, órbitas e o anel dos 17 ODS)
   Camadas, de baixo para cima:
     1. céu noturno azul-marinho com pontilhado de mapa e brilho azul atrás do logotipo
     2. sistema orbital em SVG animado (3 órbitas douradas/azuis com esferas, ondas
        de "convergência" e estrelas piscando), centrado no logotipo
     3. farol dourado que gira a partir do logotipo
     4. logotipo (Library 12) em placa de vidro que inclina com o mouse (jik-header-fx.js)
   Sem o script, tudo continua animado: só o "seguir o mouse" deixa de existir.
   Para trocar o logotipo, edite a linha --jik-logo (e --paj-logo). O fundo é 100% CSS (sem imagem).
   O mesmo sistema orbital aparece no rodapé.
   ========================================================================== */
:root {
  --jik-logo: url("https://alumnijournals.org/Journals/libraryFiles/downloadPublic/19");
  --jik-plate: clamp(150px, 14vw, 200px);   /* base de tamanho do logotipo */
  --jik-logo-w: calc(var(--jik-plate) * 1.75);   /* largura do logotipo */
  --jik-logo-h: calc(var(--jik-plate) * 1.1);    /* altura do logotipo */
  --jik-veil: 10, 24, 44;                   /* cor do véu sobre a imagem (R, G, B) */
  --paj-logo: var(--jik-logo);
}

/* ---- 1. fundo: céu noturno + sistema orbital centrado no logotipo -------- */
:root {
  --jik-orb: clamp(470px, 48vw, 660px);                                   /* tamanho do sistema orbital */
  --jik-cx: calc(100% - var(--paj-gutter) - var(--jik-logo-w) / 2);        /* centro (x) = centro do logotipo */
  --jik-cy: calc((var(--paj-hero-h) - var(--paj-nav-h)) / 2 + 6px);       /* centro (y) */



}
html body .pkp_head_wrapper::before {
  background:
    var(--jik-orbit-svg) calc(100% + var(--jik-orb) / 2 - var(--paj-gutter) - var(--jik-logo-w) / 2 + var(--mx, 0) * -14px) calc(var(--jik-cy) - var(--jik-orb) / 2 + var(--my, 0) * -9px) / var(--jik-orb) var(--jik-orb) no-repeat,
    radial-gradient(ellipse 46% 120% at var(--jik-cx) var(--jik-cy), rgba(34, 150, 120, .50), rgba(34, 150, 120, 0) 70%),
    radial-gradient(rgba(150, 190, 245, .16) 1px, transparent 1.5px) 0 0 / 20px 20px,
    radial-gradient(rgba(246, 222, 122, .55) 1.2px, transparent 2px) 7px 9px / 120px 120px,
    linear-gradient(115deg, #060f26 0%, #0b1f48 52%, #123766 100%) !important;
  background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat !important;
  animation: none !important;
}
/* ---- 1b. pesquisadores em movimento (lado esquerdo, atrás do título) -------- */
@media (min-width: 992px) {
  html body .pkp_head_wrapper::before {
    background:
      var(--jik-scene-svg) calc(var(--mx, 0) * 8px) calc(100% - var(--paj-nav-h)) / auto calc(var(--paj-hero-h) - var(--paj-nav-h) - 26px) no-repeat,
      var(--jik-orbit-svg) calc(100% + var(--jik-orb) / 2 - var(--paj-gutter) - var(--jik-logo-w) / 2 + var(--mx, 0) * -14px) calc(var(--jik-cy) - var(--jik-orb) / 2 + var(--my, 0) * -9px) / var(--jik-orb) var(--jik-orb) no-repeat,
      radial-gradient(ellipse 46% 120% at var(--jik-cx) var(--jik-cy), rgba(34, 150, 120, .50), rgba(34, 150, 120, 0) 70%),
      linear-gradient(90deg, rgba(4, 11, 24, .70) 0%, rgba(4, 11, 24, .55) 50%, rgba(4, 11, 24, 0) 76%),
      radial-gradient(rgba(150, 190, 245, .16) 1px, transparent 1.5px) 0 0 / 20px 20px,
      radial-gradient(rgba(246, 222, 122, .55) 1.2px, transparent 2px) 7px 9px / 120px 120px,
      linear-gradient(115deg, #060f26 0%, #0b1f48 52%, #123766 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat !important;
  }
}

/* ---- 2. luz: farol dourado girando a partir do logotipo ------------------ */
html body .pkp_head_wrapper::after {
  background:
    conic-gradient(from var(--paj-a) at var(--jik-cx) var(--jik-cy), transparent 0deg, rgba(160, 235, 150, .20) 22deg, rgba(160, 235, 150, 0) 46deg, transparent 360deg) !important;
  background-repeat: no-repeat !important;
  -webkit-mask-image: radial-gradient(circle 520px at var(--jik-cx) var(--jik-cy), #000 20%, transparent 100%) !important;
          mask-image: radial-gradient(circle 520px at var(--jik-cx) var(--jik-cy), #000 20%, transparent 100%) !important;
  animation: paj-orbit 16s linear infinite !important;
}
@media (max-width: 991.98px) {
  :root { --jik-orb: 360px; --jik-cx: 120px; --jik-cy: 152px; }   /* centro = logotipo (que fica em linha, acima do título) */
  html body .pkp_head_wrapper::before { background-position: calc(var(--jik-cx) - var(--jik-orb) / 2) calc(var(--jik-cy) - var(--jik-orb) / 2), 0 0, 0 0, 7px 9px, 0 0 !important; background-size: var(--jik-orb) var(--jik-orb), auto, 20px 20px, 120px 120px, auto !important; }
  html body .pkp_head_wrapper::after { -webkit-mask-image: radial-gradient(circle 300px at var(--jik-cx) var(--jik-cy), #000 20%, transparent 100%) !important; mask-image: radial-gradient(circle 300px at var(--jik-cx) var(--jik-cy), #000 20%, transparent 100%) !important; }
}

/* ---- 3. textos: leitura garantida sobre a imagem ------------------------ */
/* (não aplicar filter em .pkp_site_name: isso mudaria a referência de posição do logotipo) */
html body .pkp_site_name_wrapper::after { filter: drop-shadow(0 2px 8px rgba(4, 10, 22, .6)); }

/* ---- 4. logotipo SEM caixa branca: brilho suave + contorno luminoso -------------
   O logotipo (Library 12) tem letras escuras; em vez de uma placa branca, ele ganha
   uma "nuvem" de luz que se dissolve nas bordas e um contorno de brilho, e inclina
   com o mouse (jik-header-fx.js). Largura/altura: --jik-logo-w e --jik-logo-h. */
@keyframes jik-bob   { 0%, 100% { translate: 0 -8px; } 50% { translate: 0 8px; } }
@keyframes jik-bob-m { 0%, 100% { translate: 0 0; }    50% { translate: 0 -5px; } }
@keyframes jik-halo  {
  0%, 100% { filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 12px rgba(255, 255, 255, .45)) drop-shadow(0 0 34px rgba(246, 222, 122, .30)); }
  50%      { filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 18px rgba(255, 255, 255, .65)) drop-shadow(0 0 52px rgba(246, 222, 122, .50)); }
}

html body .pkp_structure_head .pkp_site_name::before {
  box-sizing: border-box;
  width: var(--jik-logo-w); height: var(--jik-logo-h);
  padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background:
    var(--jik-logo) center / contain no-repeat,
    radial-gradient(ellipse 50% 50% at calc(50% + var(--mx, 0) * 6%) calc(50% + var(--my, 0) * 6%), rgba(255, 255, 255, .90) 0%, rgba(236, 244, 255, .78) 46%, rgba(214, 230, 255, .30) 74%, rgba(214, 230, 255, 0) 100%) !important;
  background-origin: content-box, border-box !important;
  filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 12px rgba(255, 255, 255, .45)) drop-shadow(0 0 34px rgba(246, 222, 122, .30));
}
@media (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before {
    transform: translateY(-50%) perspective(800px) rotateY(calc(var(--mx, 0) * 12deg)) rotateX(calc(var(--my, 0) * -9deg)) !important;
    transition: transform .18s ease-out;
    animation: jik-bob 6s ease-in-out infinite, jik-halo 5s ease-in-out infinite !important;
  }
  html body .pkp_structure_head .pkp_site_name::after {
    --rw: calc(var(--jik-logo-w) + 56px);
    --rh: calc(var(--jik-logo-h) + 56px);
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(246, 222, 122, .9));
  }
  html body .pkp_structure_head .pkp_site_name_wrapper { padding-right: calc(var(--jik-logo-w) + clamp(3rem, 7vw, 6rem)) !important; }
}
@media (max-width: 767.98px) {
  html body .pkp_structure_head .pkp_site_name::before {
    width: 200px; height: 116px; margin-bottom: .6rem;
    transform: none !important;
    animation: jik-bob-m 6s ease-in-out infinite, jik-halo 5s ease-in-out infinite !important;
  }
}

/* "Reduzir movimento": fundo e logotipo continuam lentos; entradas e brilhos rápidos param */

@media (prefers-reduced-motion: reduce) and (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before { animation: jik-bob 6s ease-in-out infinite, jik-halo 5s ease-in-out infinite !important; }
}
@media (min-width: 768px) and (max-width: 1199.98px) { :root { --jik-plate: 132px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  :root { --jik-cy: calc((var(--paj-hero-h) - var(--paj-nav-h)) / 2 + 24px); }
  html body .pkp_structure_head .pkp_site_name::before { top: calc(50% + 24px); }
  html body .pkp_structure_head .pkp_site_name::after  { top: calc(50% + 24px); }
}

/* SDGs Studies Review: título curto, pode ser maior que o do JIK */
html body .pkp_structure_head .pkp_site_name { font-size: clamp(2rem, 4.4vw, 3.5rem) !important; max-width: 100% !important; }
@media (max-width: 991.98px) { html body .pkp_structure_head .pkp_site_name { font-size: clamp(1.8rem, 8vw, 2.5rem) !important; } }
/* destaque verde (meio ambiente) nas barras dos blocos laterais */
html body .pkp_structure_sidebar .pkp_block::before { background: linear-gradient(90deg, #0a6f7a, #43a047 55%, #f2c230) !important; }

/* ==========================================================================
   SDGs — LADO DIREITO: "HALO DOS 17 ODS"
   - o fundo branco do logotipo é removido pelo script (jik-header-fx.js), que transforma
     o branco em transparência (precisa de  --jik-logo-knockout: 1  abaixo);
   - um anel com as 17 cores oficiais dos ODS gira em volta do logotipo e brilha;
   - os 17 pontos coloridos da órbita pulsam em sequência (uma "onda" dos ODS);
   - o logotipo flutua, inclina com o mouse e tem contorno luminoso (letras azuis legíveis).
   Sem o script: o logotipo aparece com o fundo branco original.
   ========================================================================== */
:root {
  --jik-logo-knockout: 1;
  --jik-logo-w: calc(var(--jik-plate) * 1.35);
  --jik-logo-h: calc(var(--jik-plate) * 1.1);
}
@media (min-width: 768px) and (max-width: 1199.98px) { :root { --jik-logo-w: calc(var(--jik-plate) * 1.35); --jik-logo-h: calc(var(--jik-plate) * 1.1); } }
html body .pkp_structure_head .pkp_site_name::before {
  background:
    var(--jik-logo) center / contain no-repeat,
    radial-gradient(ellipse 50% 50% at calc(50% + var(--mx, 0) * 6%) calc(50% + var(--my, 0) * 6%), rgba(236, 255, 246, .55) 0%, rgba(200, 245, 225, .30) 50%, rgba(200, 245, 225, 0) 100%) !important;
  background-origin: content-box, border-box !important;
  filter: drop-shadow(0 0 1.6px #fff) drop-shadow(0 0 10px rgba(255, 255, 255, .55)) drop-shadow(0 0 30px rgba(120, 230, 160, .35));
}
@media (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before { animation: jik-bob 6s ease-in-out infinite, jik-halo-g 5s ease-in-out infinite !important; }
  html body .pkp_structure_head .pkp_site_name::after {
    --rw: calc(var(--jik-logo-w) + 44px);
    --rh: calc(var(--jik-logo-h) + 44px);
    background: conic-gradient(from var(--paj-a), #E5243B, #DDA63A, #4C9F38, #C5192D, #FF3A21, #26BDE2, #FCC30B, #A21942, #FD6925, #DD1367, #FD9D24, #BF8B2E, #3F7E44, #0A97D9, #56C02B, #00689D, #19486A, #E5243B) !important;
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px)) !important;
            mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px)) !important;
    filter: drop-shadow(0 0 7px rgba(255, 255, 255, .45)) drop-shadow(0 0 16px rgba(80, 200, 160, .45));
    animation: paj-orbit 18s linear infinite !important;
  }
}
@keyframes jik-halo-g {
  0%, 100% { filter: drop-shadow(0 0 1.6px #fff) drop-shadow(0 0 10px rgba(255, 255, 255, .55)) drop-shadow(0 0 28px rgba(120, 230, 160, .30)); }
  50%      { filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 16px rgba(255, 255, 255, .75)) drop-shadow(0 0 46px rgba(120, 230, 160, .55)); }
}
@media (max-width: 767.98px) {
  html body .pkp_structure_head .pkp_site_name::before { width: 150px; height: 150px; animation: jik-bob-m 6s ease-in-out infinite, jik-halo-g 5s ease-in-out infinite !important; }
}
@media (prefers-reduced-motion: reduce) and (min-width: 768px) {
  html body .pkp_structure_head .pkp_site_name::before { animation: jik-bob 6s ease-in-out infinite, jik-halo-g 5s ease-in-out infinite !important; }
  html body .pkp_structure_head .pkp_site_name::after { animation: paj-orbit 18s linear infinite !important; }
}

/* ==========================================================================
   SDGs — RODAPÉ "HORIZONTE SUSTENTÁVEL"
   Cidade e natureza ao entardecer (turbinas girando, janelas nas cores dos ODS,
   rio, árvores balançando, estrelas), faixa dos 17 ODS no topo, vaga-lumes e
   o conteúdo do rodapé num painel de vidro. Só CSS; nada para subir na Library.
   ========================================================================== */
html body .pkp_structure_footer_wrapper {
  background: linear-gradient(180deg, #06161f 0%, #082632 55%, #0a3a3c 100%) !important;
  padding-bottom: clamp(90px, 11vw, 170px) !important;
  margin-top: 3.2rem;
}
/* camada 1: cenário no pé do rodapé + brilho do horizonte */
html body .pkp_structure_footer_wrapper::before {
  inset: 0 !important;
  background:
    var(--sdgs-foot-scene) center bottom / 100% auto no-repeat,
    radial-gradient(ellipse 70% 40% at 50% 100%, rgba(60, 190, 140, .30), rgba(60, 190, 140, 0) 70%),
    radial-gradient(rgba(150, 220, 200, .10) 1px, transparent 1.5px) 0 0 / 22px 22px !important;
  animation: none !important;
}
/* camada 2: faixa dos 17 ODS no topo, com brilho que corre */
html body .pkp_structure_footer_wrapper::after {
  height: 4px !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .85) 50%, transparent 100%) -30% 0 / 25% 100% no-repeat,
    var(--sdgs-stripe) !important;
  box-shadow: 0 0 18px rgba(86, 192, 43, .35), 0 0 36px rgba(38, 189, 226, .18);
  animation: sdgs-stripe 6s linear infinite !important;
}
@keyframes sdgs-stripe { from { background-position: -30% 0, 0 0; } to { background-position: 130% 0, 0 0; } }
/* vaga-lumes (substituem as estrelas douradas) */
html body .pkp_structure_footer_wrapper .pkp_structure_footer::before {
  background:
    radial-gradient(circle at 10% 40%, rgba(186, 255, 120, .95) 0 2px, transparent 3.4px),
    radial-gradient(circle at 26% 70%, rgba(246, 222, 122, .95) 0 2px, transparent 3.4px),
    radial-gradient(circle at 47% 30%, rgba(160, 235, 255, .9) 0 1.8px, transparent 3px),
    radial-gradient(circle at 68% 62%, rgba(186, 255, 120, .95) 0 2.2px, transparent 3.6px),
    radial-gradient(circle at 88% 36%, rgba(246, 222, 122, .9) 0 2px, transparent 3.4px) !important;
  animation: sdgs-fireflies 7s ease-in-out infinite alternate !important;
}
@keyframes sdgs-fireflies { from { opacity: .25; transform: translate(0, 0); } 50% { opacity: 1; } to { opacity: .4; transform: translate(18px, -26px); } }
/* conteúdo SEM caixa (nada de painel que escureça o fundo): só uma barra lateral nas cores dos ODS */
html body .pkp_structure_footer_wrapper .pkp_footer_content {
  position: relative;
  padding: .3rem 0 .3rem 1.5rem !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body .pkp_structure_footer_wrapper .pkp_footer_content::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px; border-radius: 0 6px 6px 0;
  background: linear-gradient(180deg, #E5243B,#DDA63A,#4C9F38,#C5192D,#FF3A21,#26BDE2,#FCC30B,#A21942,#FD6925,#DD1367,#FD9D24,#BF8B2E,#3F7E44,#0A97D9,#56C02B,#00689D,#19486A);
  box-shadow: 0 0 14px rgba(86, 192, 43, .45);
}
html body .pkp_structure_footer_wrapper .pkp_footer_content p:first-child { font-size: 1.12rem; letter-spacing: .01em; }
html body .pkp_structure_footer_wrapper .pkp_footer_content a { color: #bdf0a0 !important; background-image: linear-gradient(90deg, #56C02B, #FCC30B) !important; }
html body .pkp_structure_footer_wrapper .pkp_footer_content a:hover { color: #fff !important; }
/* selos (Open Access, ABEC, DORA): cartões claros que sobem ao passar o mouse */
html body .pkp_structure_footer_wrapper .pkp_footer_content img:not([src*="creativecommons"]):not([alt*="Creative"]):not([alt*="CC"]) {
  border-radius: 14px; box-shadow: 0 10px 24px rgba(0, 0, 0, .30), 0 0 0 1px rgba(255, 255, 255, .5) inset;
}
/* marca "Platform & workflow by OJS / PKP": centralizada, sobre o cenário */
html body .pkp_structure_footer_wrapper .pkp_brand_footer { justify-content: center !important; text-align: center !important; margin-top: 1.6rem !important; }
html body .pkp_structure_footer_wrapper .pkp_brand_footer::before {
  background: linear-gradient(90deg, transparent, rgba(86, 192, 43, .8), rgba(252, 195, 11, .8), rgba(38, 189, 226, .8), transparent) 0 0 / 50% 100% no-repeat, rgba(255, 255, 255, .12) !important;
}
@media (max-width: 767.98px) {
  html body .pkp_structure_footer_wrapper::before { background-size: auto 120px, auto, 22px 22px !important; background-position: center bottom, 0 0, 0 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body .pkp_structure_footer_wrapper::after { animation: none !important; }
  html body .pkp_structure_footer_wrapper .pkp_structure_footer::before { animation: none !important; opacity: .7; }
}


/* ==========================================================================
   SDGs — LADO DIREITO "CIDADE DOS 17 ODS" (efeito exclusivo desta revista)
   Torres isométricas nas 17 cores oficiais crescem em onda (como um skyline
   que se constrói), com partículas subindo. Sem órbitas, sem farol, sem anel.
   O logotipo (sem fundo branco) flutua à frente.
   ========================================================================== */
@media (min-width: 992px) { :root { --jik-orb: clamp(340px, 29vw, 400px); } }
html body .pkp_head_wrapper::after { background: none !important; animation: none !important; -webkit-mask-image: none !important; mask-image: none !important; }
html body .pkp_structure_head .pkp_site_name::after { display: none !important; animation: none !important; }
html body .pkp_head_wrapper::before {
  background-image:
    var(--jik-scene-svg),
    var(--jik-orbit-svg),
    radial-gradient(ellipse 46% 120% at var(--jik-cx) var(--jik-cy), rgba(34, 150, 120, .38), rgba(34, 150, 120, 0) 70%),
    linear-gradient(90deg, rgba(4, 11, 24, .70) 0%, rgba(4, 11, 24, .55) 50%, rgba(4, 11, 24, 0) 76%),
    radial-gradient(rgba(150, 190, 245, .16) 1px, transparent 1.5px),
    none,
    linear-gradient(115deg, #060f26 0%, #0b1f48 52%, #123766 100%) !important;
}
@media (max-width: 991.98px) {
  html body .pkp_head_wrapper::before {
    background-image:
      var(--jik-orbit-svg),
      radial-gradient(ellipse 46% 120% at var(--jik-cx) var(--jik-cy), rgba(34, 150, 120, .38), rgba(34, 150, 120, 0) 70%),
      radial-gradient(rgba(150, 190, 245, .16) 1px, transparent 1.5px),
      none,
      linear-gradient(115deg, #060f26 0%, #0b1f48 52%, #123766 100%) !important;
  }
}

@media (min-width: 992px) {
  /* a cidade se estende à esquerda do logotipo, que flutua à frente dela */
  html body .pkp_head_wrapper::before {
    background-position:
      calc(var(--mx, 0) * 8px) calc(100% - var(--paj-nav-h)),
      calc(100% + var(--jik-orb) / 2 - var(--paj-gutter) - var(--jik-logo-w) / 2 - 205px + var(--mx, 0) * -14px) calc(var(--jik-cy) - var(--jik-orb) / 2 + 18px + var(--my, 0) * -9px),
      0 0, 0 0, 0 0, 0 0, 0 0 !important;
  }
}
@media (max-width: 991.98px) {
  /* no celular o mural dos ODS ocupa a faixa de cima, atrás do logotipo, bem discreto */
  html body .pkp_head_wrapper::before {
    background-position: calc(100% + 40px) 18px, 0 0, 0 0, 0 0, 0 0 !important;
    background-size: 300px 300px, auto, 20px 20px, auto, auto !important;
  }
}

/* ---- lado direito v3: "Pulso dos 17 ODS" (barras de luz, à esquerda do logotipo, sem cobri-lo) ---- */
:root { --sdg-pw: 304px; --sdg-ph: 176px; }
@media (min-width: 992px) {
  html body .pkp_head_wrapper::before {
    background-size: auto calc(var(--paj-hero-h) - var(--paj-nav-h) - 26px), var(--sdg-pw) var(--sdg-ph), auto, auto, 20px 20px, auto, auto !important;
    background-position:
      calc(var(--mx, 0) * 8px) calc(100% - var(--paj-nav-h)),
      right calc(var(--paj-gutter) + var(--jik-logo-w) - 14px + var(--mx, 0) * 8px) bottom calc(var(--paj-nav-h) + 4px),
      0 0, 0 0, 0 0, 0 0, 0 0 !important;
  }
}
@media (max-width: 991.98px) {
  html body .pkp_head_wrapper::before {
    background-size: calc(var(--sdg-pw) * .62) calc(var(--sdg-ph) * .62), auto, 20px 20px, auto, auto !important;
    background-position: right 10px top 64px, 0 0, 0 0, 0 0, 0 0 !important;
  }
}

/* ---- lado direito v5: "Cidade Inteligente" — continuação do skyline da esquerda até o logotipo ---- */
@media (min-width: 992px) {
  html body .pkp_head_wrapper::before {
    background-size: auto calc(var(--paj-hero-h) - var(--paj-nav-h) - 26px), auto calc(var(--paj-hero-h) - var(--paj-nav-h) - 26px), auto, auto, 20px 20px, auto, auto !important;
    background-position:
      calc(var(--mx, 0) * 8px) calc(100% - var(--paj-nav-h)),
      right calc(var(--mx, 0) * -6px) bottom var(--paj-nav-h),
      0 0, 0 0, 0 0, 0 0, 0 0 !important;
  }
}
@media (max-width: 991.98px) {
  html body .pkp_head_wrapper::before {
    background-size: auto 170px, auto, 20px 20px, auto, auto !important;
    background-position: right 0 top 82px, 0 0, 0 0, 0 0, 0 0 !important;
  }
}


/* ==========================================================================
   JSIM — AJUSTES FINAIS (título longo, emblema dourado sem fundo, azul-marinho + verde + dourado)
   ========================================================================== */
html body .pkp_structure_head .pkp_site_name { font-size: clamp(1.7rem, 3vw, 2.6rem) !important; line-height: 1.12 !important; }
@media (max-width: 991.98px) { html body .pkp_structure_head .pkp_site_name { font-size: clamp(1.55rem, 7vw, 2.1rem) !important; } }

/* ==========================================================================
   JSIM — RODAPÉ "REDE NEURAL" (inteligência artificial)
   Uma rede neural atravessa o rodapé: os neurônios acendem em onda, pulsos de dados
   percorrem as conexões, glifos (01, AI, LLM, Σ) sobem e uma grade em perspectiva
   corre até o horizonte. Só CSS; nada para subir na Library.
   ========================================================================== */
html body .pkp_structure_footer_wrapper { background: linear-gradient(180deg, #040b22 0%, #08173f 55%, #14134d 100%) !important; }
html body .pkp_structure_footer_wrapper::before {
  background:
    var(--sdgs-foot-scene) center bottom / 100% auto no-repeat,
    radial-gradient(ellipse 70% 45% at 50% 100%, rgba(79, 214, 255, .26), rgba(154, 139, 255, .10) 55%, rgba(79, 214, 255, 0) 75%),
    radial-gradient(rgba(150, 190, 255, .10) 1px, transparent 1.5px) 0 0 / 22px 22px !important;
}
html body .pkp_structure_footer_wrapper::after {
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .85) 50%, transparent 100%) -30% 0 / 25% 100% no-repeat,
    linear-gradient(90deg, #12315e, #4fd6ff 30%, #9a8bff 60%, #f2b705 88%, #12315e) !important;
  box-shadow: 0 0 18px rgba(79, 214, 255, .35), 0 0 36px rgba(154, 139, 255, .22);
}
html body .pkp_structure_footer_wrapper .pkp_structure_footer::before {
  background:
    radial-gradient(circle at 10% 40%, rgba(79, 214, 255, .95) 0 2px, transparent 3.4px),
    radial-gradient(circle at 26% 70%, rgba(242, 183, 5, .95) 0 2px, transparent 3.4px),
    radial-gradient(circle at 47% 30%, rgba(154, 139, 255, .95) 0 1.8px, transparent 3px),
    radial-gradient(circle at 68% 62%, rgba(79, 214, 255, .95) 0 2.2px, transparent 3.6px),
    radial-gradient(circle at 88% 36%, rgba(242, 183, 5, .9) 0 2px, transparent 3.4px) !important;
}
html body .pkp_structure_footer_wrapper .pkp_footer_content::before { background: linear-gradient(180deg, #4fd6ff, #9a8bff 60%, #f2b705); box-shadow: 0 0 14px rgba(79, 214, 255, .5); }
html body .pkp_structure_footer_wrapper .pkp_footer_content a { color: #a8e8ff !important; background-image: linear-gradient(90deg, #4fd6ff, #f2b705) !important; }
html body .pkp_structure_footer_wrapper .pkp_footer_content a:hover { color: #fff !important; }
html body .pkp_structure_footer_wrapper .pkp_brand_footer::before {
  background: linear-gradient(90deg, transparent, rgba(79, 214, 255, .9), rgba(154, 139, 255, .9), transparent) 0 0 / 50% 100% no-repeat, rgba(255, 255, 255, .12) !important;
}
@media (max-width: 767.98px) {
  html body .pkp_structure_footer_wrapper::before { background-size: auto 150px, auto, 22px 22px !important; }
}
/* ---- JSIM: título em fonte moderna (Sora), sem efeito glitch ---- */
html body .pkp_structure_head .pkp_site_name {
  font-family: "Sora", "Space Grotesk", "Inter", system-ui, sans-serif !important;
  font-weight: 700 !important; letter-spacing: -.035em !important; line-height: 1.08 !important;
}
html body .pkp_structure_head .pkp_site_name .is_text,
html body .pkp_structure_head .pkp_site_name > a {
  font-family: inherit !important;
  background: linear-gradient(100deg, #ffffff 0%, #eaf3ff 46%, #ffd24a 100%) !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  filter: drop-shadow(0 3px 16px rgba(2, 10, 30, .55));
  animation: none !important;
}
html body .pkp_site_name_wrapper::before { font-family: "Sora", "Inter", sans-serif !important; letter-spacing: .22em !important; }
/* ---- JSIM header: mapa-múndi de negócios (esquerda) + evolução tecnológica (direita) ---- */
@media (min-width: 992px) {
  :root { --jsim-h: calc(var(--paj-hero-h) - var(--paj-nav-h) - 26px); }
  html body .pkp_head_wrapper::before {
    background-size: auto var(--jsim-h), auto var(--jsim-h), auto, auto, 20px 20px, auto, auto !important;
    background-position:
      calc(var(--mx, 0) * 8px) calc(100% - var(--paj-nav-h)),
      right calc(var(--paj-gutter) + var(--jik-logo-w) / 2 - var(--jsim-h) * 1.43 + 0px + var(--mx, 0) * -8px) bottom calc(var(--paj-nav-h) + 7px),
      0 0, 0 0, 0 0, 0 0, 0 0 !important;
  }
}
@media (max-width: 991.98px) {
  html body .pkp_head_wrapper::before { background-size: 0 0, auto, 20px 20px, auto, auto !important; background-position: right -60px top 92px, 0 0, 0 0, 0 0, 0 0 !important; }
}


/* ==========================================================================
   ALUMNI IN BOOKS — HEADER "ESTANTE DIGITAL" + RODAPÉ (sobrepõe o cabeçalho herdado do JSIM)
   ========================================================================== */
html body .pkp_structure_head::before, html body .pkp_structure_head::after,
html body .pkp_head_wrapper::before, html body .pkp_head_wrapper::after,
html body .pkp_site_name::before, html body .pkp_site_name::after,
html body .pkp_site_name_wrapper::before, html body .pkp_site_name_wrapper::after { content: none !important; display: none !important; animation: none !important; }
/* tokens do Books */
:root {
  --b-teal: #0f9aa6; --b-teal-d: #0a6f7a; --b-cyan: #29b4c9; --b-navy: #041c3d; --b-navy-2: #0a3558;
  --b-yellow: #f2c230; --b-pink: #dd1367; --b-purple: #5b4fc4; --b-green: #58c5a2;
  --b-ink: #14213a; --b-muted: #5a6a82; --b-line: #dbe7ea; --b-bg: #f4f8fa;
  --b-radius: 18px;
  --b-shadow: 0 1px 2px rgba(4, 28, 61, .05), 0 10px 28px rgba(4, 28, 61, .08);
  --b-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --b-serif: "Noto Serif", Georgia, "Times New Roman", serif;
  --b-hero-h: clamp(300px, 29vw, 380px);
  --b-nav-h: 84px;
  --b-logo-h: clamp(92px, 9vw, 120px);
  --b-shelf: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 130%22 preserveAspectRatio=%22none%22%3E%3Cg opacity=%22.92%22%3E%3Crect x=%222.0%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2297%22 height=%2233%22%3E%3Canimate attributeName=%22y%22 values=%2297;50;97%22 dur=%226s%22 begin=%22-0.00s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2233;80;33%22 dur=%226s%22 begin=%22-0.00s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%225.0%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22105%22%3E%3Canimate attributeName=%22y%22 values=%22105;58;105%22 dur=%226s%22 begin=%22-0.00s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%2238.4%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%22101%22 height=%2229%22%3E%3Canimate attributeName=%22y%22 values=%22101;48;101%22 dur=%226s%22 begin=%22-0.22s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2229;82;29%22 dur=%226s%22 begin=%22-0.22s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%2241.4%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22109%22%3E%3Canimate attributeName=%22y%22 values=%22109;56;109%22 dur=%226s%22 begin=%22-0.22s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%2274.7%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2289%22 height=%2241%22%3E%3Canimate attributeName=%22y%22 values=%2289;52;89%22 dur=%226s%22 begin=%22-0.44s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2241;78;41%22 dur=%226s%22 begin=%22-0.44s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%2277.7%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2297%22%3E%3Canimate attributeName=%22y%22 values=%2297;60;97%22 dur=%226s%22 begin=%22-0.44s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22111.1%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%22102%22 height=%2228%22%3E%3Canimate attributeName=%22y%22 values=%22102;70;102%22 dur=%226s%22 begin=%22-0.66s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2228;60;28%22 dur=%226s%22 begin=%22-0.66s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22114.1%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22110%22%3E%3Canimate attributeName=%22y%22 values=%22110;78;110%22 dur=%226s%22 begin=%22-0.66s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22147.5%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%22104%22 height=%2226%22%3E%3Canimate attributeName=%22y%22 values=%22104;51;104%22 dur=%226s%22 begin=%22-0.88s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2226;79;26%22 dur=%226s%22 begin=%22-0.88s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22150.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22112%22%3E%3Canimate attributeName=%22y%22 values=%22112;59;112%22 dur=%226s%22 begin=%22-0.88s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22183.8%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2287%22 height=%2243%22%3E%3Canimate attributeName=%22y%22 values=%2287;41;87%22 dur=%226s%22 begin=%22-1.10s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2243;89;43%22 dur=%226s%22 begin=%22-1.10s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22186.8%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2295%22%3E%3Canimate attributeName=%22y%22 values=%2295;49;95%22 dur=%226s%22 begin=%22-1.10s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22220.2%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%22103%22 height=%2227%22%3E%3Canimate attributeName=%22y%22 values=%22103;61;103%22 dur=%226s%22 begin=%22-1.32s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2227;69;27%22 dur=%226s%22 begin=%22-1.32s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22223.2%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22111%22%3E%3Canimate attributeName=%22y%22 values=%22111;69;111%22 dur=%226s%22 begin=%22-1.32s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22256.5%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2288%22 height=%2242%22%3E%3Canimate attributeName=%22y%22 values=%2288;26;88%22 dur=%226s%22 begin=%22-1.54s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2242;104;42%22 dur=%226s%22 begin=%22-1.54s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22259.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2296%22%3E%3Canimate attributeName=%22y%22 values=%2296;34;96%22 dur=%226s%22 begin=%22-1.54s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22292.9%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%2293%22 height=%2237%22%3E%3Canimate attributeName=%22y%22 values=%2293;48;93%22 dur=%226s%22 begin=%22-1.76s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2237;82;37%22 dur=%226s%22 begin=%22-1.76s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22295.9%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22101%22%3E%3Canimate attributeName=%22y%22 values=%22101;56;101%22 dur=%226s%22 begin=%22-1.76s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22329.3%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%2299%22 height=%2231%22%3E%3Canimate attributeName=%22y%22 values=%2299;65;99%22 dur=%226s%22 begin=%22-1.98s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2231;65;31%22 dur=%226s%22 begin=%22-1.98s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22332.3%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22107%22%3E%3Canimate attributeName=%22y%22 values=%22107;73;107%22 dur=%226s%22 begin=%22-1.98s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22365.6%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2296%22 height=%2234%22%3E%3Canimate attributeName=%22y%22 values=%2296;55;96%22 dur=%226s%22 begin=%22-2.20s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2234;75;34%22 dur=%226s%22 begin=%22-2.20s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22368.6%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22104%22%3E%3Canimate attributeName=%22y%22 values=%22104;63;104%22 dur=%226s%22 begin=%22-2.20s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22402.0%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%22104%22 height=%2226%22%3E%3Canimate attributeName=%22y%22 values=%22104;60;104%22 dur=%226s%22 begin=%22-2.42s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2226;70;26%22 dur=%226s%22 begin=%22-2.42s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22405.0%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22112%22%3E%3Canimate attributeName=%22y%22 values=%22112;68;112%22 dur=%226s%22 begin=%22-2.42s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22438.4%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2296%22 height=%2234%22%3E%3Canimate attributeName=%22y%22 values=%2296;56;96%22 dur=%226s%22 begin=%22-2.64s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2234;74;34%22 dur=%226s%22 begin=%22-2.64s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22441.4%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22104%22%3E%3Canimate attributeName=%22y%22 values=%22104;64;104%22 dur=%226s%22 begin=%22-2.64s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22474.7%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%2299%22 height=%2231%22%3E%3Canimate attributeName=%22y%22 values=%2299;52;99%22 dur=%226s%22 begin=%22-2.86s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2231;78;31%22 dur=%226s%22 begin=%22-2.86s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22477.7%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22107%22%3E%3Canimate attributeName=%22y%22 values=%22107;60;107%22 dur=%226s%22 begin=%22-2.86s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22511.1%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%2295%22 height=%2235%22%3E%3Canimate attributeName=%22y%22 values=%2295;44;95%22 dur=%226s%22 begin=%22-3.08s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2235;86;35%22 dur=%226s%22 begin=%22-3.08s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22514.1%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22103%22%3E%3Canimate attributeName=%22y%22 values=%22103;52;103%22 dur=%226s%22 begin=%22-3.08s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22547.5%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%22102%22 height=%2228%22%3E%3Canimate attributeName=%22y%22 values=%22102;53;102%22 dur=%226s%22 begin=%22-3.30s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2228;77;28%22 dur=%226s%22 begin=%22-3.30s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22550.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22110%22%3E%3Canimate attributeName=%22y%22 values=%22110;61;110%22 dur=%226s%22 begin=%22-3.30s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22583.8%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%2292%22 height=%2238%22%3E%3Canimate attributeName=%22y%22 values=%2292;32;92%22 dur=%226s%22 begin=%22-3.52s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2238;98;38%22 dur=%226s%22 begin=%22-3.52s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22586.8%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22100%22%3E%3Canimate attributeName=%22y%22 values=%22100;40;100%22 dur=%226s%22 begin=%22-3.52s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22620.2%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2297%22 height=%2233%22%3E%3Canimate attributeName=%22y%22 values=%2297;58;97%22 dur=%226s%22 begin=%22-3.74s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2233;72;33%22 dur=%226s%22 begin=%22-3.74s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22623.2%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22105%22%3E%3Canimate attributeName=%22y%22 values=%22105;66;105%22 dur=%226s%22 begin=%22-3.74s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22656.5%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%2297%22 height=%2233%22%3E%3Canimate attributeName=%22y%22 values=%2297;39;97%22 dur=%226s%22 begin=%22-3.96s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2233;91;33%22 dur=%226s%22 begin=%22-3.96s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22659.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22105%22%3E%3Canimate attributeName=%22y%22 values=%22105;47;105%22 dur=%226s%22 begin=%22-3.96s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22692.9%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%2296%22 height=%2234%22%3E%3Canimate attributeName=%22y%22 values=%2296;63;96%22 dur=%226s%22 begin=%22-4.18s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2234;67;34%22 dur=%226s%22 begin=%22-4.18s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22695.9%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22104%22%3E%3Canimate attributeName=%22y%22 values=%22104;71;104%22 dur=%226s%22 begin=%22-4.18s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22729.3%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2287%22 height=%2243%22%3E%3Canimate attributeName=%22y%22 values=%2287;40;87%22 dur=%226s%22 begin=%22-4.40s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2243;90;43%22 dur=%226s%22 begin=%22-4.40s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22732.3%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2295%22%3E%3Canimate attributeName=%22y%22 values=%2295;48;95%22 dur=%226s%22 begin=%22-4.40s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22765.6%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%22104%22 height=%2226%22%3E%3Canimate attributeName=%22y%22 values=%22104;58;104%22 dur=%226s%22 begin=%22-4.62s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2226;72;26%22 dur=%226s%22 begin=%22-4.62s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22768.6%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22112%22%3E%3Canimate attributeName=%22y%22 values=%22112;66;112%22 dur=%226s%22 begin=%22-4.62s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22802.0%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2286%22 height=%2244%22%3E%3Canimate attributeName=%22y%22 values=%2286;39;86%22 dur=%226s%22 begin=%22-4.84s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2244;91;44%22 dur=%226s%22 begin=%22-4.84s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22805.0%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2294%22%3E%3Canimate attributeName=%22y%22 values=%2294;47;94%22 dur=%226s%22 begin=%22-4.84s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22838.4%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%2288%22 height=%2242%22%3E%3Canimate attributeName=%22y%22 values=%2288;48;88%22 dur=%226s%22 begin=%22-5.06s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2242;82;42%22 dur=%226s%22 begin=%22-5.06s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22841.4%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2296%22%3E%3Canimate attributeName=%22y%22 values=%2296;56;96%22 dur=%226s%22 begin=%22-5.06s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22874.7%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%2291%22 height=%2239%22%3E%3Canimate attributeName=%22y%22 values=%2291;36;91%22 dur=%226s%22 begin=%22-5.28s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2239;94;39%22 dur=%226s%22 begin=%22-5.28s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22877.7%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2299%22%3E%3Canimate attributeName=%22y%22 values=%2299;44;99%22 dur=%226s%22 begin=%22-5.28s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22911.1%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2295%22 height=%2235%22%3E%3Canimate attributeName=%22y%22 values=%2295;40;95%22 dur=%226s%22 begin=%22-5.50s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2235;90;35%22 dur=%226s%22 begin=%22-5.50s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22914.1%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22103%22%3E%3Canimate attributeName=%22y%22 values=%22103;48;103%22 dur=%226s%22 begin=%22-5.50s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22947.5%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%2290%22 height=%2240%22%3E%3Canimate attributeName=%22y%22 values=%2290;52;90%22 dur=%226s%22 begin=%22-5.72s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2240;78;40%22 dur=%226s%22 begin=%22-5.72s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22950.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2298%22%3E%3Canimate attributeName=%22y%22 values=%2298;60;98%22 dur=%226s%22 begin=%22-5.72s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%22983.8%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2297%22 height=%2233%22%3E%3Canimate attributeName=%22y%22 values=%2297;50;97%22 dur=%226s%22 begin=%22-5.94s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2233;80;33%22 dur=%226s%22 begin=%22-5.94s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%22986.8%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22105%22%3E%3Canimate attributeName=%22y%22 values=%22105;58;105%22 dur=%226s%22 begin=%22-5.94s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221020.2%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%2296%22 height=%2234%22%3E%3Canimate attributeName=%22y%22 values=%2296;66;96%22 dur=%226s%22 begin=%22-0.16s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2234;64;34%22 dur=%226s%22 begin=%22-0.16s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221023.2%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22104%22%3E%3Canimate attributeName=%22y%22 values=%22104;74;104%22 dur=%226s%22 begin=%22-0.16s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221056.5%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%22102%22 height=%2228%22%3E%3Canimate attributeName=%22y%22 values=%22102;72;102%22 dur=%226s%22 begin=%22-0.38s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2228;58;28%22 dur=%226s%22 begin=%22-0.38s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221059.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22110%22%3E%3Canimate attributeName=%22y%22 values=%22110;80;110%22 dur=%226s%22 begin=%22-0.38s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221092.9%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2290%22 height=%2240%22%3E%3Canimate attributeName=%22y%22 values=%2290;45;90%22 dur=%226s%22 begin=%22-0.60s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2240;85;40%22 dur=%226s%22 begin=%22-0.60s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221095.9%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2298%22%3E%3Canimate attributeName=%22y%22 values=%2298;53;98%22 dur=%226s%22 begin=%22-0.60s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221129.3%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%2288%22 height=%2242%22%3E%3Canimate attributeName=%22y%22 values=%2288;26;88%22 dur=%226s%22 begin=%22-0.82s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2242;104;42%22 dur=%226s%22 begin=%22-0.82s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221132.3%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2296%22%3E%3Canimate attributeName=%22y%22 values=%2296;34;96%22 dur=%226s%22 begin=%22-0.82s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221165.6%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2289%22 height=%2241%22%3E%3Canimate attributeName=%22y%22 values=%2289;40;89%22 dur=%226s%22 begin=%22-1.04s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2241;90;41%22 dur=%226s%22 begin=%22-1.04s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221168.6%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2297%22%3E%3Canimate attributeName=%22y%22 values=%2297;48;97%22 dur=%226s%22 begin=%22-1.04s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221202.0%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%22100%22 height=%2230%22%3E%3Canimate attributeName=%22y%22 values=%22100;60;100%22 dur=%226s%22 begin=%22-1.26s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2230;70;30%22 dur=%226s%22 begin=%22-1.26s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221205.0%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22108%22%3E%3Canimate attributeName=%22y%22 values=%22108;68;108%22 dur=%226s%22 begin=%22-1.26s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221238.4%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%22102%22 height=%2228%22%3E%3Canimate attributeName=%22y%22 values=%22102;48;102%22 dur=%226s%22 begin=%22-1.48s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2228;82;28%22 dur=%226s%22 begin=%22-1.48s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221241.4%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22110%22%3E%3Canimate attributeName=%22y%22 values=%22110;56;110%22 dur=%226s%22 begin=%22-1.48s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221274.7%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2298%22 height=%2232%22%3E%3Canimate attributeName=%22y%22 values=%2298;42;98%22 dur=%226s%22 begin=%22-1.70s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2232;88;32%22 dur=%226s%22 begin=%22-1.70s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221277.7%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22106%22%3E%3Canimate attributeName=%22y%22 values=%22106;50;106%22 dur=%226s%22 begin=%22-1.70s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221311.1%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%2296%22 height=%2234%22%3E%3Canimate attributeName=%22y%22 values=%2296;57;96%22 dur=%226s%22 begin=%22-1.92s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2234;73;34%22 dur=%226s%22 begin=%22-1.92s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221314.1%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22104%22%3E%3Canimate attributeName=%22y%22 values=%22104;65;104%22 dur=%226s%22 begin=%22-1.92s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221347.5%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2293%22 height=%2237%22%3E%3Canimate attributeName=%22y%22 values=%2293;38;93%22 dur=%226s%22 begin=%22-2.14s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2237;92;37%22 dur=%226s%22 begin=%22-2.14s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221350.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22101%22%3E%3Canimate attributeName=%22y%22 values=%22101;46;101%22 dur=%226s%22 begin=%22-2.14s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221383.8%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%2286%22 height=%2244%22%3E%3Canimate attributeName=%22y%22 values=%2286;38;86%22 dur=%226s%22 begin=%22-2.36s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2244;92;44%22 dur=%226s%22 begin=%22-2.36s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221386.8%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2294%22%3E%3Canimate attributeName=%22y%22 values=%2294;46;94%22 dur=%226s%22 begin=%22-2.36s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221420.2%22 width=%2232.4%22 rx=%223%22 fill=%22%235b4fc4%22 y=%2287%22 height=%2243%22%3E%3Canimate attributeName=%22y%22 values=%2287;47;87%22 dur=%226s%22 begin=%22-2.58s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2243;83;43%22 dur=%226s%22 begin=%22-2.58s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221423.2%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%2295%22%3E%3Canimate attributeName=%22y%22 values=%2295;55;95%22 dur=%226s%22 begin=%22-2.58s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221456.5%22 width=%2232.4%22 rx=%223%22 fill=%22%23f2c230%22 y=%2294%22 height=%2236%22%3E%3Canimate attributeName=%22y%22 values=%2294;60;94%22 dur=%226s%22 begin=%22-2.80s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2236;70;36%22 dur=%226s%22 begin=%22-2.80s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221459.5%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22102%22%3E%3Canimate attributeName=%22y%22 values=%22102;68;102%22 dur=%226s%22 begin=%22-2.80s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221492.9%22 width=%2232.4%22 rx=%223%22 fill=%22%233e79c8%22 y=%22103%22 height=%2227%22%3E%3Canimate attributeName=%22y%22 values=%22103;61;103%22 dur=%226s%22 begin=%22-3.02s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2227;69;27%22 dur=%226s%22 begin=%22-3.02s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221495.9%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22111%22%3E%3Canimate attributeName=%22y%22 values=%22111;69;111%22 dur=%226s%22 begin=%22-3.02s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221529.3%22 width=%2232.4%22 rx=%223%22 fill=%22%230f9aa6%22 y=%2296%22 height=%2234%22%3E%3Canimate attributeName=%22y%22 values=%2296;53;96%22 dur=%226s%22 begin=%22-3.24s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2234;77;34%22 dur=%226s%22 begin=%22-3.24s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221532.3%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22104%22%3E%3Canimate attributeName=%22y%22 values=%22104;61;104%22 dur=%226s%22 begin=%22-3.24s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3Cg opacity=%22.92%22%3E%3Crect x=%221565.6%22 width=%2232.4%22 rx=%223%22 fill=%22%2358c5a2%22 y=%22101%22 height=%2229%22%3E%3Canimate attributeName=%22y%22 values=%22101;52;101%22 dur=%226s%22 begin=%22-3.46s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22height%22 values=%2229;78;29%22 dur=%226s%22 begin=%22-3.46s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3Crect x=%221568.6%22 width=%2226.4%22 height=%223.2%22 rx=%221.6%22 fill=%22%23fff%22 fill-opacity=%22.75%22 y=%22109%22%3E%3Canimate attributeName=%22y%22 values=%22109;60;109%22 dur=%226s%22 begin=%22-3.46s%22 calcMode=%22spline%22 keyTimes=%220;.5;1%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22 repeatCount=%22indefinite%22/%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
  --b-fly: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 340%22%3E%3Cg%3E%3Cg transform=%22translate(0,0) rotate(0) scale(0.85)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%23f2c230%22 stroke-width=%222.4%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.4%22 rx=%221.7%22 fill=%22%23f2c230%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%23f2c230%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223%22 rx=%221.5%22 fill=%22%23f2c230%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%227%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%23f2c230%22 fill-opacity=%22.55%22/%3E%3C/g%3E%3CanimateMotion path=%22M530,142 Q332.5,46 65,86%22 dur=%229.2s%22 begin=%22-3.3s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%229.2s%22 begin=%22-3.3s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg transform=%22translate(0,0) rotate(0) scale(1)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%230f9aa6%22 stroke-width=%222.4%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.4%22 rx=%221.7%22 fill=%22%230f9aa6%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%227%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3C/g%3E%3CanimateMotion path=%22M530,161 Q367.5,-5 135,35%22 dur=%2210.7s%22 begin=%22-10.4s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2210.7s%22 begin=%22-10.4s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%22-26%22 y=%22-11%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 stroke=%22%2329b4c9%22 stroke-width=%222%22/%3E%3Ctext y=%224.2%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2211%22 letter-spacing=%22.6%22 fill=%22%2329b4c9%22%3EDOI%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M530,129 Q401.0,34 202,74%22 dur=%2214.4s%22 begin=%22-4.2s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2214.4s%22 begin=%22-4.2s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg transform=%22translate(0,0) rotate(0) scale(0.85)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%2329b4c9%22 stroke-width=%222.4%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.4%22 rx=%221.7%22 fill=%22%2329b4c9%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%2329b4c9%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223%22 rx=%221.5%22 fill=%22%2329b4c9%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%227%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%2329b4c9%22 fill-opacity=%22.55%22/%3E%3C/g%3E%3CanimateMotion path=%22M530,162 Q448.0,122 296,178%22 dur=%2211.2s%22 begin=%22-5.1s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2211.2s%22 begin=%22-5.1s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%22-26%22 y=%22-11%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 stroke=%22%2358c5a2%22 stroke-width=%222%22/%3E%3Ctext y=%224.2%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2211%22 letter-spacing=%22.6%22 fill=%22%2358c5a2%22%3EPDF%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M530,157 Q425.5,117 251,173%22 dur=%2211.6s%22 begin=%22-2.4s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2211.6s%22 begin=%22-2.4s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%22-26%22 y=%22-11%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 stroke=%22%235b4fc4%22 stroke-width=%222%22/%3E%3Ctext y=%224.2%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2211%22 letter-spacing=%22.6%22 fill=%22%235b4fc4%22%3EHTML%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M530,127 Q407.0,87 214,185%22 dur=%2212.6s%22 begin=%22-12.2s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2212.6s%22 begin=%22-12.2s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg transform=%22translate(0,0) rotate(0) scale(1)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%230f9aa6%22 stroke-width=%222.4%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.4%22 rx=%221.7%22 fill=%22%230f9aa6%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%227%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3C/g%3E%3CanimateMotion path=%22M530,151 Q441.0,63 282,103%22 dur=%229.7s%22 begin=%22-5.2s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%229.7s%22 begin=%22-5.2s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%22-26%22 y=%22-11%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 stroke=%22%23f2c230%22 stroke-width=%222%22/%3E%3Ctext y=%224.2%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2211%22 letter-spacing=%22.6%22 fill=%22%23f2c230%22%3EHTML%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M670,145 Q801.5,97 1003,137%22 dur=%2210.5s%22 begin=%22-4.3s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2210.5s%22 begin=%22-4.3s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%22-26%22 y=%22-11%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 stroke=%22%23f2c230%22 stroke-width=%222%22/%3E%3Ctext y=%224.2%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2211%22 letter-spacing=%22.6%22 fill=%22%23f2c230%22%3EOPEN%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M670,151 Q859.5,111 1119,186%22 dur=%2214.0s%22 begin=%22-7.0s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2214.0s%22 begin=%22-7.0s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%22-26%22 y=%22-11%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 stroke=%22%2329b4c9%22 stroke-width=%222%22/%3E%3Ctext y=%224.2%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2211%22 letter-spacing=%22.6%22 fill=%22%2329b4c9%22%3EPDF%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M670,151 Q803.0,111 1006,155%22 dur=%2213.6s%22 begin=%22-5.7s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2213.6s%22 begin=%22-5.7s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg transform=%22translate(0,0) rotate(0) scale(1)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%23dd1367%22 stroke-width=%222.4%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.4%22 rx=%221.7%22 fill=%22%23dd1367%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%23dd1367%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223%22 rx=%221.5%22 fill=%22%23dd1367%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%227%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%23dd1367%22 fill-opacity=%22.55%22/%3E%3C/g%3E%3CanimateMotion path=%22M670,160 Q779.5,120 959,174%22 dur=%2214.9s%22 begin=%22-6.0s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2214.9s%22 begin=%22-6.0s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg transform=%22translate(0,0) rotate(0) scale(0.7)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%230f9aa6%22 stroke-width=%222.4%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.4%22 rx=%221.7%22 fill=%22%230f9aa6%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%227%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%230f9aa6%22 fill-opacity=%22.55%22/%3E%3C/g%3E%3CanimateMotion path=%22M670,125 Q849.0,81 1098,121%22 dur=%229.6s%22 begin=%22-2.0s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%229.6s%22 begin=%22-2.0s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%22-26%22 y=%22-11%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 stroke=%22%230f9aa6%22 stroke-width=%222%22/%3E%3Ctext y=%224.2%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2211%22 letter-spacing=%22.6%22 fill=%22%230f9aa6%22%3EISBN%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M670,163 Q870.5,68 1141,108%22 dur=%2213.8s%22 begin=%22-8.9s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2213.8s%22 begin=%22-8.9s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cg transform=%22translate(0,0) rotate(0) scale(1)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%2329b4c9%22 stroke-width=%222.4%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.4%22 rx=%221.7%22 fill=%22%2329b4c9%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%2329b4c9%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223%22 rx=%221.5%22 fill=%22%2329b4c9%22 fill-opacity=%22.55%22/%3E%3Crect x=%22-9%22 y=%227%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%2329b4c9%22 fill-opacity=%22.55%22/%3E%3C/g%3E%3CanimateMotion path=%22M670,154 Q850.0,70 1100,110%22 dur=%2214.7s%22 begin=%22-1.1s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.15;.7;1%22 dur=%2214.7s%22 begin=%22-1.1s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Ccircle cx=%22279%22 cy=%22155%22 r=%222%22 fill=%22%230f9aa6%22%3E%3Canimate attributeName=%22cy%22 values=%22155;72.75194793755361%22 dur=%227.5s%22 begin=%22-6.4s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%227.5s%22 begin=%22-6.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22795%22 cy=%22171%22 r=%222%22 fill=%22%233e79c8%22%3E%3Canimate attributeName=%22cy%22 values=%22171;118.49830502725706%22 dur=%226.9s%22 begin=%22-5.5s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.9s%22 begin=%22-1.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22243%22 cy=%22206%22 r=%222%22 fill=%22%233e79c8%22%3E%3Canimate attributeName=%22cy%22 values=%22206;152.402161496443%22 dur=%226.0s%22 begin=%22-3.3s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.0s%22 begin=%22-5.3s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22290%22 cy=%22221%22 r=%222%22 fill=%22%235b4fc4%22%3E%3Canimate attributeName=%22cy%22 values=%22221;148.1556302457057%22 dur=%226.3s%22 begin=%22-2.8s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.3s%22 begin=%22-0.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22803%22 cy=%2287%22 r=%222.6%22 fill=%22%2329b4c9%22%3E%3Canimate attributeName=%22cy%22 values=%2287;-1.9000464281477605%22 dur=%227.2s%22 begin=%22-1.0s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%227.2s%22 begin=%22-2.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22878%22 cy=%22186%22 r=%222%22 fill=%22%230f9aa6%22%3E%3Canimate attributeName=%22cy%22 values=%22186;141.51671011156265%22 dur=%225.0s%22 begin=%22-0.4s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%225.0s%22 begin=%22-2.7s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22476%22 cy=%22249%22 r=%222%22 fill=%22%2358c5a2%22%3E%3Canimate attributeName=%22cy%22 values=%22249;183.97299583536523%22 dur=%226.2s%22 begin=%22-0.6s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.2s%22 begin=%22-0.7s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22726%22 cy=%22272%22 r=%222%22 fill=%22%233e79c8%22%3E%3Canimate attributeName=%22cy%22 values=%22272;187.48229390242534%22 dur=%227.0s%22 begin=%22-5.5s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%227.0s%22 begin=%22-0.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22997%22 cy=%22107%22 r=%222%22 fill=%22%230f9aa6%22%3E%3Canimate attributeName=%22cy%22 values=%22107;40.00464124131847%22 dur=%226.2s%22 begin=%22-0.7s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.2s%22 begin=%22-3.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22466%22 cy=%2299%22 r=%222%22 fill=%22%2329b4c9%22%3E%3Canimate attributeName=%22cy%22 values=%2299;38.076949673326496%22 dur=%227.8s%22 begin=%22-2.0s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%227.8s%22 begin=%22-7.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2285%22 cy=%22100%22 r=%222.6%22 fill=%22%23f2c230%22%3E%3Canimate attributeName=%22cy%22 values=%22100;53.48987985651871%22 dur=%227.6s%22 begin=%22-3.7s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%227.6s%22 begin=%22-5.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22584%22 cy=%2278%22 r=%222%22 fill=%22%230f9aa6%22%3E%3Canimate attributeName=%22cy%22 values=%2278;16.164238668765876%22 dur=%226.0s%22 begin=%22-1.4s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.0s%22 begin=%22-1.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22979%22 cy=%2260%22 r=%222.6%22 fill=%22%2329b4c9%22%3E%3Canimate attributeName=%22cy%22 values=%2260;-8.593799692273123%22 dur=%225.2s%22 begin=%22-4.1s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%225.2s%22 begin=%22-3.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221054%22 cy=%22182%22 r=%222%22 fill=%22%235b4fc4%22%3E%3Canimate attributeName=%22cy%22 values=%22182;116.59865698847062%22 dur=%226.8s%22 begin=%22-1.0s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.8s%22 begin=%22-5.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22457%22 cy=%22219%22 r=%222.6%22 fill=%22%23f2c230%22%3E%3Canimate attributeName=%22cy%22 values=%22219;169.9008021474671%22 dur=%225.5s%22 begin=%22-3.7s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%225.5s%22 begin=%22-3.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22377%22 cy=%22285%22 r=%222%22 fill=%22%230f9aa6%22%3E%3Canimate attributeName=%22cy%22 values=%22285;202.48574692962438%22 dur=%225.8s%22 begin=%22-3.6s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%225.8s%22 begin=%22-0.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22499%22 cy=%22285%22 r=%222%22 fill=%22%23dd1367%22%3E%3Canimate attributeName=%22cy%22 values=%22285;224.6851388888694%22 dur=%225.7s%22 begin=%22-1.0s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%225.7s%22 begin=%22-5.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22708%22 cy=%22186%22 r=%222%22 fill=%22%23f2c230%22%3E%3Canimate attributeName=%22cy%22 values=%22186;139.74435821066885%22 dur=%228.0s%22 begin=%22-1.3s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%228.0s%22 begin=%22-4.7s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22595%22 cy=%22198%22 r=%221.5%22 fill=%22%230f9aa6%22%3E%3Canimate attributeName=%22cy%22 values=%22198;146.72747574898682%22 dur=%228.8s%22 begin=%22-5.7s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%228.8s%22 begin=%22-5.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22855%22 cy=%22208%22 r=%222.6%22 fill=%22%2329b4c9%22%3E%3Canimate attributeName=%22cy%22 values=%22208;143.28807256223607%22 dur=%228.3s%22 begin=%22-7.3s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%228.3s%22 begin=%22-2.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22589%22 cy=%22113%22 r=%222%22 fill=%22%23dd1367%22%3E%3Canimate attributeName=%22cy%22 values=%22113;39.068677144664335%22 dur=%226.5s%22 begin=%22-4.1s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.5s%22 begin=%22-6.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221015%22 cy=%22156%22 r=%222%22 fill=%22%230f9aa6%22%3E%3Canimate attributeName=%22cy%22 values=%22156;98.05206043651964%22 dur=%226.6s%22 begin=%22-2.9s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.6s%22 begin=%22-3.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22341%22 cy=%22275%22 r=%222.6%22 fill=%22%235b4fc4%22%3E%3Canimate attributeName=%22cy%22 values=%22275;212.3713516119679%22 dur=%226.8s%22 begin=%22-2.8s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.8s%22 begin=%22-2.7s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22109%22 cy=%22183%22 r=%222%22 fill=%22%23dd1367%22%3E%3Canimate attributeName=%22cy%22 values=%22183;104.71356058308436%22 dur=%226.8s%22 begin=%22-5.4s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%226.8s%22 begin=%22-6.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22866%22 cy=%22176%22 r=%222.6%22 fill=%22%233e79c8%22%3E%3Canimate attributeName=%22cy%22 values=%22176;87.02894345908439%22 dur=%227.6s%22 begin=%22-0.5s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%227.6s%22 begin=%22-7.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22152%22 cy=%2292%22 r=%222.6%22 fill=%22%233e79c8%22%3E%3Canimate attributeName=%22cy%22 values=%2292;8.834241058698254%22 dur=%225.2s%22 begin=%22-3.2s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.8;0%22 dur=%225.2s%22 begin=%22-3.7s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3C/svg%3E");
}

/* ---------- 1. Base ---------- */
html { scroll-behavior: smooth; }
body { font-family: var(--b-sans) !important; color: var(--b-ink); background: var(--b-bg) !important; -webkit-font-smoothing: antialiased; }
body a { color: var(--b-teal-d); text-underline-offset: .18em; }
body a:hover, body a:focus { color: var(--b-pink); }
h1, h2, h3, .page h1, .obj_monograph_full .title { font-family: var(--b-serif) !important; color: var(--b-navy); letter-spacing: -.01em; }
:focus-visible { outline: 3px solid var(--b-cyan); outline-offset: 2px; border-radius: 6px; }
.pkp_structure_page { background: transparent !important; box-shadow: none !important; border: 0 !important; }
::selection { background: #bdeef3; color: var(--b-navy); }

/* ---------- 2. Cabeçalho: estante digital ---------- */
@keyframes b-aurora { 0% { background-position: 0% 50%, 100% 40%, 50% 50%; } 100% { background-position: 100% 50%, 0% 60%, 50% 50%; } }
@keyframes b-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@keyframes b-glow { 0%, 100% { filter: drop-shadow(0 6px 14px rgba(15, 154, 166, .25)); } 50% { filter: drop-shadow(0 8px 26px rgba(41, 180, 201, .55)); } }
@keyframes b-stripe { to { background-position: 200% 0; } }

html body .pkp_structure_head { background: transparent !important; border: 0 !important; box-shadow: none !important; position: relative; z-index: 5; }
html body .pkp_head_wrapper {
  position: relative; overflow: hidden; isolation: isolate;
  min-height: var(--b-hero-h); padding: 0 !important;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  border-bottom: 1px solid rgba(15, 154, 166, .25);
  height: auto !important;
  background:
    linear-gradient(90deg, #f2c230, #58c5a2, #29b4c9, #5b4fc4, #dd1367, #f2c230) 0 0 / 100% 4px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,0), rgba(241,255,252,.5)) 0 100% / 100% 110px no-repeat,
    var(--b-shelf) center bottom / 100% 110px no-repeat,
    var(--b-fly) center calc(var(--b-hero-h) / 2 - var(--b-nav-h) / 2 - 40px) / min(100%, 1280px) auto no-repeat,
    radial-gradient(ellipse 22% 60% at 50% 34%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 100%) 0 0 / 100% 100% no-repeat,
    radial-gradient(rgba(15, 154, 166, .16) 1px, transparent 1.6px) 0 0 / 22px 22px,
    radial-gradient(ellipse 55% 100% at 86% 60%, rgba(41, 180, 201, .34), rgba(41, 180, 201, 0) 70%) 0 0 / 100% 100% no-repeat,
    linear-gradient(120deg, #f1fffc 0%, #dff6f7 48%, #c8ecf3 100%) !important;
}
html body .pkp_structure_head .pkp_site_name_wrapper, html body .pkp_structure_head .pkp_site_nav_menu { position: relative; z-index: 2; background: none !important; }
html body .pkp_head_wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; }
html body .pkp_site_name_wrapper { width: 100%; max-width: none !important; padding: clamp(2.2rem, 4vw, 3.2rem) 1rem 0 !important; margin: 0 !important; text-align: center; }
html body .pkp_structure_head .pkp_site_name { position: static !important; float: none !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; }
html body .pkp_structure_head .pkp_site_name .is_img, html body .pkp_structure_head .pkp_site_name > a { display: inline-block !important; }
html body .pkp_structure_head .pkp_site_name .is_img img {
  max-height: var(--b-logo-h) !important; width: auto !important; max-width: 100% !important; height: auto !important;
  animation: b-bob 6s ease-in-out infinite, b-glow 5s ease-in-out infinite;
  transform: perspective(700px) rotateY(calc(var(--mx, 0) * 10deg)) rotateX(calc(var(--my, 0) * -8deg)); transition: transform .18s ease-out;
}
html body .pkp_structure_head .pkp_site_name .is_text { font-family: var(--b-serif) !important; font-weight: 700; color: var(--b-navy) !important; font-size: clamp(1.8rem, 4vw, 2.8rem); }

/* ---------- 3. Menu em pílulas ---------- */
html body .pkp_structure_head .pkp_site_nav_menu { width: 100%; margin-top: auto; padding: 0 1rem clamp(1.1rem, 2.4vw, 1.9rem); background: none !important; }
html body .pkp_structure_head .pkp_navigation_primary_row { background: none !important; border: 0 !important; }
html body .pkp_structure_head .pkp_navigation_primary_wrapper { display: flex; justify-content: center; align-items: center; gap: .6rem; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
html body .pkp_structure_head .pkp_navigation_primary { display: flex !important; flex-wrap: wrap; justify-content: center; gap: .6rem; margin: 0 !important; padding: 0 !important; }
html body .pkp_structure_head .pkp_navigation_primary > li { margin: 0 !important; }
html body .pkp_structure_head .pkp_navigation_primary > li > a {
  display: inline-block; padding: .72rem 1.35rem !important; font: 700 .86rem/1 var(--b-sans) !important; letter-spacing: .01em; text-transform: none !important;
  color: var(--b-navy) !important; background: rgba(255, 255, 255, .92); border: 1px solid rgba(15, 154, 166, .28) !important; border-radius: 999px !important;
  box-shadow: 0 6px 16px rgba(4, 28, 61, .08); transition: transform .2s, box-shadow .2s, background .2s, color .2s;
}
html body .pkp_structure_head .pkp_navigation_primary > li > a:hover, html body .pkp_structure_head .pkp_navigation_primary > li > a:focus, html body .pkp_structure_head .pkp_navigation_primary > li:hover > a {
  color: #fff !important; background: linear-gradient(120deg, var(--b-teal), var(--b-cyan)) !important; border-color: transparent !important;
  transform: translateY(-2px); box-shadow: 0 12px 26px rgba(15, 154, 166, .35);
}
html body .pkp_structure_head .pkp_navigation_primary ul { background: #fff !important; border: 1px solid var(--b-line) !important; border-radius: 16px !important; box-shadow: 0 22px 44px rgba(4, 28, 61, .2) !important; padding: .5rem !important; overflow: hidden; }
html body .pkp_structure_head .pkp_navigation_primary ul a { color: var(--b-navy) !important; font: 600 .86rem/1.3 var(--b-sans) !important; border-radius: 10px; padding: .6rem .9rem !important; }
html body .pkp_structure_head .pkp_navigation_primary ul a:hover, html body .pkp_structure_head .pkp_navigation_primary ul a:focus { background: #e6f7f8 !important; color: var(--b-teal-d) !important; }
html body .pkp_structure_head .pkp_navigation_search_wrapper a { font-weight: 700; color: var(--b-navy) !important; }
html body .pkp_structure_head .pkp_navigation_user_wrapper { position: absolute; top: 14px; right: clamp(.8rem, 3vw, 2.4rem); z-index: 7; }
html body .pkp_structure_head .pkp_navigation_user > li > a { color: var(--b-navy) !important; background: rgba(255, 255, 255, .85); border-radius: 999px; padding: .35rem .9rem !important; box-shadow: 0 4px 12px rgba(4, 28, 61, .1); }
html body .pkp_structure_head .pkp_navigation_user .task_count { background: var(--b-yellow); color: var(--b-navy); }

/* ---------- 4. Conteúdo, cartões e catálogo ---------- */
.pkp_structure_content { padding-top: 1.6rem; }
html body .pkp_structure_main { background: transparent !important; }
html body .pkp_structure_main::before, html body .pkp_structure_main::after { display: none !important; }
.cmp_breadcrumbs, .cmp_breadcrumbs a { font-size: .85rem; }
html body .page > h1, html body .page_catalog > h1 { font-size: clamp(1.7rem, 3vw, 2.3rem); position: relative; padding-bottom: .5rem; }
html body .page > h1::after { content: ""; display: block; width: 64px; height: 4px; margin-top: .5rem; border-radius: 4px; background: linear-gradient(90deg, var(--b-yellow), var(--b-pink), var(--b-purple)); }
html body .obj_monograph_summary, html body .obj_monograph_full .sub_item, html body .page_about section {
  background: #fff; border: 1px solid var(--b-line); border-radius: var(--b-radius); box-shadow: var(--b-shadow);
}
html body .obj_monograph_summary { padding: 1.4rem 1.5rem; transition: transform .25s, box-shadow .25s, border-color .25s; position: relative; overflow: hidden; }
html body .obj_monograph_summary::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, var(--b-yellow), var(--b-pink), var(--b-purple)); opacity: 0; transition: opacity .25s; }
html body .obj_monograph_summary:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(4, 28, 61, .16); border-color: rgba(15, 154, 166, .5); }
html body .obj_monograph_summary:hover::before { opacity: 1; }
html body .obj_monograph_summary .cover img { border-radius: 8px; box-shadow: 0 12px 24px rgba(4, 28, 61, .28), 0 0 0 1px rgba(4, 28, 61, .08); transition: transform .3s; }
html body .obj_monograph_summary:hover .cover img { transform: rotate(-2deg) scale(1.04); }
html body .obj_monograph_summary .title a { font-family: var(--b-serif); color: var(--b-teal-d) !important; font-weight: 700; line-height: 1.3; text-decoration: none; }
html body .obj_monograph_summary .title a:hover { color: var(--b-pink) !important; }
html body .obj_monograph_summary .author, html body .obj_monograph_summary .date { color: var(--b-muted); font-size: .88rem; }
.page_catalog .pkp_screen_reader + .cmp_monographs_list, .cmp_monographs_list { gap: 1.2rem; }

/* página do livro */
html body .obj_monograph_full .cover img { border-radius: 10px; box-shadow: 0 22px 44px rgba(4, 28, 61, .32); }
html body .obj_monograph_full .main_entry, html body .obj_monograph_full .entry_details { background: #fff; border: 1px solid var(--b-line); border-radius: var(--b-radius); padding: 1.4rem 1.6rem; box-shadow: var(--b-shadow); }
html body .obj_monograph_full .abstract, html body .obj_monograph_full .description, html body .page p, html body .page li { text-align: justify; text-justify: inter-word; hyphens: auto; }
html body .obj_galley_link, html body .pkp_button, html body .cmp_button, html body .block_make_submission_link, html body button.submit, html body .obj_monograph_full .files a, html body .pkp_form button[type=submit] {
  display: inline-flex; align-items: center; gap: .4rem; padding: .62rem 1.3rem; border: 0 !important; border-radius: 999px !important;
  font: 700 .86rem/1.1 var(--b-sans) !important; color: var(--b-navy) !important; text-decoration: none; cursor: pointer;
  background: linear-gradient(120deg, #f7d553, var(--b-yellow)) !important; box-shadow: 0 8px 18px rgba(242, 194, 48, .38); transition: transform .2s, box-shadow .2s;
}
html body .obj_galley_link:hover, html body .pkp_button:hover, html body .cmp_button:hover, html body .block_make_submission_link:hover, html body button.submit:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(242, 194, 48, .5); color: var(--b-navy) !important; }
html body .obj_galley_link.pdf { background: linear-gradient(120deg, var(--b-teal), var(--b-cyan)) !important; color: #fff !important; box-shadow: 0 8px 18px rgba(15, 154, 166, .35); }
html body .obj_galley_link.pdf:hover { color: #fff !important; }
html body input[type=text], html body input[type=email], html body input[type=password], html body input[type=search], html body textarea, html body select {
  border: 1.5px solid var(--b-line); border-radius: 12px; padding: .6rem .85rem; background: #fff; font-family: var(--b-sans);
}
html body input:focus, html body textarea:focus, html body select:focus { border-color: var(--b-cyan); box-shadow: 0 0 0 4px rgba(41, 180, 201, .2); outline: 0; }

/* ---------- 5. Barra lateral ---------- */
html body .pkp_structure_sidebar { background: transparent !important; }
html body .pkp_block { background: #fff; border: 1px solid var(--b-line) !important; border-radius: var(--b-radius); padding: 1.2rem 1.3rem !important; margin-bottom: 1.2rem !important; box-shadow: var(--b-shadow); position: relative; overflow: hidden; }
html body .pkp_block::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--b-teal), var(--b-cyan), var(--b-yellow)); }
html body .pkp_block .title { font: 800 .72rem/1.2 var(--b-sans) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--b-teal-d) !important; padding-bottom: .55rem; margin-bottom: .7rem; border-bottom: 2px solid #d7eef0; }
html body .pkp_block ul { list-style: none; margin: 0; padding: 0; }
html body .pkp_block img { max-width: 100%; height: auto; }
html body .block_make_submission { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html body .block_make_submission::before { display: none; }

/* ---------- 6. Rodapé ---------- */
html body .pkp_structure_footer_wrapper::before, html body .pkp_structure_footer_wrapper::after, html body .pkp_structure_footer::before, html body .pkp_footer_content::before, html body .pkp_brand_footer::before { content: "" !important; display: block !important; inset: auto !important; }

@keyframes b-spines-unused { 0%, 100% { background-position: 0 100%; } 50% { background-position: 60px 100%; } }
html body .pkp_structure_footer_wrapper {
  position: relative; margin-top: 3rem; color: #d9eef1; border-top: 0 !important;
  background: linear-gradient(180deg, #06264a 0%, var(--b-navy) 60%, #031530 100%) !important;
  padding-bottom: 54px !important;
}
html body .pkp_structure_footer_wrapper::before { position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: auto !important; height: 5px !important; width: auto !important; transform: none !important; opacity: 1 !important; background: linear-gradient(90deg, var(--b-yellow), var(--b-green), var(--b-cyan), var(--b-purple), var(--b-pink), var(--b-yellow)) 0 0 / 200% 100%; animation: b-stripe 14s linear infinite !important; }
html body .pkp_structure_footer_wrapper::after { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: auto !important; height: 42px !important; pointer-events: none; background: var(--b-shelf) center bottom / 100% 100% no-repeat !important; opacity: .55; }
html body .pkp_structure_footer_wrapper a { color: #8fe3ee !important; }
html body .pkp_structure_footer_wrapper a:hover { color: var(--b-yellow) !important; }
html body .pkp_footer_content { background: none !important; border: 0 !important; box-shadow: none !important; }
html body .pkp_brand_footer { opacity: .85; }

/* ---------- 7. Celular e movimento reduzido ---------- */
@media (max-width: 991.98px) {
  :root { --b-hero-h: 380px; --b-logo-h: 96px; }
  html body .pkp_head_wrapper::before { background-size: 900px auto, 22px 22px; background-position: center 20px, 0 0; opacity: .8; }
  html body .pkp_structure_head .pkp_site_nav_menu { margin-top: .6rem; }
  html body .pkp_structure_head .pkp_navigation_user_wrapper { position: static; margin: .4rem auto 0; }
  html body .pkp_structure_head .pkp_navigation_primary > li > a { padding: .6rem 1.05rem !important; font-size: .8rem !important; }
  html body .pkp_head_wrapper::after { height: 70px; }
}


/* reset do posicionamento herdado (cabeçalho fixo/deslocado do JSIM) */
html body .pkp_structure_head { position: relative !important; top: auto !important; }
html body .pkp_structure_head .pkp_site_name_wrapper { padding: clamp(2.2rem, 4vw, 3.2rem) 1rem 0 !important; text-align: center !important; max-width: none !important; }
html body .pkp_structure_head .pkp_site_nav_menu, html body .pkp_structure_head .pkp_navigation_primary_row { height: auto !important; background: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; padding-left: 0 !important; padding-right: 0 !important; border-radius: 0 !important; position: relative !important; top: auto !important; }
html.paj-scrolled body .pkp_structure_head .pkp_navigation_primary_row { background: none !important; box-shadow: none !important; }
html body .pkp_structure_head .pkp_site_name_wrapper > *, html body .pkp_structure_head .pkp_navigation_primary_wrapper { transform: none !important; }
html body .pkp_structure_head .pkp_navigation_primary > li > a { color: var(--b-navy) !important; -webkit-text-fill-color: var(--b-navy); }
html body .pkp_structure_head .pkp_navigation_primary > li > a:hover, html body .pkp_structure_head .pkp_navigation_primary > li:hover > a { color: #fff !important; -webkit-text-fill-color: #fff; }
html body .pkp_structure_head .pkp_site_name .is_img img { filter: none; }

html body .pkp_structure_head .pkp_site_name_wrapper { display: flex !important; justify-content: center !important; align-items: flex-start !important; padding-left: 1rem !important; padding-right: 1rem !important; }
html body .pkp_structure_head .pkp_site_name { margin-left: auto !important; margin-right: auto !important; flex: 0 1 auto !important; }
html body .pkp_structure_head .pkp_site_name .is_img { color: initial !important; -webkit-text-fill-color: initial !important; background: none !important; }
html body .pkp_structure_head .pkp_navigation_primary > li > a { background: rgba(255, 255, 255, .92) !important; border: 1px solid rgba(15, 154, 166, .28) !important; border-radius: 999px !important; padding: .72rem 1.35rem !important; box-shadow: 0 6px 16px rgba(4, 28, 61, .08) !important; text-shadow: none !important; }
html body .pkp_structure_head .pkp_navigation_primary > li > a::before, html body .pkp_structure_head .pkp_navigation_primary > li > a::after { display: none !important; }
html body .pkp_structure_head .pkp_navigation_primary > li > a:hover, html body .pkp_structure_head .pkp_navigation_primary > li:hover > a { background: linear-gradient(120deg, #0f9aa6, #29b4c9) !important; border-color: transparent !important; }
html body .pkp_structure_head .pkp_navigation_primary > li > a[aria-haspopup] { padding-right: 1.6rem !important; }
html body .pkp_structure_head .pkp_navigation_search_wrapper a { background: rgba(255, 255, 255, .92) !important; border: 1px solid rgba(15, 154, 166, .28) !important; border-radius: 999px !important; padding: .72rem 1.2rem !important; color: var(--b-navy) !important; box-shadow: 0 6px 16px rgba(4, 28, 61, .08) !important; -webkit-text-fill-color: var(--b-navy); }
html body .pkp_structure_head .pkp_navigation_user_wrapper { position: absolute !important; top: 14px !important; right: clamp(.8rem, 3vw, 2.4rem) !important; left: auto !important; bottom: auto !important; }

html body .pkp_structure_head .pkp_site_nav_menu { position: static !important; }

html body .pkp_structure_head .pkp_head_wrapper { background:
    linear-gradient(90deg, #f2c230, #58c5a2, #29b4c9, #5b4fc4, #dd1367, #f2c230) 0 0 / 100% 4px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,0), rgba(241,255,252,.5)) 0 100% / 100% 110px no-repeat,
    var(--b-shelf) center bottom / 100% 110px no-repeat,
    var(--b-fly) center calc(var(--b-hero-h) / 2 - var(--b-nav-h) / 2 - 40px) / min(100%, 1280px) auto no-repeat,
    radial-gradient(ellipse 22% 60% at 50% 34%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 100%) 0 0 / 100% 100% no-repeat,
    radial-gradient(rgba(15, 154, 166, .16) 1px, transparent 1.6px) 0 0 / 22px 22px,
    radial-gradient(ellipse 55% 100% at 86% 60%, rgba(41, 180, 201, .34), rgba(41, 180, 201, 0) 70%) 0 0 / 100% 100% no-repeat,
    linear-gradient(120deg, #f1fffc 0%, #dff6f7 48%, #c8ecf3 100%) !important; border-radius: 0 !important; margin: 0 !important; width: 100% !important; }
html body .pkp_structure_head .pkp_navigation_user > li > a, html body .pkp_structure_head .pkp_navigation_user a { color: var(--b-navy) !important; -webkit-text-fill-color: var(--b-navy) !important; background: rgba(255, 255, 255, .9) !important; }
html body .pkp_structure_head .pkp_navigation_user .task_count { -webkit-text-fill-color: var(--b-navy) !important; }
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_head_wrapper { min-height: 380px !important; background-size: 100% 4px, 100% 70px, 100% 70px, 900px auto, 100% 100%, 22px 22px, 100% 100%, 100% 100% !important; background-position: 0 0, 0 100%, center bottom, center 30px, 0 0, 0 0, 0 0, 0 0 !important; }
  html body .pkp_structure_head .pkp_navigation_user_wrapper { position: absolute !important; top: 8px !important; right: 8px !important; margin: 0 !important; }
}

/* ==========================================================================
   ALUMNI IN BOOKS — CORREÇÕES: CATÁLOGO, METADADOS E REFERÊNCIAS
   Regra de ouro: nada de translate/transform/margens negativas no conteúdo (só cor,
   sombra e tipografia), para o layout não se mover nem quebrar. Quebra de linha
   segura em links longos (DOI, ORCID, URLs).
   ========================================================================== */

/* ---------- A. Catálogo: grade alinhada ao título ---------- */
html body .page_catalog { box-sizing: border-box; }
html body .page_catalog .cmp_monographs_list,
html body .page_catalog ul.monographs,
html body .page_catalog .monographs_list {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr)); gap: 1.1rem;
  margin: 1rem 0 1.4rem !important; padding: 0 !important; list-style: none !important; width: auto !important; max-width: 100% !important; float: none !important;
}
html body .page_catalog .cmp_monographs_list > li,
html body .page_catalog ul.monographs > li { margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; list-style: none !important; display: flex; }
html body .page_catalog .obj_monograph_summary {
  display: flex !important; flex-direction: row; align-items: flex-start; gap: 1.1rem; box-sizing: border-box;
  width: 100% !important; margin: 0 !important; padding: 1.1rem 1.2rem !important; float: none !important; min-height: 0;
  transform: none !important; transition: box-shadow .25s ease, border-color .25s ease;
}
html body .page_catalog .obj_monograph_summary:hover { transform: none !important; }
html body .page_catalog .obj_monograph_summary .cover { flex: 0 0 92px; width: 92px !important; margin: 0 !important; float: none !important; padding: 0 !important; }
html body .page_catalog .obj_monograph_summary .cover img { display: block; width: 100% !important; height: auto !important; max-width: 100% !important; transform: none !important; border-radius: 6px; }
html body .page_catalog .obj_monograph_summary:hover .cover img { transform: none !important; }
html body .page_catalog .obj_monograph_summary .cover + *, html body .page_catalog .obj_monograph_summary > div:not(.cover) { min-width: 0; flex: 1 1 auto; }
html body .page_catalog .obj_monograph_summary .title, html body .page_catalog .obj_monograph_summary .title a { font-size: 1.02rem !important; line-height: 1.32; margin: 0 0 .4rem !important; text-align: left !important; hyphens: none !important; overflow-wrap: break-word; }
html body .page_catalog .obj_monograph_summary .author, html body .page_catalog .obj_monograph_summary .authors {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  font-size: .84rem; line-height: 1.45; margin: 0 0 .35rem !important; text-align: left !important; hyphens: none !important;
}
html body .page_catalog .obj_monograph_summary .date { font-size: .8rem; margin: 0 !important; text-align: left !important; }
html body .page_catalog .cmp_monographs_list ~ *, html body .page_catalog .monograph_count, html body .page_catalog .pagination_count { text-align: right; font-size: .85rem; color: var(--b-muted); }
html body .page_catalog h1 { margin-bottom: .6rem; }
@media (max-width: 575.98px) {
  html body .page_catalog .cmp_monographs_list { grid-template-columns: 1fr; }
  html body .page_catalog .obj_monograph_summary .cover { flex-basis: 76px; width: 76px !important; }
}

/* ---------- B. Página do livro: metadados em linhas limpas (sem "pílulas") ---------- */
html body .obj_monograph_full { box-sizing: border-box; font-size: 1rem; line-height: 1.65; }
html body .obj_monograph_full .title, html body .obj_monograph_full h1 { font-size: clamp(1.45rem, 2.4vw, 1.9rem) !important; line-height: 1.25; margin: 0 0 1rem; text-align: left; hyphens: none; }
html body .obj_monograph_full .label,
html body .obj_monograph_full .item > .label,
html body .obj_monograph_full .sub_item > .label,
html body .obj_monograph_full .item > h2, html body .obj_monograph_full .item > h3 {
  display: block !important; width: auto !important; max-width: none !important; margin: 0 0 .3rem !important; padding: 0 !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
  font: 700 .72rem/1.3 var(--b-sans) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--b-teal-d) !important; text-align: left !important;
}
html body .obj_monograph_full .item.abstract > .label, html body .obj_monograph_full .item.abstract > h3,
html body .obj_monograph_full .item.references > .label, html body .obj_monograph_full .item.references > h3,
html body .obj_monograph_full .item.author_bios > .label, html body .obj_monograph_full .item.author_bios > h3 {
  font: 700 1.05rem/1.3 var(--b-serif) !important; letter-spacing: 0; text-transform: none; color: var(--b-navy) !important;
  padding-bottom: .5rem !important; margin-bottom: .8rem !important; border-bottom: 2px solid #d7eef0 !important;
}
html body .obj_monograph_full .item {
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
  margin: 0 0 1.15rem !important; padding: 0 !important; width: auto !important; max-width: 100% !important; float: none !important; text-align: left;
}
/* autores */
html body .obj_monograph_full .authors, html body .obj_monograph_full .item.authors { margin: 0 0 1rem !important; padding: 0 !important; list-style: none; }
html body .obj_monograph_full .authors .author, html body .obj_monograph_full .authors li, html body .obj_monograph_full .item.authors > div {
  display: block; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 .7rem !important; list-style: none;
}
html body .obj_monograph_full .authors .name, html body .obj_monograph_full .authors strong { display: inline; background: none !important; border: 0 !important; padding: 0 !important; font: 700 1.02rem/1.4 var(--b-sans) !important; color: var(--b-navy) !important; }
html body .obj_monograph_full .authors .affiliation { display: block; font-size: .9rem; color: var(--b-muted); text-align: left !important; hyphens: none !important; }
html body .obj_monograph_full .authors .orcid, html body .obj_monograph_full .authors .orcid a { display: inline-block; font-size: .82rem !important; font-weight: 500 !important; overflow-wrap: anywhere; word-break: break-word; }
/* DOI, palavras-chave, ISBN: "Rótulo: valor" na mesma linha */
html body .obj_monograph_full .item.doi, html body .obj_monograph_full .item.keywords, html body .obj_monograph_full .item.identification_code {
  display: block; font: 400 .95rem/1.6 var(--b-sans) !important; color: inherit !important;
}
html body .obj_monograph_full .item.doi > .label, html body .obj_monograph_full .item.keywords > .label { display: inline !important; margin: 0 .35rem 0 0 !important; }
html body .obj_monograph_full .item.doi .value, html body .obj_monograph_full .item.keywords .value {
  display: inline !important; margin: 0 !important; font: 400 .95rem/1.6 var(--b-sans) !important; text-align: left !important; hyphens: none !important; overflow-wrap: anywhere; word-break: break-word; background: none !important; padding: 0 !important; border: 0 !important;
}
html body .obj_monograph_full .item.doi a { font-family: var(--b-sans) !important; font-size: .93rem !important; overflow-wrap: anywhere; word-break: break-all; }
/* sinopse: único bloco justificado */
html body .obj_monograph_full .item.abstract, html body .obj_monograph_full .item.abstract p { text-align: justify !important; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; font-size: 1rem; line-height: 1.75; }
html body .obj_monograph_full .item.abstract p { margin: 0 0 .9rem; }
/* coluna de detalhes (capa, arquivos, datas, série, licença...) */
html body .obj_monograph_full .entry_details { box-sizing: border-box; font-size: .92rem; line-height: 1.55; }
html body .obj_monograph_full .entry_details .item { padding: 0 0 .9rem !important; margin: 0 0 .9rem !important; border-bottom: 1px solid var(--b-line) !important; }
html body .obj_monograph_full .entry_details .item:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; }
html body .obj_monograph_full .entry_details .value, html body .obj_monograph_full .entry_details .sub_item { margin: 0 !important; padding: 0 !important; font-size: .92rem; text-align: left !important; hyphens: none !important; overflow-wrap: anywhere; background: none !important; border: 0 !important; }
html body .obj_monograph_full .entry_details .cover_image, html body .obj_monograph_full .entry_details .item.cover { text-align: center !important; }
html body .obj_monograph_full .entry_details img { max-width: 100%; height: auto; transform: none !important; }
html body .obj_monograph_full .entry_details img:hover { transform: none !important; }
html body .obj_monograph_full .entry_details .item.files a, html body .obj_monograph_full .item.files a, html body .obj_monograph_full a.obj_galley_link { display: inline-flex; width: auto; max-width: 100%; margin: 0 .4rem .4rem 0; padding: .5rem 1rem; font-size: .82rem; transform: none !important; }
/* como citar: botões em linha */
html body .obj_monograph_full .citation_formats { margin-top: .4rem; }
html body .obj_monograph_full .citation_formats_button, html body .obj_monograph_full .cmp_button_wire, html body .obj_monograph_full .citation_formats_list a {
  display: inline-block !important; width: auto !important; margin: 0 .35rem .35rem 0 !important; padding: .35rem .8rem !important; font: 700 .78rem/1.2 var(--b-sans) !important;
  color: var(--b-teal-d) !important; background: #eefafb !important; border: 1px solid #c3e6ea !important; border-radius: 999px !important; box-shadow: none !important; text-align: center; transform: none !important;
}
html body .obj_monograph_full .citation_formats ul, html body .obj_monograph_full .citation_formats_list { list-style: none; margin: .3rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .1rem; }
html body .obj_monograph_full .citation_display { font-size: .86rem; line-height: 1.55; text-align: left !important; hyphens: none !important; background: #f2fafb; border-left: 3px solid var(--b-cyan); border-radius: 0 8px 8px 0; padding: .6rem .8rem; }
html body .obj_monograph_full .item.copyright .value, html body .obj_monograph_full .item.license .value, html body .obj_monograph_full .item.license p { text-align: left !important; hyphens: none !important; }
/* biografia dos autores */
html body .obj_monograph_full .item.author_bios .sub_item, html body .obj_monograph_full .item.author_bios .bio { background: none !important; border: 0 !important; padding: 0 !important; text-align: left; }
html body .obj_monograph_full .item.author_bios .sub_item > .label { font: 700 .98rem/1.35 var(--b-sans) !important; letter-spacing: 0; text-transform: none; color: var(--b-navy) !important; border: 0 !important; }

/* ---------- C. Referências: lista limpa, sem hifenização forçada ---------- */
html body .obj_monograph_full .item.references, html body .obj_monograph_full .references { font-size: .92rem; line-height: 1.6; text-align: left !important; }
html body .obj_monograph_full .item.references p, html body .obj_monograph_full .item.references li, html body .obj_monograph_full .item.references .value > div, html body .obj_monograph_full .references p, html body .obj_monograph_full .references li {
  text-align: left !important; text-justify: auto; hyphens: none !important; -webkit-hyphens: none !important; word-break: normal; overflow-wrap: break-word;
  margin: 0 0 .65rem !important; padding: 0 0 0 1.9rem !important; text-indent: -1.9rem !important; border: 0 !important; max-width: 100%; list-style: none;
}
html body .obj_monograph_full .item.references a, html body .obj_monograph_full .references a { overflow-wrap: anywhere; word-break: break-all; }
html body .obj_monograph_full .item.references .value { background: none !important; padding: 0 !important; border: 0 !important; }
@media (max-width: 767.98px) {
  html body .obj_monograph_full .item.references p, html body .obj_monograph_full .item.references li, html body .obj_monograph_full .references p { padding-left: 0 !important; text-indent: 0 !important; }
}

/* ---------- D. Sem deslocamentos: conteúdo estático, só cor/sombra mudam ---------- */
html body .pkp_structure_main a:hover, html body .pkp_structure_main button:hover, html body .pkp_structure_main .obj_monograph_summary:hover,
html body .pkp_structure_main .obj_galley_link:hover, html body .pkp_structure_main .pkp_button:hover { transform: none !important; }
html body .pkp_structure_main, html body .pkp_structure_content { overflow-wrap: break-word; }
html body .pkp_structure_main img { max-width: 100%; height: auto; }
/* texto corrido do site continua justificado, exceto listas/metadados curtos */
html body .pkp_structure_main .cmp_breadcrumbs li, html body .pkp_structure_main nav li, html body .pkp_structure_main .obj_monograph_summary *, html body .pkp_structure_main .cmp_pagination li { text-align: left !important; hyphens: none !important; }

/* ==========================================================================
   CATÁLOGO — CARD EM GRADE (capa | título, autores, data empilhados)
   Corrige colunas espremidas ("ma/io/9,/20/25"). Independe do wrapper da página.
   ========================================================================== */
html body .cmp_monographs_list, html body ul.cmp_monographs_list {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)) !important; gap: 1.1rem !important;
  margin: 1rem 0 1.4rem !important; padding: 0 !important; list-style: none !important; width: auto !important; max-width: 100% !important; float: none !important;
}
html body .cmp_monographs_list > li { margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; min-width: 0; list-style: none !important; display: block !important; }
html body .obj_monograph_summary {
  display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; grid-template-rows: auto auto auto 1fr; column-gap: 1.1rem; row-gap: .35rem; align-items: start;
  box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 1.1rem 1.2rem !important; float: none !important; transform: none !important; flex-direction: unset !important;
}
html body .obj_monograph_summary > * { grid-column: 2 !important; min-width: 0 !important; width: auto !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; flex: none !important; text-align: left !important; }
html body .obj_monograph_summary > .cover, html body .obj_monograph_summary > a.cover, html body .obj_monograph_summary > :first-child:has(img) { grid-column: 1 !important; grid-row: 1 / span 4 !important; width: 96px !important; }
html body .obj_monograph_summary .cover img { width: 100% !important; height: auto !important; display: block; transform: none !important; }
html body .obj_monograph_summary .title, html body .obj_monograph_summary .title a { font-size: 1.02rem !important; line-height: 1.32 !important; hyphens: none !important; word-break: normal !important; overflow-wrap: break-word; }
html body .obj_monograph_summary .author, html body .obj_monograph_summary .authors, html body .obj_monograph_summary .author a {
  font-size: .84rem !important; line-height: 1.45 !important; hyphens: none !important; word-break: normal !important; overflow-wrap: break-word; white-space: normal !important;
}
html body .obj_monograph_summary .author, html body .obj_monograph_summary .authors { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body .obj_monograph_summary .date, html body .obj_monograph_summary .published, html body .obj_monograph_summary time {
  font-size: .8rem !important; white-space: nowrap !important; word-break: normal !important; hyphens: none !important; overflow-wrap: normal !important; width: auto !important;
}
@media (max-width: 575.98px) {
  html body .obj_monograph_summary { grid-template-columns: 74px minmax(0, 1fr) !important; }
  html body .obj_monograph_summary > .cover, html body .obj_monograph_summary > a.cover { width: 74px !important; }
}

/* ==========================================================================
   MOBILE — OTIMIZAÇÃO (celulares e tablets)
   ========================================================================== */
/* card do catálogo: força a grade (vence regra flex anterior) */
html body .pkp_structure_page .obj_monograph_summary.obj_monograph_summary {
  display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; column-gap: 1.1rem; row-gap: .35rem; align-items: start; overflow: hidden;
}
html body .pkp_structure_page .obj_monograph_summary.obj_monograph_summary > * { grid-column: 2 !important; }
html body .pkp_structure_page .obj_monograph_summary.obj_monograph_summary > .cover,
html body .pkp_structure_page .obj_monograph_summary.obj_monograph_summary > a.cover { grid-column: 1 !important; grid-row: 1 / span 4 !important; }
@media (max-width: 575.98px) {
  html body .pkp_structure_page .obj_monograph_summary.obj_monograph_summary { grid-template-columns: 78px minmax(0, 1fr) !important; column-gap: .85rem; padding: .9rem !important; }
  html body .pkp_structure_page .obj_monograph_summary.obj_monograph_summary > .cover { width: 78px !important; }
  html body .obj_monograph_summary .title, html body .obj_monograph_summary .title a { font-size: .96rem !important; }
}
@media (max-width: 991.98px) {
  html body .pkp_structure_page { overflow-x: hidden; }
  html body .pkp_structure_head .pkp_head_wrapper { padding-bottom: 1rem !important; }
  html body .pkp_structure_head .pkp_site_name_wrapper { padding: 3.2rem 1rem .4rem !important; text-align: center !important; }
  html body .pkp_structure_head .pkp_site_name, html body .pkp_structure_head .pkp_site_name a { text-align: center !important; justify-content: center; }
  html body .pkp_structure_head .pkp_site_name .is_img img { max-height: var(--b-logo-h, 96px) !important; max-width: 88% !important; width: auto !important; height: auto !important; }
  html body .pkp_structure_head .pkp_navigation_primary { display: flex !important; flex-wrap: wrap; justify-content: center; gap: .45rem; margin: 0 !important; padding: 0 .6rem !important; }
  html body .pkp_structure_head .pkp_navigation_primary > li { margin: 0 !important; float: none !important; }
  html body .pkp_structure_head .pkp_navigation_primary > li > a { padding: .55rem .9rem !important; font-size: .74rem !important; min-height: 40px; display: inline-flex; align-items: center; }
  html body .pkp_structure_head .pkp_navigation_search_wrapper { text-align: center; margin-top: .5rem; }
  html body .pkp_structure_head .pkp_navigation_user_wrapper { top: 8px !important; right: 8px !important; }
  html body .pkp_structure_head .pkp_site_nav_toggle { min-width: 44px; min-height: 44px; }
  html body .pkp_structure_main, html body .pkp_structure_content, html body .pkp_structure_sidebar { padding-left: 14px !important; padding-right: 14px !important; width: 100% !important; max-width: 100% !important; float: none !important; box-sizing: border-box; }
  html body .pkp_structure_content { display: block !important; }
  html body .pkp_structure_sidebar { margin-top: 1.5rem; }
  html body table { display: block; max-width: 100%; overflow-x: auto; }
  html body .obj_monograph_full .row { display: block !important; }
  html body .obj_monograph_full .main_entry, html body .obj_monograph_full .entry_details { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 0 1.2rem !important; }
  html body .obj_monograph_full .entry_details .cover img { max-width: 200px; margin: 0 auto; display: block; }
  html body .pkp_button, html body .obj_galley_link, html body .cmp_button { min-height: 44px; }
  html body .pkp_structure_footer_wrapper .pkp_structure_footer { padding-left: 16px !important; padding-right: 16px !important; text-align: center; }
}
@media (max-width: 575.98px) {
  html body .page_catalog h1, html body .obj_monograph_full h1 { font-size: 1.5rem !important; }
  html body .obj_monograph_full .item.doi a { word-break: break-all; }
}
@media (max-width: 991.98px) {
  html body .pkp_structure_page .pkp_structure_head .pkp_navigation_primary_wrapper ul.pkp_navigation_primary { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center; width: 100% !important; margin: 0 auto !important; padding: 0 .6rem !important; }
  html body .pkp_structure_page .pkp_structure_head .pkp_navigation_primary_wrapper ul.pkp_navigation_primary > li { display: block !important; width: auto !important; margin: 0 !important; float: none !important; }
  html body .pkp_structure_page .pkp_structure_head .pkp_navigation_primary_wrapper, html body .pkp_structure_page .pkp_structure_head .pkp_navigation_primary_row { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center; }
}

/* ==========================================================================
   PADRONIZAÇÃO VISUAL (HOME + SIDEBAR + CONTEÚDO)
   Um único sistema: mesmo raio, mesma borda, mesma sombra, mesmo ritmo vertical,
   mesmos títulos de seção e mesmos botões. Sem transform/margem negativa.
   ========================================================================== */
:root {
  --u-radius: 18px;          /* raio único: cards, hero, blocos, sidebar */
  --u-radius-sm: 12px;       /* itens internos (chips de dentro de cards) */
  --u-border: 1px solid var(--b-line, #dbe9ec);
  --u-shadow: 0 6px 18px rgba(4, 28, 61, .07);
  --u-gap: 1.25rem;          /* espaço entre cards */
  --u-section: 2.6rem;       /* espaço entre seções */
  --u-pad: 1.25rem;          /* respiro interno dos cards */
  --u-btn-h: 44px;
}

/* A. Alinhamento: conteúdo e sidebar começam na mesma linha e usam as bordas da coluna */
html body .pkp_structure_main { padding-top: 0 !important; box-sizing: border-box; }
html body .pkp_structure_sidebar { margin-top: 0 !important; padding-top: 0 !important; }
html body .pkp_structure_sidebar .pkp_block:first-child { margin-top: 0 !important; }
html body .pkp_structure_main > .page, html body .pkp_structure_main .page_index_press, html body .pkp_structure_main .page_index_site,
html body .page_index_press .additional_content, html body .page_index_site .additional_content, html body .page_index_press .homepage_about {
  margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box;
}
html body .additional_content > *, html body .homepage_about > * { max-width: 100% !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; }
html body .additional_content > * + *, html body .homepage_about > * + * { margin-top: var(--u-section) !important; }
html body .additional_content > *:first-child { margin-top: 0 !important; }

/* B. Raio, borda e sombra únicos para qualquer "caixa" da home e do conteúdo */
html body .additional_content section, html body .additional_content article,
html body .additional_content [class*="hero"], html body .additional_content [class*="banner"], html body .additional_content [class*="cta"],
html body .additional_content [class*="card"], html body .additional_content [class*="box"], html body .additional_content [class*="item"],
html body .additional_content [class*="tile"], html body .additional_content [class*="panel"],
html body .pkp_structure_sidebar .pkp_block, html body .obj_monograph_summary, html body .obj_series_summary {
  border-radius: var(--u-radius) !important;
}
html body .additional_content [class*="card"], html body .additional_content [class*="box"], html body .additional_content [class*="tile"],
html body .additional_content [class*="panel"], html body .additional_content [class*="partner"], html body .additional_content [class*="apoio"],
html body .pkp_structure_sidebar .pkp_block, html body .obj_monograph_summary {
  border: var(--u-border); box-shadow: var(--u-shadow);
}
/* cards dentro de cards (ex.: DOI/Altmetrics/ODS) usam o raio menor e sem sombra para não "flutuarem" */
html body .additional_content [class*="card"] [class*="card"], html body .additional_content [class*="box"] [class*="box"] { border-radius: var(--u-radius-sm) !important; box-shadow: none !important; }

/* C. Grades com o mesmo espaçamento */
html body .additional_content [class*="grid"], html body .additional_content [class*="cards"], html body .additional_content [class*="list"] { gap: var(--u-gap) !important; }
html body .additional_content [class*="grid"] > *, html body .additional_content [class*="cards"] > * { margin: 0 !important; min-width: 0; }

/* D. Títulos de seção padronizados (mesmo tamanho, mesma linha de destaque, mesma distância) */
html body .additional_content h2, html body .homepage_about h2 {
  font: 700 clamp(1.35rem, 2.2vw, 1.7rem)/1.25 var(--b-serif) !important; color: var(--b-navy) !important; text-align: left !important;
  margin: 0 0 1rem !important; padding: 0 0 .7rem !important; position: relative; border: 0 !important; background: none !important;
}
html body .additional_content h2::after, html body .homepage_about h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, #f2c230, #29b4c9, #5b4fc4, #dd1367); }
html body .additional_content h3, html body .homepage_about h3 { font: 700 1.02rem/1.3 var(--b-sans) !important; color: var(--b-navy) !important; margin: 0 0 .4rem !important; text-align: left !important; }
html body .additional_content p, html body .homepage_about p { font: 400 1rem/1.7 var(--b-sans); margin: 0 0 1rem; text-align: left; hyphens: none; }
html body .additional_content p:last-child { margin-bottom: 0; }
html body .additional_content :is(section, div) > p:only-of-type { text-align: justify; hyphens: auto; }

/* E. Botões: mesma altura, mesmo raio, mesma tipografia (primário amarelo / secundário contorno) */
html body .additional_content a[class*="btn"], html body .additional_content a[class*="button"], html body .additional_content button {
  display: inline-flex; align-items: center; justify-content: center; min-height: var(--u-btn-h); padding: 0 1.3rem !important; border-radius: 999px !important;
  font: 700 .92rem/1 var(--b-sans) !important; text-decoration: none !important; box-shadow: none; transform: none !important; box-sizing: border-box;
}
html body .additional_content [class*="actions"], html body .additional_content [class*="buttons"], html body .additional_content [class*="cta"] > div { display: flex; flex-wrap: wrap; gap: .75rem; }

/* F. Chips/etiquetas: um só tamanho */
html body .additional_content [class*="chip"], html body .additional_content [class*="pill"], html body .additional_content [class*="tag"], html body .additional_content [class*="badge"] {
  display: inline-flex; align-items: center; padding: .28rem .75rem; border-radius: 999px; font: 700 .74rem/1.2 var(--b-sans); letter-spacing: .02em;
}

/* G. Formatos (PDF, ePub, Vídeo...) — blocos iguais, mesma altura e raio */
html body .additional_content [class*="format"] { gap: var(--u-gap); }
html body .additional_content [class*="format"] > * { min-height: 56px; display: flex; align-items: center; justify-content: center; border-radius: var(--u-radius-sm) !important; font: 700 .95rem/1.2 var(--b-sans); }

/* H. Sidebar: blocos com a mesma estrutura dos cards do conteúdo */
html body .pkp_structure_sidebar .pkp_block { margin: 0 0 var(--u-gap) !important; padding: var(--u-pad) !important; box-sizing: border-box; overflow: hidden; }
html body .pkp_structure_sidebar .pkp_block:last-child { margin-bottom: 0 !important; }
html body .pkp_structure_sidebar .pkp_block img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
html body .pkp_structure_sidebar .pkp_block .title { margin: 0 0 .8rem !important; }
html body .pkp_structure_sidebar .pkp_block ul { margin: 0; padding: 0; list-style: none; }

/* I. Cartões de apoio institucional e semelhantes: ícone + texto alinhados, altura uniforme */
html body .additional_content [class*="partner"], html body .additional_content [class*="apoio"], html body .additional_content [class*="inst"] { align-items: center; }

@media (max-width: 767.98px) {
  :root { --u-section: 2rem; --u-gap: 1rem; --u-pad: 1rem; }
  html body .additional_content :is(section, div) > p:only-of-type { text-align: left; hyphens: none; }
  html body .additional_content [class*="grid"], html body .additional_content [class*="cards"] { grid-template-columns: 1fr !important; }
  html body .additional_content [class*="format"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ==========================================================================
   PÁGINA DO LIVRO — CARDS COM DESTAQUE (dados da obra + blocos do conteúdo)
   Cada dado vira um card: faixa de cor à esquerda, fundo suave, rótulo pequeno,
   valor legível. Nada de pílulas internas, sombras duplicadas ou sobreposição.
   ========================================================================== */
/* limpa tudo que vinha "pílula" dentro dos itens */
html body .obj_monograph_full .entry_details .value, html body .obj_monograph_full .entry_details .sub_item,
html body .obj_monograph_full .entry_details .item > div, html body .obj_monograph_full .main_entry .item .value {
  background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; position: static !important; min-height: 0 !important; height: auto !important;
}

/* coluna "dados da obra": caixa externa discreta + cards internos */
html body .obj_monograph_full .entry_details {
  background: #f4fafb !important; border: var(--u-border, 1px solid #dbe9ec) !important; border-radius: var(--u-radius, 18px) !important; box-shadow: none !important;
  padding: 1rem !important; display: flex; flex-direction: column; gap: .75rem;
}
html body .obj_monograph_full .entry_details .item {
  position: relative; display: block; box-sizing: border-box; background: #fff !important; border: 1px solid var(--b-line, #dbe9ec) !important; border-left: 4px solid var(--b-teal, #0f9aa6) !important;
  border-radius: 12px !important; box-shadow: 0 3px 10px rgba(4, 28, 61, .06) !important; padding: .7rem .9rem .75rem !important; margin: 0 !important; overflow: hidden;
}
html body .obj_monograph_full .entry_details .item:last-child { margin: 0 !important; border-bottom: 1px solid var(--b-line, #dbe9ec) !important; }
/* cores de destaque por tipo de dado */
html body .obj_monograph_full .entry_details .item.published, html body .obj_monograph_full .entry_details .item.date_published { border-left-color: #f2c230 !important; }
html body .obj_monograph_full .entry_details .item.series { border-left-color: #5b4fc4 !important; }
html body .obj_monograph_full .entry_details .item.categories { border-left-color: #58c5a2 !important; }
html body .obj_monograph_full .entry_details .item.citation { border-left-color: #29b4c9 !important; }
html body .obj_monograph_full .entry_details .item.copyright, html body .obj_monograph_full .entry_details .item.license { border-left-color: #dd1367 !important; }
html body .obj_monograph_full .entry_details .item.identification_code, html body .obj_monograph_full .entry_details .item.pubIdPlugin_DOIPlugin { border-left-color: #0a6f7a !important; }
/* capa e arquivos: sem faixa, centralizados, sem caixa */
html body .obj_monograph_full .entry_details .item.cover_image, html body .obj_monograph_full .entry_details .item.cover {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: .2rem 0 .4rem !important; text-align: center !important; overflow: visible;
}
html body .obj_monograph_full .entry_details .item.cover_image img, html body .obj_monograph_full .entry_details .item.cover img { max-width: 170px; margin: 0 auto; display: block; border-radius: 6px; box-shadow: 0 10px 24px rgba(4, 28, 61, .22); }
html body .obj_monograph_full .entry_details .item.files { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; text-align: center; overflow: visible; }
/* rótulo e valor dentro do card */
html body .obj_monograph_full .entry_details .item > .label, html body .obj_monograph_full .entry_details .item .sub_item > .label {
  display: block !important; margin: 0 0 .25rem !important; font: 700 .68rem/1.3 var(--b-sans) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--b-teal-d, #0a6f7a) !important;
}
html body .obj_monograph_full .entry_details .item .value, html body .obj_monograph_full .entry_details .item .sub_item .value, html body .obj_monograph_full .entry_details .item p {
  display: block !important; font: 500 .93rem/1.5 var(--b-sans) !important; color: var(--b-navy, #041c3d) !important; text-align: left !important; hyphens: none !important; overflow-wrap: anywhere;
}
html body .obj_monograph_full .entry_details .item .sub_item + .sub_item { margin-top: .55rem !important; padding-top: .55rem !important; border-top: 1px dashed var(--b-line, #dbe9ec) !important; }
html body .obj_monograph_full .entry_details .item a { font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 2px; }
html body .obj_monograph_full .entry_details .item.license img { display: block; margin: 0 0 .4rem; max-width: 88px; height: auto; }
/* botões "como citar": chips em linha dentro do card */
html body .obj_monograph_full .entry_details .citation_formats { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
html body .obj_monograph_full .entry_details .citation_formats_button, html body .obj_monograph_full .entry_details .citation_formats a.cmp_button_wire {
  display: inline-flex !important; width: auto !important; min-height: 34px; margin: .1rem .3rem .3rem 0 !important; padding: .3rem .85rem !important; font: 700 .78rem/1 var(--b-sans) !important;
  color: var(--b-teal-d, #0a6f7a) !important; background: #eefafb !important; border: 1px solid #b9e3e8 !important; border-radius: 999px !important; box-shadow: none !important; text-shadow: none !important; transform: none !important;
}
html body .obj_monograph_full .entry_details .citation_formats ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
html body .obj_monograph_full .entry_details .citation_formats ul li { margin: 0; }
/* botão do arquivo (Chapter 1 / PDF) */
html body .obj_monograph_full .entry_details a.obj_galley_link, html body .obj_monograph_full .entry_details .item.files a { display: inline-flex !important; min-height: 40px; padding: 0 1.2rem !important; border-radius: 999px !important; transform: none !important; }

/* coluna principal: cada bloco como card com título de destaque */
html body .obj_monograph_full .main_entry { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: flex; flex-direction: column; gap: 1rem; }
html body .obj_monograph_full .main_entry > .item {
  background: #fff !important; border: 1px solid var(--b-line, #dbe9ec) !important; border-top: 4px solid var(--b-teal, #0f9aa6) !important; border-radius: var(--u-radius, 18px) !important;
  box-shadow: var(--u-shadow, 0 6px 18px rgba(4, 28, 61, .07)) !important; padding: 1.1rem 1.3rem 1.2rem !important; margin: 0 !important; box-sizing: border-box;
}
html body .obj_monograph_full .main_entry > .item.authors { border-top-color: #f2c230 !important; }
html body .obj_monograph_full .main_entry > .item.doi, html body .obj_monograph_full .main_entry > .item.keywords { border-top-color: #29b4c9 !important; }
html body .obj_monograph_full .main_entry > .item.abstract { border-top-color: #0f9aa6 !important; }
html body .obj_monograph_full .main_entry > .item.downloads, html body .obj_monograph_full .main_entry > .item.usageStats { border-top-color: #5b4fc4 !important; }
html body .obj_monograph_full .main_entry > .item.author_bios { border-top-color: #dd1367 !important; }
html body .obj_monograph_full .main_entry > .item.references { border-top-color: #58c5a2 !important; }
html body .obj_monograph_full .main_entry > .item > .label { margin-bottom: .6rem !important; }
/* se DOI e palavras-chave vierem soltos (sem .item), agrupa visualmente */
html body .obj_monograph_full .main_entry > .doi, html body .obj_monograph_full .main_entry > .keywords { padding-top: .2rem; }

/* bio dos autores: sem caixa interna */
html body .obj_monograph_full .item.author_bios .sub_item, html body .obj_monograph_full .item.author_bios .value, html body .obj_monograph_full .item.author_bios p { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 .6rem !important; text-align: left !important; }
html body .obj_monograph_full .item.author_bios .sub_item > .label { font: 700 1rem/1.35 var(--b-sans) !important; text-transform: none; letter-spacing: 0; color: var(--b-navy, #041c3d) !important; }

/* título da obra: respiro e alinhamento com os cards */
html body .obj_monograph_full > .title, html body .obj_monograph_full > h1 { padding: 0 0 1rem !important; margin: 0 !important; }

/* sidebar: idiomas com bandeira ao lado do texto */
html body .pkp_structure_sidebar .block_language li, html body .pkp_structure_sidebar .block_language li a { display: flex !important; align-items: center; gap: .55rem; }
html body .pkp_structure_sidebar .block_language li img, html body .pkp_structure_sidebar .block_language li a img { position: static !important; margin: 0 !important; width: 22px; height: auto; flex: 0 0 auto; order: -1; }
html body .pkp_structure_sidebar .block_language ul { display: flex; flex-direction: column; gap: .35rem; }

@media (max-width: 991.98px) {
  html body .obj_monograph_full .main_entry > .item { padding: 1rem !important; }
  html body .obj_monograph_full .entry_details { padding: .8rem !important; }
}

/* ==========================================================================
   HOME — DESTAQUE DAS SEÇÕES + FRASE DO LEGADO (letras com efeito)
   Só gradiente/brilho em texto (background-position e sombra): nenhum deslocamento
   de layout, nenhum transform no conteúdo.
   ========================================================================== */
@keyframes b-shine { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
@keyframes b-glow  { 0%, 100% { filter: drop-shadow(0 0 6px rgba(41, 180, 201, .35)); } 50% { filter: drop-shadow(0 0 14px rgba(242, 194, 48, .6)); } }

/* A. Títulos de seção (fora de cards): faixa de destaque + letras em gradiente */
html body .page_index_press .additional_content :is(h2, h3, h4):not(:is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"], [class*="hero"], [class*="cta"], [class*="banner"]) *),
html body .page_index_site .additional_content :is(h2, h3, h4):not(:is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"], [class*="hero"], [class*="cta"], [class*="banner"]) *),
html body .additional_content :is(h2, h3):not(:is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"], [class*="hero"], [class*="cta"], [class*="banner"]) *) {
  display: flex !important; align-items: center; gap: .85rem; width: 100%; box-sizing: border-box;
  margin: 0 0 1.1rem !important; padding: .75rem 1.1rem !important;
  font: 800 clamp(1.45rem, 2.6vw, 2.05rem)/1.2 var(--b-serif) !important; letter-spacing: -.01em; text-align: left !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
  background: linear-gradient(100deg, #041c3d 0%, #0a6f7a 25%, #29b4c9 45%, #5b4fc4 62%, #dd1367 80%, #041c3d 100%) 0% 50% / 200% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important; animation: b-shine 9s linear infinite;
  position: relative; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
/* faixa suave atrás (pseudo-elemento sem ocupar espaço) + barras de "lombada de livro" à esquerda */
html body .additional_content :is(h2, h3):not(:is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"], [class*="hero"], [class*="cta"], [class*="banner"]) *)::before {
  content: ""; flex: 0 0 auto; width: 26px; height: 34px; margin-right: .2rem; -webkit-text-fill-color: initial;
  background:
    linear-gradient(#f2c230, #f2c230) 0 100% / 6px 70% no-repeat,
    linear-gradient(#29b4c9, #29b4c9) 8px 100% / 6px 100% no-repeat,
    linear-gradient(#58c5a2, #58c5a2) 16px 100% / 6px 55% no-repeat,
    linear-gradient(#dd1367, #dd1367) 24px 100% / 2px 85% no-repeat;
  border-radius: 2px; background-clip: border-box; -webkit-background-clip: border-box;
}
html body .additional_content :is(h2, h3):not(:is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"], [class*="hero"], [class*="cta"], [class*="banner"]) *)::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; border-radius: 4px; -webkit-text-fill-color: initial;
  background: linear-gradient(90deg, #f2c230, #29b4c9 35%, #5b4fc4 65%, rgba(221, 19, 103, 0)); background-size: 100% 100%; width: auto;
}
/* fundo do bloco do título (via box-shadow interno não funciona com text-clip: usa o próprio elemento pai) */
html body .additional_content :is(section, article, div):has(> :is(h2, h3):first-child):not([class*="card"]):not([class*="hero"]):not([class*="cta"]) { position: relative; }

/* hero: título volta a ser branco, sem faixa e sem barras */
html body .additional_content [class*="hero"] :is(h1, h2, h3) {
  display: block !important; width: auto; padding: 0 !important; margin: 0 0 .8rem !important; font-size: clamp(1.9rem, 3.6vw, 2.9rem) !important; line-height: 1.12 !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; animation: none !important;
}
html body .additional_content [class*="hero"] :is(h1, h2, h3)::before, html body .additional_content [class*="hero"] :is(h1, h2, h3)::after { display: none !important; content: none !important; }
/* títulos dentro de cards: pequenos e sólidos */
html body .additional_content :is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"]) :is(h2, h3, h4) {
  display: block !important; font: 700 1rem/1.3 var(--b-sans) !important; color: var(--b-navy) !important; -webkit-text-fill-color: var(--b-navy) !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; animation: none !important; padding: 0 !important; margin: 0 0 .35rem !important; width: auto;
}
html body .additional_content :is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"]) :is(h2, h3, h4)::before,
html body .additional_content :is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"]) :is(h2, h3, h4)::after { display: none !important; content: none !important; }

/* B. Seção em painel: "Missão", "Apoio" e "Fluxo" ganham fundo suave e borda de cor */
html body .additional_content > section, html body .additional_content > div:not([class*="hero"]):not([class*="cta"]):not([class*="banner"]) {
  position: relative;
}
html body .additional_content > :is(section, div):not([class*="hero"]):not([class*="cta"]):not([class*="banner"]):has(> :is(h2, h3)) {
  background: linear-gradient(180deg, #ffffff 0%, #f1fafb 100%); border: 1px solid var(--b-line, #dbe9ec); border-radius: var(--u-radius, 18px);
  box-shadow: 0 10px 28px rgba(4, 28, 61, .07); padding: 1.3rem 1.4rem 1.5rem !important; box-sizing: border-box; overflow: hidden;
}
html body .additional_content > :is(section, div):not([class*="hero"]):not([class*="cta"]):not([class*="banner"]):has(> :is(h2, h3))::before {
  content: ""; position: absolute; left: 0; top: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f2c230, #58c5a2, #29b4c9, #5b4fc4, #dd1367);
}

/* C. Frase do legado: letras com gradiente animado, brilho e aspas em destaque */
html body .additional_content :is([class*="cta"], [class*="legad"], [class*="legacy"], [class*="final"], [class*="closing"], [class*="quote"], [class*="frase"], [class*="slogan"]) :is(p, blockquote, q, h2, h3, h4, .quote, [class*="quote"], [class*="frase"], [class*="slogan"]),
html body .additional_content blockquote {
  position: relative; display: block !important; margin: 0 0 1.1rem !important; padding: 0 0 0 0 !important; border: 0 !important; background-color: transparent !important;
  font: italic 800 clamp(1.5rem, 2.8vw, 2.25rem)/1.25 var(--b-serif) !important; letter-spacing: -.005em; text-align: center !important; hyphens: none !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
  background-image: linear-gradient(100deg, #ffffff 0%, #ffe27a 22%, #f2c230 34%, #7be0ee 52%, #ffffff 68%, #ffe27a 84%, #ffffff 100%) !important;
  background-size: 220% 100% !important; background-repeat: repeat-x !important; -webkit-background-clip: text !important; background-clip: text !important;
  animation: b-shine 7s linear infinite, b-glow 4.5s ease-in-out infinite;
}
html body .additional_content :is([class*="cta"], [class*="legad"], [class*="legacy"], [class*="final"], [class*="closing"]) :is(p, blockquote, q, h2, h3)::before,
html body .additional_content :is([class*="cta"], [class*="legad"], [class*="legacy"], [class*="final"], [class*="closing"]) :is(p, blockquote, q, h2, h3)::after { content: none !important; display: none !important; }
/* palavras-chave da frase (se estiverem em <strong>/<em>/<b>): ganham o amarelo sólido */
html body .additional_content :is([class*="cta"], [class*="legad"], [class*="legacy"], [class*="final"], [class*="closing"]) :is(strong, b, em, mark) {
  -webkit-text-fill-color: #f2c230 !important; color: #f2c230 !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important;
}
/* botões do bloco do legado continuam sólidos e legíveis */
html body .additional_content :is([class*="cta"], [class*="legad"], [class*="legacy"]) a { -webkit-text-fill-color: currentColor; animation: none; filter: none; }

@media (prefers-reduced-motion: reduce) {
  html body .additional_content :is(h2, h3, p, blockquote, q) { animation: none !important; }
}
@media (max-width: 575.98px) {
  html body .additional_content :is(h2, h3):not(:is([class*="card"], [class*="box"], [class*="item"], [class*="tile"], [class*="partner"], [class*="inst"], [class*="hero"], [class*="cta"], [class*="banner"]) *) { padding: .6rem .5rem !important; gap: .6rem; font-size: 1.35rem !important; }
  html body .additional_content :is([class*="cta"], [class*="legad"], [class*="legacy"]) :is(p, blockquote, q) { font-size: 1.35rem !important; }
  html body .additional_content > :is(section, div):not([class*="hero"]):not([class*="cta"]):not([class*="banner"]):has(> :is(h2, h3)) { padding: 1rem 1rem 1.2rem !important; }
}

/* D. Sidebar: bandeira ao lado do idioma (vence marcação com imagem solta) */
html body .pkp_structure_sidebar .pkp_block ul li:has(img), html body .pkp_structure_sidebar .pkp_block ul li a:has(img) { display: flex !important; align-items: center; gap: .55rem; }
html body .pkp_structure_sidebar .pkp_block ul li img { position: static !important; float: none !important; margin: 0 !important; width: 22px !important; height: auto !important; flex: 0 0 22px; order: -1; vertical-align: middle; }
html body .pkp_structure_sidebar .pkp_block ul li:has(img) > a:not(:has(img)) { display: inline !important; }

/* ==========================================================================
   HEADER — LOGO ALUMNI IN BOOKS À ESQUERDA (MAIOR, COM EFEITO) + INDEXADORES
   Indexadores: EBSCO eBooks, Google Scholar, Crossref, OpenAlex, Dimensions.
   Origem das imagens: Biblioteca de arquivos do OMP (IDs 2, 4, 5, 6, 7) — os arquivos
   precisam estar marcados como "públicos" na Biblioteca de arquivos.
   Cartões feitos 100% em CSS (pseudo-elementos), sem HTML extra.
   ========================================================================== */
:root {
  --b-wrap: 1160px;                                   /* largura útil (igual ao conteúdo) */
  --b-logo-h: clamp(120px, 12.5vw, 172px);            /* logo maior */
  --ix-w: clamp(128px, 14vw, 190px);                  /* largura de cada cartão */
  --ix-h: calc(var(--ix-w) * .4);
  --ix-gap: 16px;
  --ix-r: max(1rem, calc((100% - var(--b-wrap)) / 2));/* margem direita = borda do conteúdo */
  --ix-top: clamp(78px, 7.5vw, 98px);
  --ix-ebsco: url("/index.php/omp/libraryFiles/downloadPublic/2");
  --ix-scholar: url("/index.php/omp/libraryFiles/downloadPublic/4");
  --ix-crossref: url("/index.php/omp/libraryFiles/downloadPublic/5");
  --ix-openalex: url("/index.php/omp/libraryFiles/downloadPublic/6");
  --ix-dimensions: url("/index.php/omp/libraryFiles/downloadPublic/7");
  --b-logo-img: url("/index.php/omp/libraryFiles/downloadPublic/1");
}
@keyframes b-ix-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes b-ix-shine { 0% { background-position: -160% 0, 0 0, 0 0; } 60%, 100% { background-position: 260% 0, 0 0, 0 0; } }
@keyframes b-aura { 0%, 100% { opacity: .75; } 50% { opacity: 1; } }
@keyframes b-ix-dot { 0%, 100% { background-position: 0 0, 0 0; } 50% { background-position: 6px -8px, -6px 8px; } }

/* A. Âncora: tudo posicionado em relação ao cabeçalho (mesma caixa do hero) */
html body .pkp_structure_head { position: relative !important; }
html body .pkp_structure_head .pkp_head_wrapper, html body .pkp_structure_head .pkp_site_name_wrapper { position: static !important; }
html body .pkp_structure_head .pkp_site_nav_menu { position: static !important; }

/* B. Logo à esquerda, maior, alinhada à borda do conteúdo */
html body .pkp_structure_head .pkp_site_name_wrapper {
  display: flex !important; justify-content: flex-start !important; align-items: flex-start !important; text-align: left !important;
  padding: clamp(60px, 6vw, 84px) 1rem 0 max(1rem, calc((100% - var(--b-wrap)) / 2)) !important;
}
html body .pkp_structure_head .pkp_site_name {
  position: relative !important; z-index: 0; isolation: isolate; margin: 0 !important; flex: 0 0 auto !important; text-align: left !important; width: auto !important; max-width: 100% !important;
}
html body .pkp_structure_head .pkp_site_name .is_img { display: block !important; }
html body .pkp_structure_head .pkp_site_name .is_img img {
  height: var(--b-logo-h) !important; max-height: none !important; width: auto !important; max-width: min(100%, 360px) !important; object-fit: contain; display: block;
  filter: drop-shadow(0 8px 20px rgba(15, 154, 166, .35));
}
/* aura animada atrás do logo */
html body .pkp_structure_head .pkp_site_name::before {
  content: "" !important; display: block !important; position: absolute; z-index: -1; left: -36px; right: -36px; top: -26px; bottom: -26px; pointer-events: none; border-radius: 50%;
  background:
    radial-gradient(circle at 12% 28%, rgba(242, 194, 48, .95) 0 3px, transparent 4px),
    radial-gradient(circle at 88% 72%, rgba(221, 19, 103, .8) 0 3px, transparent 4px),
    radial-gradient(circle at 80% 18%, rgba(41, 180, 201, .95) 0 2.5px, transparent 3.5px),
    radial-gradient(circle at 20% 82%, rgba(91, 79, 196, .8) 0 2.5px, transparent 3.5px),
    radial-gradient(ellipse 62% 58% at 50% 50%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .55) 45%, rgba(41, 180, 201, .22) 70%, rgba(41, 180, 201, 0) 100%);
  animation: b-aura 4.5s ease-in-out infinite !important;
}
html body .pkp_structure_head .pkp_site_name::after { content: none !important; display: none !important; }

/* C. Cartões dos indexadores (5 pseudo-elementos + 1 legenda) */
html body .pkp_structure_head .pkp_head_wrapper::before, html body .pkp_structure_head .pkp_head_wrapper::after,
html body .pkp_structure_head::before, html body .pkp_structure_head::after,
html body .pkp_structure_head .pkp_site_name_wrapper::before {
  content: "" !important; display: block !important; position: absolute !important; z-index: 3; pointer-events: none; box-sizing: border-box;
  width: var(--ix-w) !important; height: var(--ix-h) !important; padding: 9px 14px; margin: 0 !important; left: auto !important; bottom: auto !important;
  border: 1px solid rgba(15, 154, 166, .25); border-bottom: 3px solid var(--ix-c, #29b4c9); border-radius: 16px !important;
  background-color: #fff !important; background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-origin: border-box, content-box, border-box !important; background-clip: border-box !important;
  background-position: -160% 0, 0 0, 0 0 !important; background-size: 60% 100%, contain, auto !important;
  box-shadow: 0 12px 26px rgba(4, 28, 61, .14), 0 0 0 4px rgba(255, 255, 255, .45);
  -webkit-mask-image: none; mask-image: none; backdrop-filter: none;
  animation: b-ix-float var(--ix-d, 6s) ease-in-out var(--ix-del, 0s) infinite, b-ix-shine 6s linear var(--ix-del, 0s) infinite !important;
}
/* faixa de brilho que atravessa o cartão (2ª camada) */
html body .pkp_structure_head .pkp_head_wrapper::before { background-image: linear-gradient(100deg, transparent 0 38%, rgba(255, 255, 255, .6) 50%, transparent 62% 100%), var(--ix-ebsco), none !important; }
html body .pkp_structure_head .pkp_head_wrapper::after   { background-image: linear-gradient(100deg, transparent 0 38%, rgba(255, 255, 255, .6) 50%, transparent 62% 100%), var(--ix-scholar), none !important; }
html body .pkp_structure_head::before                     { background-image: linear-gradient(100deg, transparent 0 38%, rgba(255, 255, 255, .6) 50%, transparent 62% 100%), var(--ix-crossref), none !important; }
html body .pkp_structure_head::after                      { background-image: linear-gradient(100deg, transparent 0 38%, rgba(255, 255, 255, .6) 50%, transparent 62% 100%), var(--ix-openalex), none !important; }
html body .pkp_structure_head .pkp_site_name_wrapper::before { background-image: linear-gradient(100deg, transparent 0 38%, rgba(255, 255, 255, .6) 50%, transparent 62% 100%), var(--ix-dimensions), none !important; }

/* posições (desktop): linha A = EBSCO | Scholar | Crossref; linha B (deslocada meio cartão) = OpenAlex | Dimensions */
@media (min-width: 992px) {
  html body .pkp_structure_head .pkp_head_wrapper::before { top: var(--ix-top) !important; right: calc(var(--ix-r) + 2 * (var(--ix-w) + var(--ix-gap))) !important; --ix-c: #0a6f7a; --ix-d: 6.2s; --ix-del: 0s; }
  html body .pkp_structure_head .pkp_head_wrapper::after  { top: var(--ix-top) !important; right: calc(var(--ix-r) + 1 * (var(--ix-w) + var(--ix-gap))) !important; --ix-c: #4285f4; --ix-d: 7s; --ix-del: -1.4s; }
  html body .pkp_structure_head::before                    { top: var(--ix-top) !important; right: var(--ix-r) !important; --ix-c: #f2c230; --ix-d: 5.6s; --ix-del: -2.6s; }
  html body .pkp_structure_head::after                     { top: calc(var(--ix-top) + var(--ix-h) + var(--ix-gap)) !important; right: calc(var(--ix-r) + 1.5 * (var(--ix-w) + var(--ix-gap)) - var(--ix-gap) / 2 + var(--ix-gap) / 2) !important; --ix-c: #dd1367; --ix-d: 6.6s; --ix-del: -3.4s; }
  html body .pkp_structure_head .pkp_site_name_wrapper::before { top: calc(var(--ix-top) + var(--ix-h) + var(--ix-gap)) !important; right: calc(var(--ix-r) + .5 * (var(--ix-w) + var(--ix-gap))) !important; --ix-c: #5b4fc4; --ix-d: 7.4s; --ix-del: -4.2s; }
}
/* legenda "INDEXADO EM" acima do bloco */
@media (min-width: 992px) {
  html body .pkp_structure_head .pkp_site_name_wrapper::after {
    content: "INDEXADO EM  ·  INDEXED IN" !important; display: block !important; position: absolute !important; z-index: 3; pointer-events: none;
    top: calc(var(--ix-top) - 28px) !important; right: var(--ix-r) !important; left: auto !important; width: auto !important; height: auto !important;
    padding: .28rem .8rem; border-radius: 999px; background: rgba(4, 28, 61, .88); color: #fff; font: 700 .64rem/1.2 var(--b-sans); letter-spacing: .14em; white-space: nowrap; box-shadow: 0 6px 16px rgba(4, 28, 61, .18);
    -webkit-text-fill-color: #fff; filter: none !important; animation: none !important;
  }
}

/* D. Tablet / celular: logo centralizado e faixa de 5 cartões na base do cabeçalho */
@media (max-width: 991.98px) {
  :root { --b-logo-h: clamp(104px, 28vw, 140px); }
  html body .pkp_structure_head .pkp_site_name_wrapper { justify-content: center !important; padding: 3.4rem 1rem .4rem !important; }
  html body .pkp_structure_head .pkp_site_name { margin: 0 auto !important; }
  html body .pkp_structure_head .pkp_head_wrapper { padding-bottom: 66px !important; }
  html body .pkp_structure_head .pkp_head_wrapper::before, html body .pkp_structure_head .pkp_head_wrapper::after,
  html body .pkp_structure_head::before, html body .pkp_structure_head::after, html body .pkp_structure_head .pkp_site_name_wrapper::before {
    top: auto !important; right: auto !important; bottom: 12px !important; padding: 5px 6px; border-radius: 10px; border-bottom-width: 2px;
    width: calc((100% - 28px - 24px) / 5) !important; height: 40px !important; box-shadow: 0 6px 14px rgba(4, 28, 61, .14);
  }
  html body .pkp_structure_head .pkp_head_wrapper::before { left: 14px !important; }
  html body .pkp_structure_head .pkp_head_wrapper::after   { left: calc(14px + 1 * ((100% - 28px - 24px) / 5 + 6px)) !important; }
  html body .pkp_structure_head::before                     { left: calc(14px + 2 * ((100% - 28px - 24px) / 5 + 6px)) !important; }
  html body .pkp_structure_head::after                      { left: calc(14px + 3 * ((100% - 28px - 24px) / 5 + 6px)) !important; }
  html body .pkp_structure_head .pkp_site_name_wrapper::before { left: calc(14px + 4 * ((100% - 28px - 24px) / 5 + 6px)) !important; }
  html body .pkp_structure_head .pkp_site_name_wrapper::after { content: none !important; display: none !important; }
  html body .pkp_structure_head .pkp_site_name::before { left: -20px; right: -20px; }
}


/* ==========================================================================
   HEADER — AJUSTES: SEM JSIM, LOGOS SEM FUNDO BRANCO, MENORES E EM MOVIMENTO CONTÍNUO
   Fundo branco dos logos some com mix-blend-mode: multiply (o branco vira transparente
   sobre o fundo claro do cabeçalho). Sem cartões, sem legenda.
   ========================================================================== */
/* A. Remove de vez o logotipo herdado do JSIM (vinha por --paj-logo/--jik-logo em .pkp_site_name::before) */
:root { --paj-logo: none; --jik-logo: none; }
html body .pkp_structure_head .pkp_site_name::before {
  content: "" !important; display: block !important; position: absolute !important; z-index: -1 !important;
  left: -36px !important; right: -36px !important; top: -26px !important; bottom: -26px !important; width: auto !important; height: auto !important;
  transform: none !important; filter: none !important; border-radius: 50% !important; pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 28%, rgba(242, 194, 48, .95) 0 3px, transparent 4px),
    radial-gradient(circle at 88% 72%, rgba(221, 19, 103, .8) 0 3px, transparent 4px),
    radial-gradient(circle at 80% 18%, rgba(41, 180, 201, .95) 0 2.5px, transparent 3.5px),
    radial-gradient(circle at 20% 82%, rgba(91, 79, 196, .8) 0 2.5px, transparent 3.5px),
    radial-gradient(ellipse 62% 58% at 50% 50%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .55) 45%, rgba(41, 180, 201, .22) 70%, rgba(41, 180, 201, 0) 100%) !important;
  animation: b-aura 4.5s ease-in-out infinite !important;
}
html body .pkp_structure_head .pkp_site_name::after, html body .pkp_structure_head .pkp_site_name_wrapper::after { content: none !important; display: none !important; }

/* B. Indexadores: menores, sem cartão, sem fundo branco */
:root { --ix-w: clamp(84px, 8.6vw, 122px); --ix-h: calc(var(--ix-w) * .44); --ix-gap: 12px; }
@keyframes b-ix-d1 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 25% { transform: translate(14px, -12px) rotate(2deg); } 50% { transform: translate(4px, 10px) rotate(-1.5deg); } 75% { transform: translate(-12px, -4px) rotate(1.5deg); } }
@keyframes b-ix-d2 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 20% { transform: translate(-12px, 8px) rotate(-2deg); } 50% { transform: translate(10px, 14px) rotate(1.5deg); } 80% { transform: translate(12px, -10px) rotate(-1deg); } }
@keyframes b-ix-d3 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 30% { transform: translate(-14px, -10px) rotate(1.5deg); } 60% { transform: translate(8px, -14px) rotate(-2deg); } 85% { transform: translate(12px, 6px) rotate(1deg); } }
@keyframes b-ix-d4 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 25% { transform: translate(12px, 12px) rotate(-1.5deg); } 55% { transform: translate(-10px, 6px) rotate(2deg); } 80% { transform: translate(-6px, -12px) rotate(-1deg); } }
@keyframes b-ix-d5 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 35% { transform: translate(-10px, -12px) rotate(2deg); } 65% { transform: translate(12px, -4px) rotate(-1.5deg); } 90% { transform: translate(4px, 12px) rotate(1deg); } }

html body .pkp_structure_head .pkp_head_wrapper::before, html body .pkp_structure_head .pkp_head_wrapper::after,
html body .pkp_structure_head::before, html body .pkp_structure_head::after, html body .pkp_structure_head .pkp_site_name_wrapper::before {
  width: var(--ix-w) !important; height: var(--ix-h) !important; padding: 3px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background-color: transparent !important;
  background-repeat: no-repeat !important; background-origin: content-box !important; background-position: center !important; background-size: contain !important;
  mix-blend-mode: multiply; filter: saturate(1.15) contrast(1.05); will-change: transform;
}
html body .pkp_structure_head .pkp_head_wrapper::before { background-image: var(--ix-ebsco) !important;      animation: b-ix-d1 9s ease-in-out 0s infinite !important; }
html body .pkp_structure_head .pkp_head_wrapper::after  { background-image: var(--ix-scholar) !important;    animation: b-ix-d2 11s ease-in-out -2s infinite !important; }
html body .pkp_structure_head::before                    { background-image: var(--ix-crossref) !important;   animation: b-ix-d3 10s ease-in-out -4s infinite !important; }
html body .pkp_structure_head::after                     { background-image: var(--ix-openalex) !important;   animation: b-ix-d4 12s ease-in-out -6s infinite !important; }
html body .pkp_structure_head .pkp_site_name_wrapper::before { background-image: var(--ix-dimensions) !important; animation: b-ix-d5 10.5s ease-in-out -8s infinite !important; }

/* posições (desktop): bloco compacto à direita, duas fileiras escalonadas, espaço para o movimento */
@media (min-width: 992px) {
  html body .pkp_structure_head .pkp_head_wrapper::before { top: calc(var(--ix-top) + 6px) !important; right: calc(var(--ix-r) + 2 * (var(--ix-w) + var(--ix-gap) + 14px)) !important; }
  html body .pkp_structure_head .pkp_head_wrapper::after  { top: calc(var(--ix-top) - 4px) !important; right: calc(var(--ix-r) + 1 * (var(--ix-w) + var(--ix-gap) + 14px)) !important; }
  html body .pkp_structure_head::before                    { top: calc(var(--ix-top) + 10px) !important; right: var(--ix-r) !important; }
  html body .pkp_structure_head::after                     { top: calc(var(--ix-top) + var(--ix-h) + 34px) !important; right: calc(var(--ix-r) + 1.5 * (var(--ix-w) + var(--ix-gap) + 14px)) !important; }
  html body .pkp_structure_head .pkp_site_name_wrapper::before { top: calc(var(--ix-top) + var(--ix-h) + 26px) !important; right: calc(var(--ix-r) + .5 * (var(--ix-w) + var(--ix-gap) + 14px)) !important; }
}
/* celular / tablet: faixa de 5 logos pequenos, sem cartão */
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_head_wrapper::before, html body .pkp_structure_head .pkp_head_wrapper::after,
  html body .pkp_structure_head::before, html body .pkp_structure_head::after, html body .pkp_structure_head .pkp_site_name_wrapper::before {
    height: 34px !important; padding: 2px !important; bottom: 16px !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  }
}

/* o wrapper do nome do site é item flex: z-index criaria um grupo isolado e o multiply não enxergaria o fundo */
html body .pkp_structure_head .pkp_site_name_wrapper { z-index: auto !important; }
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_head_wrapper { padding-bottom: 116px !important; }
  html body .pkp_structure_head .pkp_head_wrapper::before, html body .pkp_structure_head .pkp_head_wrapper::after,
  html body .pkp_structure_head::before, html body .pkp_structure_head::after, html body .pkp_structure_head .pkp_site_name_wrapper::before { bottom: 78px !important; }
}

/* ==========================================================================
   HEADER — SEM "BOLHA", LOGO MAIOR COM EFEITO, INDEXADORES EM FLUXO CONTÍNUO
   ========================================================================== */
/* A. Remove a bolha (aura) atrás do logo */
html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after { content: none !important; display: none !important; animation: none !important; background: none !important; }

/* B. Logo maior + efeito: respiração suave, flutuação e brilho que muda de cor (amarelo → ciano → rosa → roxo) */
:root { --b-logo-h: clamp(170px, 18vw, 240px); }
@keyframes b-hue {
  0%, 100% { filter: drop-shadow(0 6px 16px rgba(242, 194, 48, .70)) drop-shadow(0 0 2px rgba(255, 255, 255, .9)); }
  25%      { filter: drop-shadow(0 8px 20px rgba(41, 180, 201, .75)) drop-shadow(0 0 2px rgba(255, 255, 255, .9)); }
  50%      { filter: drop-shadow(0 6px 16px rgba(221, 19, 103, .55)) drop-shadow(0 0 2px rgba(255, 255, 255, .9)); }
  75%      { filter: drop-shadow(0 8px 20px rgba(91, 79, 196, .65)) drop-shadow(0 0 2px rgba(255, 255, 255, .9)); }
}
@keyframes b-breathe { 0%, 100% { scale: 1; } 50% { scale: 1.045; } }
html body .pkp_structure_head .pkp_site_name_wrapper { padding-top: clamp(40px, 4vw, 56px) !important; }
html body .pkp_structure_head .pkp_site_name .is_img img {
  height: var(--b-logo-h) !important; max-width: min(100%, 460px) !important;
  animation: b-bob 7s ease-in-out infinite, b-hue 9s ease-in-out infinite, b-breathe 5.5s ease-in-out infinite !important;
}

/* C. Indexadores: esteira contínua da direita para a esquerda, com entrada/saída suaves e ondulação */
:root { --ix-band: clamp(420px, 56vw, 760px); --ix-row: clamp(120px, 11vw, 150px); --ix-dur: 25s; }
@keyframes b-ix-flow {
  0%   { transform: translateX(40px);  opacity: 0; }
  8%   { opacity: 1; }
  88%  { opacity: 1; }
  100% { transform: translateX(calc(-1 * var(--ix-band))); opacity: 0; }
}
@keyframes b-ix-wave { 0%, 100% { translate: 0 -12px; rotate: -2deg; } 50% { translate: 0 12px; rotate: 2deg; } }

html body .pkp_structure_head .pkp_head_wrapper::before, html body .pkp_structure_head .pkp_head_wrapper::after,
html body .pkp_structure_head::before, html body .pkp_structure_head::after, html body .pkp_structure_head .pkp_site_name_wrapper::before {
  top: var(--ix-row) !important; bottom: auto !important; left: auto !important; right: var(--ix-r) !important;
  width: var(--ix-w) !important; height: var(--ix-h) !important;
  opacity: 0;
}
html body .pkp_structure_head .pkp_head_wrapper::before        { animation: b-ix-flow var(--ix-dur) linear calc(var(--ix-dur) * -0.0) infinite, b-ix-wave 4.2s ease-in-out 0s infinite !important; }
html body .pkp_structure_head .pkp_head_wrapper::after         { animation: b-ix-flow var(--ix-dur) linear calc(var(--ix-dur) * -0.2) infinite, b-ix-wave 4.8s ease-in-out -1s infinite !important; }
html body .pkp_structure_head::before                           { animation: b-ix-flow var(--ix-dur) linear calc(var(--ix-dur) * -0.4) infinite, b-ix-wave 4.4s ease-in-out -2s infinite !important; }
html body .pkp_structure_head::after                            { animation: b-ix-flow var(--ix-dur) linear calc(var(--ix-dur) * -0.6) infinite, b-ix-wave 5s ease-in-out -3s infinite !important; }
html body .pkp_structure_head .pkp_site_name_wrapper::before    { animation: b-ix-flow var(--ix-dur) linear calc(var(--ix-dur) * -0.8) infinite, b-ix-wave 4.6s ease-in-out -4s infinite !important; }

/* celular / tablet: esteira na largura inteira, entre o menu e a estante */
@media (max-width: 991.98px) {
  :root { --b-logo-h: clamp(120px, 34vw, 170px); --ix-w: 78px; --ix-h: 34px; --ix-band: calc(100vw + 60px); --ix-dur: 20s; --ix-r: 0px; }
  html body .pkp_structure_head .pkp_head_wrapper::before, html body .pkp_structure_head .pkp_head_wrapper::after,
  html body .pkp_structure_head::before, html body .pkp_structure_head::after, html body .pkp_structure_head .pkp_site_name_wrapper::before {
    top: auto !important; bottom: 78px !important; left: auto !important; right: 0 !important; width: var(--ix-w) !important; height: var(--ix-h) !important;
  }
}

@media (min-width: 992px) { :root { --ix-band: clamp(360px, 46vw, 620px); } }

/* ==========================================================================
   HEADER — LOGO SEM SOMBRA + EFEITO "BRILHO METÁLICO"  |  MENU "DOCK" REFEITO
   ========================================================================== */
/* A. Logo: sem sombra/filtro. Efeito: faixa de luz que atravessa SÓ as letras e o desenho do logo
      (usa a própria imagem do logo como máscara — sem caixa, sem sombra) + faíscas coloridas */
@keyframes b-sheen { 0% { background-position: -140% 0, 0 0; } 55%, 100% { background-position: 240% 0, 0 0; } }
@keyframes b-sheen-hue { 0%, 100% { filter: hue-rotate(0deg); } 50% { filter: hue-rotate(60deg); } }
html body .pkp_structure_head .pkp_site_name .is_img img {
  filter: none !important; -webkit-filter: none !important; box-shadow: none !important;
  animation: b-bob 7s ease-in-out infinite, b-breathe 5.5s ease-in-out infinite !important;
}
html body .pkp_structure_head .pkp_site_name::after {
  content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 2; pointer-events: none; width: auto !important; height: auto !important;
  background:
    linear-gradient(105deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, .95) 47%, rgba(255, 244, 190, .95) 50%, rgba(160, 235, 245, .9) 53%, rgba(255, 255, 255, 0) 62%) -140% 0 / 70% 100% no-repeat,
    transparent !important;
  -webkit-mask-image: var(--b-logo-img); mask-image: var(--b-logo-img);
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  animation: b-sheen 4.2s ease-in-out infinite, b-bob 7s ease-in-out infinite, b-breathe 5.5s ease-in-out infinite !important;
}

/* B. Menu principal: "dock" translúcido com pílulas, alinhado ao conteúdo; sem deslocamento no hover */
html body .pkp_structure_head .pkp_navigation_primary_wrapper {
  display: flex !important; justify-content: space-between !important; align-items: center; gap: 1rem; flex-wrap: nowrap;
  width: 100% !important; max-width: var(--b-wrap) !important; margin: 0 auto !important; padding: 0 1rem !important; box-sizing: border-box;
}
html body .pkp_structure_head .pkp_navigation_primary {
  display: flex !important; flex-wrap: wrap; justify-content: flex-start !important; align-items: center; gap: .25rem !important; margin: 0 !important; padding: .35rem !important;
  background: rgba(255, 255, 255, .62) !important; border: 1px solid rgba(255, 255, 255, .9); border-radius: 999px; box-shadow: 0 10px 26px rgba(4, 28, 61, .12), inset 0 1px 0 rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: blur(10px) saturate(1.2); backdrop-filter: blur(10px) saturate(1.2);
}
html body .pkp_structure_head .pkp_navigation_primary > li { margin: 0 !important; position: relative; }
html body .pkp_structure_head .pkp_navigation_primary > li > a {
  display: inline-flex !important; align-items: center; min-height: 40px; padding: 0 1.1rem !important; font: 700 .84rem/1 var(--b-sans) !important; letter-spacing: .01em;
  color: var(--b-navy) !important; -webkit-text-fill-color: var(--b-navy) !important; background: transparent !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; transform: none !important;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
html body .pkp_structure_head .pkp_navigation_primary > li:hover > a, html body .pkp_structure_head .pkp_navigation_primary > li > a:hover, html body .pkp_structure_head .pkp_navigation_primary > li > a:focus,
html body .pkp_structure_head .pkp_navigation_primary > li:focus-within > a {
  background: linear-gradient(120deg, #0a6f7a, #0f9aa6 55%, #29b4c9) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 6px 16px rgba(15, 154, 166, .35) !important; transform: none !important;
}
/* setinha dos itens com submenu (sem deslocar o layout) */
html body .pkp_structure_head .pkp_navigation_primary > li > a[aria-haspopup]::after {
  display: inline-block !important; content: "" !important; position: static !important; width: 6px; height: 6px; margin: -3px 0 0 .55rem; padding: 0; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); background: none !important; opacity: .8;
}
html body .pkp_structure_head .pkp_navigation_primary > li > a[aria-haspopup] { padding-right: 1rem !important; }
/* submenus */
html body .pkp_structure_head .pkp_navigation_primary ul {
  min-width: 240px; margin: 0 !important; padding: .4rem !important; list-style: none; z-index: 80 !important;
  background: #fff !important; border: 1px solid var(--b-line, #dbe7ea) !important; border-radius: 14px !important; box-shadow: 0 20px 44px rgba(4, 28, 61, .2) !important;
}
html body .pkp_structure_head .pkp_navigation_primary ul li { margin: 0 !important; }
html body .pkp_structure_head .pkp_navigation_primary ul li a {
  display: block !important; padding: .62rem .9rem !important; font: 600 .86rem/1.3 var(--b-sans) !important; text-transform: none !important; letter-spacing: 0;
  color: var(--b-navy) !important; -webkit-text-fill-color: var(--b-navy) !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; white-space: normal; transform: none !important;
}
html body .pkp_structure_head .pkp_navigation_primary ul li a:hover, html body .pkp_structure_head .pkp_navigation_primary ul li a:focus {
  background: #eaf8fa !important; color: var(--b-teal-d, #0a6f7a) !important; -webkit-text-fill-color: var(--b-teal-d, #0a6f7a) !important;
}
/* busca: pílula separada, à direita do conteúdo */
html body .pkp_structure_head .pkp_navigation_search_wrapper { margin: 0 !important; flex: 0 0 auto; }
html body .pkp_structure_head .pkp_navigation_search_wrapper a {
  display: inline-flex !important; align-items: center; gap: .45rem; min-height: 40px; padding: 0 1.2rem !important; font: 700 .8rem/1 var(--b-sans) !important; letter-spacing: .06em; text-transform: uppercase;
  color: var(--b-navy) !important; background: rgba(255, 255, 255, .92) !important; border: 1px solid rgba(15, 154, 166, .3) !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(4, 28, 61, .12) !important; transform: none !important;
}
html body .pkp_structure_head .pkp_navigation_search_wrapper a:hover { background: linear-gradient(120deg, #0a6f7a, #29b4c9) !important; color: #fff !important; border-color: transparent !important; }
html body .pkp_structure_head .pkp_site_nav_menu { padding-bottom: clamp(1rem, 2.2vw, 1.6rem) !important; }

/* C. Celular/tablet: dock vira bloco centralizado em múltiplas linhas */
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_navigation_primary_wrapper { flex-direction: column; justify-content: center !important; align-items: center; padding: 0 .6rem !important; }
  html body .pkp_structure_head .pkp_navigation_primary { justify-content: center !important; border-radius: 22px; padding: .4rem !important; }
  html body .pkp_structure_head .pkp_navigation_primary > li > a { min-height: 42px; padding: 0 .9rem !important; font-size: .78rem !important; }
  html body .pkp_structure_head .pkp_navigation_primary ul { min-width: 200px; }
}

/* submenus não podem ser cortados pelo cabeçalho; cabeçalho acima do conteúdo */
html body .pkp_structure_head, html body .pkp_structure_head .pkp_head_wrapper, html body .pkp_structure_head .pkp_site_nav_menu,
html body .pkp_structure_head .pkp_navigation_primary_row, html body .pkp_structure_head .pkp_navigation_primary_wrapper, html body .pkp_structure_head .pkp_navigation_primary { overflow: visible !important; }
html body .pkp_structure_head { z-index: 60 !important; }
html body .pkp_structure_head .pkp_navigation_primary > li:hover > ul, html body .pkp_structure_head .pkp_navigation_primary > li:focus-within > ul { z-index: 90 !important; }
@media (max-width: 991.98px) { html body .pkp_structure_head .pkp_navigation_primary { width: calc(100% - 1.2rem); max-width: 560px; } }

/* ==========================================================================
   HEADER — LOGO UM POUCO MAIOR + MENU MAIS VISÍVEL + MENU MÓVEL (hambúrguer)
   ========================================================================== */
/* A. Logo: seletor com ID para vencer qualquer regra herdada (que travava a altura em ~90 px) */
:root { --b-logo-h: clamp(130px, 10.5vw, 150px); }
html body #headerNavigationContainer .pkp_site_name .is_img img, html body #headerNavigationContainer .pkp_site_name img {
  height: var(--b-logo-h) !important; min-height: 0 !important; max-height: none !important; width: auto !important; max-width: min(100%, 420px) !important; object-fit: contain; display: block;
}

/* B. Menu desktop: barra mais opaca, borda e sombra definidas, texto mais forte */
html body .pkp_structure_head .pkp_navigation_primary {
  background: rgba(255, 255, 255, .96) !important; border: 1px solid rgba(15, 154, 166, .35) !important;
  box-shadow: 0 12px 28px rgba(4, 28, 61, .22), 0 0 0 4px rgba(255, 255, 255, .35) !important; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html body .pkp_structure_head .pkp_navigation_primary > li > a { color: #041c3d !important; -webkit-text-fill-color: #041c3d !important; font-size: .88rem !important; font-weight: 800 !important; }
html body .pkp_structure_head .pkp_navigation_search_wrapper a { background: #fff !important; border: 1px solid rgba(15, 154, 166, .4) !important; box-shadow: 0 12px 28px rgba(4, 28, 61, .22), 0 0 0 4px rgba(255, 255, 255, .35) !important; font-weight: 800 !important; }

/* C. Menu móvel (tablet e celular) — botão "MENU" + painel em lista */
@media (max-width: 991.98px) {
  /* botão hambúrguer */
  html body .pkp_structure_head .pkp_site_nav_toggle {
    position: absolute !important; top: 12px !important; left: 12px !important; z-index: 70; display: flex !important; align-items: center; gap: .55rem;
    width: auto !important; min-width: 112px; height: 44px !important; padding: 0 1.1rem 0 2.6rem !important; margin: 0 !important; overflow: hidden;
    background: #fff !important; border: 1px solid rgba(15, 154, 166, .45) !important; border-radius: 999px !important; box-shadow: 0 10px 24px rgba(4, 28, 61, .22) !important;
    color: #041c3d !important; font: 800 .8rem/1 var(--b-sans) !important; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transform: none !important;
  }
  html body .pkp_structure_head .pkp_site_nav_toggle span { position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; font-size: 0 !important; }
  html body .pkp_structure_head .pkp_site_nav_toggle span::after { content: "Menu"; font: 800 .8rem/1 var(--b-sans); letter-spacing: .08em; text-transform: uppercase; color: #041c3d; }
  html body .pkp_structure_head .pkp_site_nav_toggle::before {
    content: "" !important; display: block !important; position: absolute !important; left: 1rem; top: 50%; width: 18px; height: 14px; margin-top: -7px; border: 0 !important;
    background: linear-gradient(#0f9aa6, #0f9aa6) 0 0 / 100% 2px no-repeat, linear-gradient(#29b4c9, #29b4c9) 0 6px / 100% 2px no-repeat, linear-gradient(#f2c230, #f2c230) 0 12px / 100% 2px no-repeat !important;
  }
  html body .pkp_structure_head .pkp_site_nav_toggle::after { content: none !important; display: none !important; }
  html body .pkp_structure_head .pkp_site_nav_toggle:focus-visible { outline: 3px solid #f2c230; outline-offset: 2px; }

  /* painel aberto */
  html body .pkp_structure_head .pkp_site_nav_menu { width: calc(100% - 1.2rem) !important; max-width: 560px; margin: .2rem auto 0 !important; padding: .5rem !important; box-sizing: border-box; position: relative !important; z-index: 65; background: #fff !important; border: 1px solid rgba(15, 154, 166, .3); border-radius: 20px; box-shadow: 0 18px 40px rgba(4, 28, 61, .22) !important; }
  html body .pkp_structure_head .pkp_navigation_primary_row, html body .pkp_structure_head .pkp_navigation_primary_wrapper { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  html body .pkp_structure_head .pkp_navigation_primary {
    display: block !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  }
  html body .pkp_structure_head .pkp_navigation_primary > li { display: block !important; width: 100% !important; margin: 0 !important; border-bottom: 1px solid #e3f0f2; }
  html body .pkp_structure_head .pkp_navigation_primary > li:last-child { border-bottom: 0; }
  html body .pkp_structure_head .pkp_navigation_primary > li > a {
    display: flex !important; justify-content: space-between; align-items: center; width: 100%; min-height: 50px; padding: 0 1rem !important; font-size: .95rem !important; border-radius: 12px !important; box-sizing: border-box;
  }
  html body .pkp_structure_head .pkp_navigation_primary > li > a[aria-haspopup]::after { margin: -3px 0 0 auto; }
  html body .pkp_structure_head .pkp_navigation_primary > li:hover > a, html body .pkp_structure_head .pkp_navigation_primary > li > a:focus { box-shadow: none !important; }
  /* submenus no painel: aparência de lista recuada (não altero posição/exibição — o OJS controla abrir/fechar) */
  html body .pkp_structure_head .pkp_navigation_primary ul { min-width: 0 !important; margin: .15rem 0 .4rem .6rem !important; padding: .25rem !important; background: #f1fafb !important; box-shadow: none !important; border: 1px solid #dcebee !important; border-radius: 12px !important; }
  html body .pkp_structure_head .pkp_navigation_primary ul li a { min-height: 44px; display: flex !important; align-items: center; font-size: .9rem !important; }
  /* busca como linha final do painel */
  html body .pkp_structure_head .pkp_navigation_search_wrapper { display: block !important; width: 100% !important; margin: .4rem 0 0 !important; padding-top: .4rem; border-top: 1px solid #e3f0f2; }
  html body .pkp_structure_head .pkp_navigation_search_wrapper a { display: flex !important; justify-content: center; width: 100%; min-height: 48px; box-shadow: none !important; box-sizing: border-box; }
  /* logo no celular */
  :root { --b-logo-h: clamp(112px, 30vw, 150px); }
  html body .pkp_structure_head .pkp_site_name_wrapper { padding-top: 4rem !important; }
}
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_site_nav_menu { position: static !important; }
  html body .pkp_structure_page .pkp_structure_head .pkp_navigation_primary_wrapper ul.pkp_navigation_primary { display: block !important; flex-direction: column !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
  html body .pkp_structure_page .pkp_structure_head .pkp_navigation_primary_wrapper ul.pkp_navigation_primary > li { display: block !important; width: 100% !important; float: none !important; }
  html body .pkp_structure_page .pkp_structure_head .pkp_navigation_primary_wrapper { display: block !important; padding: 0 !important; }
}

/* ==========================================================================
   RODAPÉ — "ACERVO EM MOVIMENTO": cartões de informação + logo com brilho + páginas flutuantes
   (combina com o header: mesma estante, mesmas páginas/etiquetas em movimento, mesma faixa colorida)
   ========================================================================== */
@keyframes b-ft-sheen { 0% { background-position: -160% 0, 0 0; } 60%, 100% { background-position: 260% 0, 0 0; } }
@keyframes b-ft-glow { 0%, 100% { opacity: .55; } 50% { opacity: .95; } }

/* A. Fundo: azul-marinho com grade de pontos, brilhos de cor e páginas flutuantes */
html body .pkp_structure_footer_wrapper {
  margin-top: 3.5rem !important; padding-top: 3.4rem !important; padding-bottom: 76px !important; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(rgba(143, 227, 238, .16) 1px, transparent 1.6px) 0 0 / 24px 24px,
    radial-gradient(ellipse 38% 60% at 90% 12%, rgba(41, 180, 201, .30), rgba(41, 180, 201, 0) 70%),
    radial-gradient(ellipse 34% 55% at 6% 88%, rgba(242, 194, 48, .16), rgba(242, 194, 48, 0) 70%),
    radial-gradient(ellipse 30% 50% at 55% 100%, rgba(221, 19, 103, .14), rgba(221, 19, 103, 0) 70%),
    linear-gradient(180deg, #08294f 0%, #041c3d 55%, #031530 100%) !important;
}
html body .pkp_structure_footer_wrapper::after { height: 64px !important; opacity: .75 !important; }
/* camada com páginas/etiquetas (SVG animado do header) */
html body .pkp_structure_footer_wrapper .pkp_structure_footer { position: relative; z-index: 1; max-width: var(--b-wrap) !important; margin: 0 auto !important; padding: 0 1rem !important; background: none !important; box-sizing: border-box; }
html body .pkp_structure_footer_wrapper .pkp_structure_footer::before {
  content: "" !important; display: block !important; position: absolute !important; z-index: -1; left: 50% !important; top: -20px !important; width: min(1200px, 100vw) !important; height: calc(100% + 60px) !important; margin-left: calc(min(1200px, 100vw) / -2) !important; right: auto !important; bottom: auto !important;
  background: var(--b-fly) center / 100% auto no-repeat !important; opacity: .42 !important; pointer-events: none; animation: b-ft-glow 7s ease-in-out infinite !important; transform: none !important;
}

/* B. Marca: logo em branco com brilho metálico atravessando (mesma máscara do header) */
html body .pkp_footer_content { position: relative; z-index: 1; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1rem; align-items: stretch; margin: 0 !important; padding: 0 !important; }
html body .pkp_footer_content::before {
  content: "" !important; display: block !important; grid-column: 1 / -1; position: static !important; width: min(100%, 300px) !important; height: 92px !important; margin: 0 0 .4rem !important; inset: auto !important; pointer-events: none;
  background:
    linear-gradient(105deg, rgba(255, 255, 255, 0) 38%, rgba(255, 244, 190, .95) 48%, rgba(41, 180, 201, .95) 52%, rgba(255, 255, 255, 0) 62%) -160% 0 / 70% 100% no-repeat,
    linear-gradient(180deg, #ffffff, #bfeff5) !important;
  -webkit-mask-image: var(--b-logo-img); mask-image: var(--b-logo-img); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: left center; mask-position: left center;
  animation: b-ft-sheen 4.6s ease-in-out infinite !important; opacity: 1 !important;
}

/* C. Informações em cartões (um por linha do HTML do rodapé), faixa de cor à esquerda */
html body .pkp_footer_content > p, html body .pkp_footer_content > div:not(:empty), html body .pkp_footer_content > ul > li {
  position: relative; box-sizing: border-box; margin: 0 !important; padding: .85rem 1.1rem .85rem 1.2rem !important; list-style: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04)) !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-left: 4px solid var(--ft-c, #29b4c9) !important; border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(0, 8, 24, .28); font: 400 .9rem/1.55 var(--b-sans) !important; color: #dff4f7 !important; text-align: left !important; hyphens: none !important; overflow-wrap: anywhere; min-width: 0;
}
html body .pkp_footer_content > :nth-child(6n+2) { --ft-c: #f2c230; }
html body .pkp_footer_content > :nth-child(6n+3) { --ft-c: #29b4c9; }
html body .pkp_footer_content > :nth-child(6n+4) { --ft-c: #58c5a2; }
html body .pkp_footer_content > :nth-child(6n+5) { --ft-c: #8f83ff; }
html body .pkp_footer_content > :nth-child(6n+6) { --ft-c: #ff4f93; }
html body .pkp_footer_content > :nth-child(6n+7) { --ft-c: #0f9aa6; }
html body .pkp_footer_content strong, html body .pkp_footer_content b { color: #ffffff !important; font-weight: 800 !important; }
html body .pkp_footer_content p:has(img) { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; }
html body .pkp_footer_content img { max-width: 88px; height: auto; border-radius: 4px; vertical-align: middle; }
html body .pkp_footer_content a { color: #8fe3ee !important; text-decoration: underline; text-decoration-color: rgba(143, 227, 238, .45); text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color .2s ease, text-decoration-color .2s ease; }
html body .pkp_footer_content a:hover { color: #f2c230 !important; text-decoration-color: #f2c230; }

/* D. Selo da plataforma: centralizado, com divisor */
html body .pkp_structure_footer_wrapper .pkp_brand_footer {
  position: relative; z-index: 1; display: flex !important; align-items: center; justify-content: center; gap: .7rem; flex-wrap: wrap; width: 100% !important; float: none !important; clear: both;
  margin: 1.6rem 0 0 !important; padding: 1.2rem 0 0 !important; border-top: 1px solid rgba(255, 255, 255, .16); text-align: center; opacity: .95;
}
html body .pkp_structure_footer_wrapper .pkp_brand_footer::before { display: none !important; content: none !important; }
html body .pkp_structure_footer_wrapper .pkp_brand_footer a, html body .pkp_structure_footer_wrapper .pkp_brand_footer span { display: inline-flex; align-items: center; gap: .6rem; color: #b9d9de !important; font: 600 .78rem/1.3 var(--b-sans); letter-spacing: .04em; text-decoration: none; }
html body .pkp_structure_footer_wrapper .pkp_brand_footer img { height: 34px; width: auto; max-width: 150px; filter: brightness(0) invert(1); opacity: .9; }

/* E. Celular */
@media (max-width: 767.98px) {
  html body .pkp_structure_footer_wrapper { padding-top: 2.6rem !important; padding-bottom: 70px !important; }
  html body .pkp_footer_content { grid-template-columns: 1fr; gap: .75rem; }
  html body .pkp_footer_content::before { margin-left: auto !important; margin-right: auto !important; height: 78px !important; -webkit-mask-position: center; mask-position: center; }
  html body .pkp_footer_content > p, html body .pkp_footer_content > div:not(:empty) { padding: .75rem .9rem .75rem 1rem !important; font-size: .88rem !important; }
  html body .pkp_structure_footer_wrapper .pkp_structure_footer { text-align: left !important; }
}
/* cartões mais opacos: as páginas flutuantes aparecem nos espaços entre eles, sem atrapalhar a leitura */
html body .pkp_footer_content > p, html body .pkp_footer_content > div:not(:empty), html body .pkp_footer_content > ul > li {
  background: linear-gradient(135deg, rgba(10, 48, 92, .94), rgba(5, 30, 62, .94)) !important;
}
html body .pkp_structure_footer_wrapper .pkp_structure_footer::before { opacity: .36 !important; }

/* ==========================================================================
   RODAPÉ — AJUSTE: sem pontinhos + efeito VISÍVEL (esteira de páginas/etiquetas ao lado do logo)
   ========================================================================== */
:root { --b-ft-fly: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 130%22%3E%3Cg opacity=%220%22%3E%3Cg%3E%3Crect x=%22-30%22 y=%22-12%22 width=%2260%22 height=%2224%22 rx=%2212%22 fill=%22%23fff%22 stroke=%22%23f2c230%22 stroke-width=%222.4%22/%3E%3Ctext y=%224.6%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22800%22 font-size=%2212.5%22 fill=%22%23f2c230%22%3EPDF%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M1180,70 Q750,11 320,94%22 dur=%2219.6s%22 begin=%22-0.0s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2219.6s%22 begin=%22-0.0s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg transform=%22scale(1.1)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%2329b4c9%22 stroke-width=%223%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.6%22 rx=%221.8%22 fill=%22%2329b4c9%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223.2%22 rx=%221.6%22 fill=%22%2329b4c9%22 fill-opacity=%22.6%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223.2%22 rx=%221.6%22 fill=%22%2329b4c9%22 fill-opacity=%22.6%22/%3E%3C/g%3E%3CanimateMotion path=%22M1180,63 Q750,27 320,65%22 dur=%2222.2s%22 begin=%22-1.9s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2222.2s%22 begin=%22-1.9s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg%3E%3Crect x=%22-30%22 y=%22-12%22 width=%2260%22 height=%2224%22 rx=%2212%22 fill=%22%23fff%22 stroke=%22%2358c5a2%22 stroke-width=%222.4%22/%3E%3Ctext y=%224.6%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22800%22 font-size=%2212.5%22 fill=%22%2358c5a2%22%3EDOI%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M1180,67 Q750,17 320,67%22 dur=%2217.5s%22 begin=%22-2.9s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2217.5s%22 begin=%22-2.9s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg transform=%22scale(0.95)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%23ff4f93%22 stroke-width=%223%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.6%22 rx=%221.8%22 fill=%22%23ff4f93%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223.2%22 rx=%221.6%22 fill=%22%23ff4f93%22 fill-opacity=%22.6%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223.2%22 rx=%221.6%22 fill=%22%23ff4f93%22 fill-opacity=%22.6%22/%3E%3C/g%3E%3CanimateMotion path=%22M1180,46 Q750,7 320,22%22 dur=%2220.9s%22 begin=%22-5.2s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2220.9s%22 begin=%22-5.2s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg%3E%3Crect x=%22-30%22 y=%22-12%22 width=%2260%22 height=%2224%22 rx=%2212%22 fill=%22%23fff%22 stroke=%22%238f83ff%22 stroke-width=%222.4%22/%3E%3Ctext y=%224.6%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22800%22 font-size=%2212.5%22 fill=%22%238f83ff%22%3EOPEN%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M1180,69 Q750,11 320,90%22 dur=%2217.1s%22 begin=%22-5.7s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2217.1s%22 begin=%22-5.7s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg transform=%22scale(0.95)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%230f9aa6%22 stroke-width=%223%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.6%22 rx=%221.8%22 fill=%22%230f9aa6%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223.2%22 rx=%221.6%22 fill=%22%230f9aa6%22 fill-opacity=%22.6%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223.2%22 rx=%221.6%22 fill=%22%230f9aa6%22 fill-opacity=%22.6%22/%3E%3C/g%3E%3CanimateMotion path=%22M1180,37 Q750,-23 320,45%22 dur=%2221.5s%22 begin=%22-9.0s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2221.5s%22 begin=%22-9.0s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg%3E%3Crect x=%22-30%22 y=%22-12%22 width=%2260%22 height=%2224%22 rx=%2212%22 fill=%22%23fff%22 stroke=%22%23f2c230%22 stroke-width=%222.4%22/%3E%3Ctext y=%224.6%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22800%22 font-size=%2212.5%22 fill=%22%23f2c230%22%3EHTML%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M1180,82 Q750,32 320,91%22 dur=%2219.6s%22 begin=%22-9.8s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2219.6s%22 begin=%22-9.8s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg transform=%22scale(1.1)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%2329b4c9%22 stroke-width=%223%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.6%22 rx=%221.8%22 fill=%22%2329b4c9%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223.2%22 rx=%221.6%22 fill=%22%2329b4c9%22 fill-opacity=%22.6%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223.2%22 rx=%221.6%22 fill=%22%2329b4c9%22 fill-opacity=%22.6%22/%3E%3C/g%3E%3CanimateMotion path=%22M1180,35 Q750,3 320,58%22 dur=%2217.3s%22 begin=%22-10.1s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2217.3s%22 begin=%22-10.1s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg%3E%3Crect x=%22-30%22 y=%22-12%22 width=%2260%22 height=%2224%22 rx=%2212%22 fill=%22%23fff%22 stroke=%22%2358c5a2%22 stroke-width=%222.4%22/%3E%3Ctext y=%224.6%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22800%22 font-size=%2212.5%22 fill=%22%2358c5a2%22%3EPDF%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M1180,47 Q750,10 320,73%22 dur=%2216.5s%22 begin=%22-11.0s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2216.5s%22 begin=%22-11.0s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg transform=%22scale(0.95)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%23ff4f93%22 stroke-width=%223%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.6%22 rx=%221.8%22 fill=%22%23ff4f93%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223.2%22 rx=%221.6%22 fill=%22%23ff4f93%22 fill-opacity=%22.6%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223.2%22 rx=%221.6%22 fill=%22%23ff4f93%22 fill-opacity=%22.6%22/%3E%3C/g%3E%3CanimateMotion path=%22M1180,84 Q750,40 320,83%22 dur=%2220.8s%22 begin=%22-15.6s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2220.8s%22 begin=%22-15.6s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg%3E%3Crect x=%22-30%22 y=%22-12%22 width=%2260%22 height=%2224%22 rx=%2212%22 fill=%22%23fff%22 stroke=%22%238f83ff%22 stroke-width=%222.4%22/%3E%3Ctext y=%224.6%22 text-anchor=%22middle%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22800%22 font-size=%2212.5%22 fill=%22%238f83ff%22%3EDOI%3C/text%3E%3C/g%3E%3CanimateMotion path=%22M1180,47 Q750,10 320,50%22 dur=%2220.7s%22 begin=%22-17.3s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2220.7s%22 begin=%22-17.3s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg opacity=%220%22%3E%3Cg transform=%22scale(1.1)%22%3E%3Crect x=%22-16%22 y=%22-21%22 width=%2232%22 height=%2242%22 rx=%224%22 fill=%22%23fff%22 stroke=%22%230f9aa6%22 stroke-width=%223%22/%3E%3Crect x=%22-9%22 y=%22-13%22 width=%2218%22 height=%223.6%22 rx=%221.8%22 fill=%22%230f9aa6%22/%3E%3Crect x=%22-9%22 y=%22-6%22 width=%2214%22 height=%223.2%22 rx=%221.6%22 fill=%22%230f9aa6%22 fill-opacity=%22.6%22/%3E%3Crect x=%22-9%22 y=%220%22 width=%2218%22 height=%223.2%22 rx=%221.6%22 fill=%22%230f9aa6%22 fill-opacity=%22.6%22/%3E%3C/g%3E%3CanimateMotion path=%22M1180,66 Q750,34 320,36%22 dur=%2221.1s%22 begin=%22-19.4s%22 repeatCount=%22indefinite%22 rotate=%220%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;1;1;0%22 keyTimes=%220;.1;.85;1%22 dur=%2221.1s%22 begin=%22-19.4s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Ccircle cx=%22723%22 cy=%2241%22 r=%221.6%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%224.3s%22 begin=%22-1.3s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22528%22 cy=%2242%22 r=%223%22 fill=%22%23f2c230%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%224.4s%22 begin=%22-1.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221058%22 cy=%2253%22 r=%223%22 fill=%22%23f2c230%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%222.5s%22 begin=%22-0.8s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221113%22 cy=%2262%22 r=%222.2%22 fill=%22%230f9aa6%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.5s%22 begin=%22-2.3s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22501%22 cy=%2284%22 r=%221.6%22 fill=%22%2358c5a2%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.3s%22 begin=%22-0.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22683%22 cy=%22112%22 r=%221.6%22 fill=%22%2329b4c9%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%224.3s%22 begin=%22-0.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22730%22 cy=%2264%22 r=%223%22 fill=%22%230f9aa6%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.0s%22 begin=%22-2.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221177%22 cy=%2295%22 r=%223%22 fill=%22%23ff4f93%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.5s%22 begin=%22-1.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221181%22 cy=%2210%22 r=%222.2%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%225.0s%22 begin=%22-0.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22491%22 cy=%22120%22 r=%223%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.9s%22 begin=%22-0.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22456%22 cy=%2259%22 r=%223%22 fill=%22%23f2c230%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.3s%22 begin=%22-1.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22393%22 cy=%2220%22 r=%223%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.1s%22 begin=%22-2.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22650%22 cy=%2260%22 r=%222.2%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%224.6s%22 begin=%22-0.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22662%22 cy=%2279%22 r=%221.6%22 fill=%22%2358c5a2%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%224.5s%22 begin=%22-1.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22493%22 cy=%2291%22 r=%221.6%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%224.2s%22 begin=%22-1.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22745%22 cy=%2219%22 r=%221.6%22 fill=%22%23f2c230%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%222.8s%22 begin=%22-2.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22549%22 cy=%2291%22 r=%222.2%22 fill=%22%23ff4f93%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.6s%22 begin=%22-3.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22752%22 cy=%2267%22 r=%221.6%22 fill=%22%230f9aa6%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%222.8s%22 begin=%22-1.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22892%22 cy=%2278%22 r=%222.2%22 fill=%22%23f2c230%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.0s%22 begin=%22-3.7s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22974%22 cy=%2218%22 r=%222.2%22 fill=%22%23ff4f93%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.1s%22 begin=%22-0.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22572%22 cy=%2268%22 r=%221.6%22 fill=%22%2329b4c9%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.4s%22 begin=%22-3.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221173%22 cy=%2282%22 r=%223%22 fill=%22%230f9aa6%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%224.0s%22 begin=%22-0.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22360%22 cy=%2212%22 r=%223%22 fill=%22%2358c5a2%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.3s%22 begin=%22-0.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22845%22 cy=%2218%22 r=%223%22 fill=%22%23f2c230%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.3s%22 begin=%22-0.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22392%22 cy=%2260%22 r=%223%22 fill=%22%2358c5a2%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%222.6s%22 begin=%22-3.7s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22964%22 cy=%2224%22 r=%222.2%22 fill=%22%2358c5a2%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%222.7s%22 begin=%22-1.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22397%22 cy=%22104%22 r=%222.2%22 fill=%22%23f2c230%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.9s%22 begin=%22-2.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22659%22 cy=%2274%22 r=%221.6%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%222.7s%22 begin=%22-2.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221184%22 cy=%22107%22 r=%222.2%22 fill=%22%230f9aa6%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.5s%22 begin=%22-2.9s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22830%22 cy=%2258%22 r=%221.6%22 fill=%22%238f83ff%22 opacity=%22.0%22%3E%3Canimate attributeName=%22opacity%22 values=%220;.9;0%22 dur=%223.8s%22 begin=%22-2.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3C/svg%3E"); }
@keyframes b-ft-sheen2 { 0% { background-position: -180% 0, 0 0; } 55%, 100% { background-position: 280% 0, 0 0; } }
/* A. Sem grade de pontos: fundo limpo com brilhos suaves de cor */
html body .pkp_structure_footer_wrapper {
  background:
    radial-gradient(ellipse 40% 70% at 88% 8%, rgba(41, 180, 201, .34), rgba(41, 180, 201, 0) 70%),
    radial-gradient(ellipse 34% 55% at 6% 90%, rgba(242, 194, 48, .16), rgba(242, 194, 48, 0) 70%),
    radial-gradient(ellipse 30% 50% at 55% 100%, rgba(221, 19, 103, .16), rgba(221, 19, 103, 0) 70%),
    linear-gradient(180deg, #08294f 0%, #041c3d 55%, #031530 100%) !important;
}
/* B. Esteira de páginas e etiquetas (SVG animado) — só na faixa do logo, nunca atrás dos cartões */
html body .pkp_structure_footer_wrapper .pkp_structure_footer::before {
  content: "" !important; display: block !important; position: absolute !important; z-index: 0; left: 0 !important; right: 0 !important; top: -6px !important; width: auto !important; height: 130px !important; margin: 0 !important; bottom: auto !important;
  background: var(--b-ft-fly) right center / 100% 100% no-repeat !important; opacity: 1 !important; animation: none !important; pointer-events: none; transform: none !important;
}
@media (max-width: 767.98px) { html body .pkp_structure_footer_wrapper .pkp_structure_footer::before { opacity: .85 !important; height: 100px !important; background-size: auto 100% !important; background-position: right center !important; } }
/* C. Logo maior e brilho bem visível (faixa amarela e ciano sobre o logo claro) */
html body .pkp_footer_content::before {
  width: min(100%, 360px) !important; height: 112px !important; z-index: 2;
  background:
    linear-gradient(105deg, rgba(255, 255, 255, 0) 30%, #ffd84a 44%, #ffffff 50%, #29d3ee 56%, rgba(255, 255, 255, 0) 70%) -180% 0 / 80% 100% no-repeat,
    linear-gradient(180deg, #e9fbff, #8fe3ee) !important;
  animation: b-ft-sheen2 3.8s ease-in-out infinite !important;
}
html body .pkp_footer_content > p, html body .pkp_footer_content > div:not(:empty), html body .pkp_footer_content > ul > li { position: relative; z-index: 1; }

/* ==========================================================================
   RODAPÉ — LOGO MAIOR + EFEITO "CORES EM FLUXO"
   Cores correndo dentro das letras do logo + faixa de brilho + flutuação e respiração suaves.
   ========================================================================== */
@keyframes b-ft-fx {
  0%   { background-position: -180% 0, 0% 0; }
  45%  { background-position: 280% 0, 90% 0; }
  100% { background-position: 280% 0, 200% 0; }
}
@keyframes b-ft-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@keyframes b-ft-breathe { 0%, 100% { scale: 1; } 50% { scale: 1.035; } }
html body .pkp_footer_content::before {
  width: min(100%, 540px) !important; height: clamp(120px, 12vw, 176px) !important; margin: 0 0 .6rem !important; transform-origin: left center;
  background:
    linear-gradient(105deg, rgba(255, 255, 255, 0) 32%, #fff3a6 44%, #ffffff 50%, #7ff0ff 56%, rgba(255, 255, 255, 0) 68%) -180% 0 / 80% 100% no-repeat,
    linear-gradient(90deg, #ffffff 0%, #8fe3ee 16%, #ffd84a 33%, #ff7ab6 50%, #a99bff 66%, #58e0b8 83%, #ffffff 100%) 0% 0 / 200% 100% repeat-x !important;
  animation: b-ft-fx 7s ease-in-out infinite, b-ft-bob 5.5s ease-in-out infinite, b-ft-breathe 6.5s ease-in-out infinite !important;
}
html body .pkp_structure_footer_wrapper .pkp_structure_footer::before { height: clamp(120px, 12vw, 176px) !important; }
@media (max-width: 767.98px) {
  html body .pkp_footer_content::before { width: min(100%, 360px) !important; height: 128px !important; transform-origin: center; }
}

/* ==========================================================================
   HEADER — LOGO ATUALIZADO (Biblioteca de arquivos, ID 1) + ISSN e DOI
   O logo agora é desenhado direto da imagem da Biblioteca (versão atual do arquivo),
   em vez da imagem antiga configurada no site. Se trocar o arquivo, basta enviar de novo
   com o mesmo ID (o "?v=" abaixo evita cache; mude o número para forçar atualização).
   ========================================================================== */
:root {
  --b-logo-img: url("/index.php/omp/libraryFiles/downloadPublic/1?v=20261012");
  --b-logo-ratio: 2.4;                       /* proporção largura/altura do arquivo do logo (ajuste se precisar) */
  --b-logo-h: clamp(150px, 12.5vw, 180px);
}
html body #headerNavigationContainer .pkp_site_name .is_img {
  display: block !important; position: relative; width: calc(var(--b-logo-h) * var(--b-logo-ratio)) !important; max-width: 100% !important; height: var(--b-logo-h) !important;
  background: var(--b-logo-img) left center / contain no-repeat !important; line-height: 0; font-size: 0;
  animation: b-bob 7s ease-in-out infinite, b-breathe 5.5s ease-in-out infinite !important;
}
/* a <img> original fica invisível (mantém texto alternativo e link) */
html body #headerNavigationContainer .pkp_site_name .is_img img {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; opacity: 0 !important; animation: none !important; filter: none !important;
}
/* brilho metálico segue a mesma imagem */
html body .pkp_structure_head .pkp_site_name::after { -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-position: left center; mask-position: left center; animation: b-sheen 4.2s ease-in-out infinite, b-bob 7s ease-in-out infinite, b-breathe 5.5s ease-in-out infinite !important; }

/* ISSN e DOI logo abaixo do logo */
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  content: "e-ISSN 3085-8569   ·   DOI 10.37497/alumni" !important; display: block !important; position: absolute !important; z-index: 4; pointer-events: none;
  left: max(1rem, calc((100% - var(--b-wrap)) / 2)) !important; top: calc(clamp(40px, 4vw, 56px) + var(--b-logo-h) + 10px) !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important;
  padding: .42rem 1rem; border-radius: 999px; white-space: pre; box-sizing: border-box;
  font: 800 .78rem/1.2 var(--b-sans); letter-spacing: .06em; color: #041c3d; -webkit-text-fill-color: #041c3d;
  background: rgba(255, 255, 255, .94); border: 1px solid rgba(15, 154, 166, .45); box-shadow: 0 8px 20px rgba(4, 28, 61, .14), inset 0 -3px 0 #f2c230; filter: none !important; animation: none !important;
}
@media (max-width: 991.98px) {
  html body #headerNavigationContainer .pkp_site_name .is_img { margin: 0 auto !important; background-position: center !important; }
  html body .pkp_structure_head .pkp_site_name::after { -webkit-mask-position: center; mask-position: center; }
  html body .pkp_structure_head .pkp_site_name_wrapper { padding-bottom: 46px !important; }
  html body .pkp_structure_head .pkp_site_name_wrapper::after {
    left: 50% !important; top: calc(4rem + var(--b-logo-h) + 8px) !important; margin-left: 0 !important; translate: -50% 0; font-size: .7rem; padding: .38rem .8rem; max-width: calc(100% - 1.6rem);
  }
}

/* ==========================================================================
   HEADER — VERSÃO CRIATIVA: logo recortado e maior + "FICHA DA OBRA" com código de barras e leitor a laser
   Ajustes rápidos (variáveis): largura do logo, enquadramento vertical e proporção do arquivo.
   ========================================================================== */
:root {
  --b-logo-w: clamp(250px, 22vw, 310px);        /* largura visível do desenho do logo */
  --b-logo-canvas: 1.14;                          /* largura total do arquivo ÷ largura do desenho (aumente se o desenho aparecer cortado nas laterais) */
  --b-logo-py: 70%;                               /* enquadramento vertical do arquivo (0% = topo, 100% = base) */
  --b-logo-h: calc(var(--b-logo-w) * .46);       /* altura da janela do logo */
  --b-logo-top: clamp(52px, 5vw, 66px);
}
html body #headerNavigationContainer .pkp_site_name .is_img {
  width: var(--b-logo-w) !important; height: var(--b-logo-h) !important;
  background: var(--b-logo-img) 0 var(--b-logo-py) / calc(var(--b-logo-w) * var(--b-logo-canvas)) auto no-repeat !important;
}
html body .pkp_structure_head .pkp_site_name_wrapper { padding-top: var(--b-logo-top) !important; }
html body .pkp_structure_head .pkp_site_name::after {
  -webkit-mask-size: calc(var(--b-logo-w) * var(--b-logo-canvas)) auto !important; mask-size: calc(var(--b-logo-w) * var(--b-logo-canvas)) auto !important;
  -webkit-mask-position: 0 var(--b-logo-py) !important; mask-position: 0 var(--b-logo-py) !important;
}

/* Ficha da obra: cartão de biblioteca com código de barras (ISSN) e feixe de leitura passando */
@keyframes b-scan  { 0% { background-position: -40% 0, right 14px center, 0 0, 0 0; } 70%, 100% { background-position: 150% 0, right 14px center, 0 0, 0 0; } }
@keyframes b-swing { 0%, 100% { rotate: -2.2deg; translate: 0 0; } 50% { rotate: 1.2deg; translate: 0 -4px; } }
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  content: "e-ISSN  3085-8569\A DOI  10.37497/alumni" !important; white-space: pre !important; display: block !important; position: absolute !important; z-index: 4; pointer-events: none; box-sizing: border-box;
  left: max(1rem, calc((100% - var(--b-wrap)) / 2)) !important; top: calc(var(--b-logo-top) + var(--b-logo-h) + 8px) !important; right: auto !important; bottom: auto !important;
  width: 276px !important; height: 66px !important; padding: .62rem 92px .5rem 1.15rem !important; border-radius: 12px 12px 12px 4px;
  font: 800 .74rem/1.55 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .04em; color: #041c3d; -webkit-text-fill-color: #041c3d; text-transform: uppercase;
  background:
    linear-gradient(100deg, rgba(41, 211, 238, 0) 38%, rgba(41, 211, 238, .55) 49%, rgba(255, 255, 255, .95) 50%, rgba(41, 211, 238, .55) 51%, rgba(41, 211, 238, 0) 62%) -40% 0 / 70% 100% no-repeat,
    repeating-linear-gradient(90deg, #041c3d 0 2px, transparent 2px 4px, #041c3d 4px 5px, transparent 5px 8px, #041c3d 8px 11px, transparent 11px 12px, #041c3d 12px 13px, transparent 13px 15px) right 14px center / 66px 38px no-repeat,
    linear-gradient(180deg, #f2c230 0 33%, #29b4c9 33% 66%, #dd1367 66% 100%) left center / 7px 100% no-repeat,
    linear-gradient(180deg, #ffffff, #eefafb);
  border: 1px solid rgba(15, 154, 166, .45); box-shadow: 0 12px 26px rgba(4, 28, 61, .2); filter: none !important;
  transform-origin: left top; animation: b-scan 3.8s ease-in-out infinite, b-swing 6s ease-in-out infinite !important;
}
@media (max-width: 991.98px) {
  :root { --b-logo-w: clamp(210px, 62vw, 270px); --b-logo-top: 4rem; }
  html body #headerNavigationContainer .pkp_site_name .is_img { background-position: center var(--b-logo-py) !important; }
  html body .pkp_structure_head .pkp_site_name::after { -webkit-mask-position: center var(--b-logo-py) !important; mask-position: center var(--b-logo-py) !important; }
  html body .pkp_structure_head .pkp_site_name_wrapper { padding-bottom: 84px !important; }
  html body .pkp_structure_head .pkp_site_name_wrapper::after { left: 50% !important; top: calc(var(--b-logo-top) + var(--b-logo-h) + 8px) !important; margin-left: -138px !important; translate: none; transform-origin: center top; max-width: calc(100% - 1rem); }
}

/* ==========================================================================
   HEADER — AJUSTE: logo em tamanho adequado + ficha ISSN/DOI ao lado do logo (sem inclinação)
   ========================================================================== */
:root {
  --b-logo-w: clamp(200px, 16.5vw, 240px);      /* largura da janela do logo (= largura do arquivo) */
  --b-logo-canvas: 1;                            /* 1 = arquivo inteiro na largura da janela */
  --b-logo-py: 78%;                              /* enquadramento vertical */
  --b-logo-h: calc(var(--b-logo-w) * .42);      /* altura da janela */
  --b-logo-top: clamp(58px, 5.4vw, 72px);
  --b-card-w: 244px; --b-card-h: 58px;
}
/* ficha: ao lado do logo, alinhada ao centro dele, sem rotação */
@keyframes b-scan2 { 0% { background-position: -40% 0, right 12px center, 0 0, 0 0; } 70%, 100% { background-position: 150% 0, right 12px center, 0 0, 0 0; } }
@keyframes b-float2 { 0%, 100% { translate: 0 0; } 50% { translate: 0 -4px; } }
@media (min-width: 992px) {
  html body .pkp_structure_head .pkp_site_name_wrapper::after {
    left: calc(max(1rem, (100% - var(--b-wrap)) / 2) + var(--b-logo-w) + 28px) !important;
    top: calc(var(--b-logo-top) + (var(--b-logo-h) - var(--b-card-h)) / 2) !important;
    margin-left: 0 !important; rotate: none; transform-origin: center;
  }
}
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  width: var(--b-card-w) !important; height: var(--b-card-h) !important; padding: .5rem 78px .4rem 1rem !important; font-size: .68rem !important; line-height: 1.6; border-radius: 10px !important;
  background:
    linear-gradient(100deg, rgba(41, 211, 238, 0) 38%, rgba(41, 211, 238, .5) 49%, rgba(255, 255, 255, .95) 50%, rgba(41, 211, 238, .5) 51%, rgba(41, 211, 238, 0) 62%) -40% 0 / 70% 100% no-repeat,
    repeating-linear-gradient(90deg, #041c3d 0 2px, transparent 2px 4px, #041c3d 4px 5px, transparent 5px 8px, #041c3d 8px 11px, transparent 11px 12px, #041c3d 12px 13px, transparent 13px 15px) right 12px center / 56px 32px no-repeat,
    linear-gradient(180deg, #f2c230 0 33%, #29b4c9 33% 66%, #dd1367 66% 100%) left center / 6px 100% no-repeat,
    linear-gradient(180deg, #ffffff, #eefafb) !important;
  box-shadow: 0 10px 22px rgba(4, 28, 61, .18) !important; animation: b-scan2 3.8s ease-in-out infinite, b-float2 5s ease-in-out infinite !important;
}
@media (max-width: 991.98px) {
  :root { --b-logo-w: clamp(190px, 56vw, 240px); --b-logo-top: 4rem; --b-card-w: 236px; }
  html body .pkp_structure_head .pkp_site_name_wrapper::after { left: 50% !important; margin-left: calc(var(--b-card-w) / -2) !important; top: calc(var(--b-logo-top) + var(--b-logo-h) + 8px) !important; }
}

/* ==========================================================================
   HEADER — LOGO SEM REALCE, ENQUADRADO + EFEITO "LIVRO NA ESTANTE" | ISSN/DOI EM DIGITAÇÃO
   ========================================================================== */
:root { --b-logo-h: calc(var(--b-logo-w) * .48); --b-logo-py: 58%; }

/* A. Remove o brilho/realce do logo */
html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after { content: none !important; display: none !important; animation: none !important; background: none !important; filter: none !important; }

/* B. Efeito: o logo "gira" levemente como a capa de um livro apoiado na estante (perspectiva, sem sombra/brilho) */
@keyframes b-sway { 0%, 100% { transform: perspective(800px) rotateY(-14deg); } 50% { transform: perspective(800px) rotateY(10deg); } }
@keyframes b-lift { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }
html body #headerNavigationContainer .pkp_site_name .is_img {
  filter: none !important; box-shadow: none !important; transform-origin: 20% 60%; will-change: transform;
  animation: b-sway 8s ease-in-out infinite, b-lift 5.5s ease-in-out infinite !important;
}

/* C. ISSN e DOI: sem cartão — linha "digitada" sob o logo, com cursor piscante e marcador amarelo */
@keyframes b-type  { 0% { width: 0; } 45% { width: calc(38 * (1ch + .07em)); } 88% { width: calc(38 * (1ch + .07em)); } 100% { width: 0; } }
@keyframes b-caret { 0%, 100% { border-right-color: transparent; } 50% { border-right-color: #0f9aa6; } }
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  content: "e-ISSN 3085-8569 · DOI 10.37497/alumni" !important; white-space: nowrap !important; display: block !important; position: absolute !important; z-index: 4; pointer-events: none; box-sizing: content-box;
  left: max(1rem, calc((100% - var(--b-wrap)) / 2)) !important; top: calc(var(--b-logo-top) + var(--b-logo-h) + 4px) !important; right: auto !important; bottom: auto !important; margin: 0 !important; translate: none !important; rotate: none !important;
  height: auto !important; width: 0; overflow: hidden; padding: .1rem .35rem .1rem .7rem !important; border: 0 !important; border-left: 4px solid #f2c230 !important; border-right: 2px solid #0f9aa6 !important; border-radius: 2px !important;
  font: 800 .8rem/1.5 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important; letter-spacing: .07em; color: #041c3d; -webkit-text-fill-color: #041c3d; text-transform: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .85), 0 0 10px rgba(255, 255, 255, .9); background: none !important; box-shadow: none !important; filter: none !important;
  animation: b-type 9s steps(38, end) infinite, b-caret .8s step-end infinite !important;
}
@media (max-width: 991.98px) {
  :root { --b-logo-w: clamp(190px, 56vw, 240px); --b-logo-top: 4rem; }
  html body .pkp_structure_head .pkp_site_name_wrapper::after { font-size: .68rem !important; left: calc(50% - 19 * (1ch + .07em) - .8rem) !important; margin-left: 0 !important; top: calc(var(--b-logo-top) + var(--b-logo-h) + 2px) !important; }
}

/* ==========================================================================
   HEADER — LOGO MAIOR COM "ONDA" + ISSN/DOI DISCRETOS NA LATERAL ESQUERDA
   Efeito: o logo é fatiado em 4 faixas verticais que sobem e descem em sequência
   (como uma bandeira ao vento / onda). Sem brilho, sem sombra.
   ========================================================================== */
:root { --b-logo-w: clamp(280px, 22vw, 330px); --b-logo-h: calc(var(--b-logo-w) * .48); }
@keyframes b-wave { 0%, 100% { translate: 0 0; } 25% { translate: 0 -9px; } 50% { translate: 0 0; } 75% { translate: 0 7px; } }
html body #headerNavigationContainer .pkp_site_name .is_img { background: none !important; animation: none !important; transform: none !important; }
html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after,
html body #headerNavigationContainer .pkp_site_name .is_img::before, html body #headerNavigationContainer .pkp_site_name .is_img::after {
  content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  z-index: 1; pointer-events: none; box-shadow: none !important; filter: none !important; -webkit-mask-image: none !important; mask-image: none !important; transform: none !important;
  background: var(--b-logo-img) 0 var(--b-logo-py) / calc(var(--b-logo-w) * var(--b-logo-canvas)) auto no-repeat !important;
  animation: b-wave 3.6s ease-in-out infinite !important;
}
html body .pkp_structure_head .pkp_site_name::before                       { clip-path: inset(0 75% 0 0);   animation-delay: 0s !important; }
html body #headerNavigationContainer .pkp_site_name .is_img::before         { clip-path: inset(0 50% 0 25%); animation-delay: -.45s !important; }
html body #headerNavigationContainer .pkp_site_name .is_img::after          { clip-path: inset(0 25% 0 50%); animation-delay: -.9s !important; }
html body .pkp_structure_head .pkp_site_name::after                        { clip-path: inset(0 0 0 75%);   animation-delay: -1.35s !important; }
/* a <img> original continua invisível (link e texto alternativo preservados) */
@media (max-width: 991.98px) {
  :root { --b-logo-w: clamp(230px, 66vw, 290px); }
  html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after,
  html body #headerNavigationContainer .pkp_site_name .is_img::before, html body #headerNavigationContainer .pkp_site_name .is_img::after { background-position: center var(--b-logo-py) !important; }
}

/* ISSN e DOI: texto vertical fino na borda esquerda do cabeçalho (não polui o conteúdo) */
@keyframes b-vflow { 0% { background-position: 0 0; } 100% { background-position: 0 -300%; } }
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  content: "e-ISSN 3085-8569   ◆   DOI 10.37497/alumni" !important; white-space: pre !important; display: block !important; position: absolute !important; z-index: 4; pointer-events: none; overflow: visible;
  left: 12px !important; top: 50% !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  writing-mode: vertical-rl; transform: translateY(-50%) rotate(180deg) !important; translate: none !important; rotate: none !important;
  font: 800 .72rem/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important; letter-spacing: .22em; text-transform: none;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
  background: linear-gradient(180deg, #041c3d 0%, #0a6f7a 25%, #29b4c9 45%, #5b4fc4 65%, #dd1367 85%, #041c3d 100%) 0 0 / 100% 300% repeat-y !important; -webkit-background-clip: text !important; background-clip: text !important;
  box-shadow: none !important; filter: none !important; text-shadow: none !important; animation: b-vflow 10s linear infinite !important;
}
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_site_name_wrapper::after { left: 6px !important; top: 58% !important; font-size: .62rem !important; letter-spacing: .16em; }
}

/* ==========================================================================
   AJUSTE FINAL — logo inteiro (sem fatias), giro 3D periódico + flutuação;
   ISSN/DOI compactos na borda esquerda
   ========================================================================== */
html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after,
html body #headerNavigationContainer .pkp_site_name .is_img::before, html body #headerNavigationContainer .pkp_site_name .is_img::after { content: none !important; display: none !important; animation: none !important; }
@keyframes b-flip { 0%, 62% { transform: perspective(900px) rotateY(0deg); } 80% { transform: perspective(900px) rotateY(360deg); } 100% { transform: perspective(900px) rotateY(360deg); } }
@keyframes b-bob { 0%, 100% { translate: 0 0; rotate: -1deg; } 50% { translate: 0 -8px; rotate: 1deg; } }
html body #headerNavigationContainer .pkp_site_name .is_img {
  display: block !important; width: var(--b-logo-w) !important; height: var(--b-logo-h) !important; position: relative !important;
  background: var(--b-logo-img) 0 var(--b-logo-py) / calc(var(--b-logo-w) * var(--b-logo-canvas)) auto no-repeat !important;
  transform-origin: 50% 50%; box-shadow: none !important; filter: none !important;
  animation: b-flip 7s cubic-bezier(.45,.05,.25,1) infinite, b-bob 4.5s ease-in-out infinite !important;
}
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  content: "ISSN 3085-8569 · DOI 10.37497/alumni" !important; white-space: nowrap !important; letter-spacing: .1em !important; font-size: .68rem !important; left: 10px !important;
}
@media (max-width: 991.98px) {
  :root { --b-logo-w: clamp(230px, 66vw, 290px); }
  html body .pkp_structure_head .pkp_site_name_wrapper::after { font-size: .58rem !important; letter-spacing: .06em !important; left: 4px !important; }
}

/* ==========================================================================
   ISSN/DOI — etiqueta (card) à DIREITA do header, borda com cores da marca em movimento
   ========================================================================== */
@keyframes b-tagflow { 0% { background-position: 0 0, 0% 0; } 100% { background-position: 0 0, 300% 0; } }
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  content: "e-ISSN  3085-8569\A DOI  10.37497/alumni" !important; white-space: pre !important; display: block !important; position: absolute !important; z-index: 6; pointer-events: none;
  left: auto !important; right: max(1rem, calc((100% - var(--b-wrap)) / 2)) !important; top: 58px !important; bottom: auto !important; width: auto !important; height: auto !important; margin: 0 !important;
  writing-mode: horizontal-tb !important; transform: none !important; translate: none !important; rotate: none !important; overflow: visible;
  padding: 8px 14px 8px 12px !important; border: 2px solid transparent !important; border-radius: 12px !important;
  font: 800 .74rem/1.55 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important; letter-spacing: .06em !important; text-align: left;
  color: #041c3d !important; -webkit-text-fill-color: #041c3d !important; text-shadow: none !important; filter: none !important;
  background: linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)) padding-box, linear-gradient(90deg, #0f9aa6, #29b4c9, #f2c230, #dd1367, #5b4fc4, #0f9aa6) border-box !important;
  background-size: 100% 100%, 300% 100% !important; -webkit-background-clip: padding-box, border-box !important; background-clip: padding-box, border-box !important;
  box-shadow: 0 6px 16px -8px rgba(4,28,61,.35) !important; animation: b-tagflow 6s linear infinite !important;
}
@media (max-width: 991.98px) {
  html body .pkp_structure_head .pkp_site_name_wrapper::after {
    left: 12px !important; right: auto !important; top: calc(var(--b-logo-top) + var(--b-logo-h) + 6px) !important; font-size: .64rem !important; padding: 5px 10px !important; border-radius: 10px !important;
  }
}

/* ==========================================================================
   CARD ISSN / DOI — versão aprimorada (3 camadas: cartão + linha ISSN + linha DOI)
   ========================================================================== */
html body .pkp_structure_head { --tg-w: 236px; --tg-h: 68px; --tg-y: 56px; --tg-x: calc(100% - max(1rem, calc((100% - var(--b-wrap)) / 2)) - var(--tg-w)); }
@keyframes b-tgborder { 0% { background-position: 0 0, 0% 0, 0 0; } 100% { background-position: 0 0, 300% 0, 0 0; } }
@keyframes b-tgbar { 0% { background-position: 0 0; } 100% { background-position: 0 -300%; } }
@keyframes b-tgtext { 0% { background-position: 0% 0; } 100% { background-position: -300% 0; } }
@keyframes b-tgdot { 0%, 100% { opacity: 1; scale: 1; } 50% { opacity: .35; scale: .6; } }

/* cartão: fundo branco translúcido, borda animada, barra lateral colorida e ponto pulsante */
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  content: "" !important; white-space: normal !important; display: block !important; position: absolute !important; z-index: 6; pointer-events: none;
  left: var(--tg-x) !important; right: auto !important; top: var(--tg-y) !important; bottom: auto !important; width: var(--tg-w) !important; height: var(--tg-h) !important; margin: 0 !important; padding: 0 !important;
  border: 2px solid transparent !important; border-radius: 14px !important; overflow: visible; transform: none !important; translate: none !important; rotate: none !important; writing-mode: horizontal-tb !important;
  background:
    linear-gradient(rgba(255,255,255,.96), rgba(255,255,255,.96)) padding-box,
    linear-gradient(90deg, #0f9aa6, #29b4c9, #f2c230, #dd1367, #5b4fc4, #0f9aa6) border-box,
    radial-gradient(circle at calc(100% - 14px) 14px, #58c5a2 0 4px, transparent 5px) padding-box !important;
  background-size: 100% 100%, 300% 100%, 100% 100% !important; background-clip: padding-box, border-box, padding-box !important;
  box-shadow: 0 10px 22px -12px rgba(4,28,61,.45) !important; color: transparent !important; animation: b-tgborder 6s linear infinite !important; font-size: 0 !important;
}
/* linhas de texto sobre o cartão */
html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after {
  display: block !important; position: absolute !important; z-index: 7; pointer-events: none; right: auto !important; bottom: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  inset: auto !important; width: calc(var(--tg-w) - 36px) !important; height: auto !important; white-space: nowrap !important; overflow: visible; transform: none !important; translate: none !important; rotate: none !important; clip-path: none !important;
  left: calc(var(--tg-x) + 22px) !important; font: 800 .8rem/1.2 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important; letter-spacing: .05em !important; text-transform: none; box-shadow: none !important; filter: none !important; text-shadow: none !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #041c3d, #0f9aa6, #5b4fc4, #dd1367, #041c3d) 0 0 / 300% 100% repeat-x !important; -webkit-background-clip: text !important; background-clip: text !important;
  animation: b-tgtext 7s linear infinite !important; mask-image: none !important; -webkit-mask-image: none !important;
}
html body .pkp_structure_head .pkp_site_name::before { content: "e-ISSN  3085-8569" !important; top: calc(var(--tg-y) + 16px) !important; }
html body .pkp_structure_head .pkp_site_name::after  { content: "DOI  10.37497/alumni" !important; top: calc(var(--tg-y) + 38px) !important; animation-delay: -1.2s !important; }
/* barra lateral colorida em fluxo (usa o canto esquerdo do cartão via sombra interna do próprio fundo) */
html body .pkp_structure_head .pkp_site_name_wrapper::before { /* mantém o indexador existente; nenhuma alteração */ }
@media (max-width: 991.98px) {
  html body .pkp_structure_head { --tg-w: 214px; --tg-h: 62px; --tg-x: 12px; --tg-y: calc(var(--b-logo-top) + var(--b-logo-h) + 6px); }
  html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after { font-size: .72rem !important; }
  html body .pkp_structure_head .pkp_site_name::before { top: calc(var(--tg-y) + 14px) !important; }
  html body .pkp_structure_head .pkp_site_name::after  { top: calc(var(--tg-y) + 34px) !important; }
}
html body .pkp_structure_head .pkp_site_name { position: static !important; overflow: visible !important; }
html body .pkp_structure_head .pkp_site_name { opacity: 1 !important; animation: none !important; z-index: auto !important; filter: none !important; transform: none !important; }
html body .pkp_structure_head .pkp_site_name::before, html body .pkp_structure_head .pkp_site_name::after { z-index: 7 !important; opacity: 1 !important; }
html body .pkp_structure_head .pkp_site_name { isolation: auto !important; }

/* ==========================================================================
   CARD ISSN/DOI — sem borda; vidro fosco (glassmorphism) com "aurora" em movimento
   ========================================================================== */
@keyframes b-aurora { 0% { background-position: 0% 0%, 100% 100%, 50% 0%, 0 0; } 50% { background-position: 100% 60%, 0% 20%, 0% 100%, 0 0; } 100% { background-position: 0% 0%, 100% 100%, 50% 0%, 0 0; } }
html body .pkp_structure_head .pkp_site_name_wrapper::after {
  border: 0 !important; border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(41,180,201,.55), transparent 55%) 0% 0% / 180% 180%,
    radial-gradient(circle at 50% 50%, rgba(221,19,103,.28), transparent 55%) 100% 100% / 180% 180%,
    radial-gradient(circle at 50% 50%, rgba(242,194,48,.40), transparent 55%) 50% 0% / 180% 180%,
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.62)) !important;
  background-clip: border-box !important; -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5);
  box-shadow: 0 18px 34px -18px rgba(4,28,61,.55), 0 2px 8px -2px rgba(15,154,166,.25) !important;
  animation: b-aurora 9s ease-in-out infinite !important;
}