/* Journal of Interdisciplinary Knowledge – CSS do OJS 3 (Default Theme).
   Paleta da capa: azul-marinho + amarelo-ouro + preto. Base: CSS do PAJ 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=Space+Grotesk:wght@500;600;700&display=swap");

/* ============================================================================
   JOURNAL OF INTERDISCIPLINARY KNOWLEDGE - CSS (OJS 3)
   Logo maior e responsivo + Cores aprimoradas + Textos justificados
   ============================================================================ */

/* ============================================================================
   1. VARIÁVEIS DE CORES
   ============================================================================ */
:root {
  --primary-blue: #1f4b7c;
  --primary-dark: #14304f;
  --accent-purple: #eec92f;
  --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: #f6de7a;
}

.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: #f6de7a; }
.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 #1f4b7c e roxo #eec92f.
   ============================================================================ */
:root {
  --paj-navy: #0c1a2e;
  --paj-navy-2: #14304f;
  --paj-blue: #1f4b7c;
  --paj-cyan: #f6de7a;       /* azul-céu (brilho) */
  --paj-pink: #eec92f;       /* 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/convergencias/libraryFiles/downloadPublic/12"); /* logotipo = Library 12 */
  --paj-logo-size: clamp(115px, 12vw, 160px); /* tamanho do logotipo */

  /* textos do cabeçalho (edite entre aspas; "" oculta) */
  --paj-kicker: "ISSN 3086-1543";
  --paj-tagline: "An interdisciplinary journal connecting knowledge across fields";

  --paj-net-a: 246, 222, 122;   /* 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) {
  /* param */
  html body .pkp_structure_head .pkp_navigation_primary_row::before,
  html body .pkp_structure_head .pkp_site_name,
  html body .pkp_site_name_wrapper::before,
  html body .pkp_structure_head .pkp_navigation_primary > li,
  html body .pkp_structure_head .pkp_navigation_user,
  html body .pkp_structure_head .pkp_navigation_search_wrapper,
  html body .pkp_structure_head .task_count { animation: none !important; }
  /* continuam */
  html body .pkp_head_wrapper::before { animation: paj-mesh 16s ease-in-out infinite alternate, paj-aurora 24s linear infinite !important; }
  html body .pkp_head_wrapper::after { animation: paj-layers 24s linear infinite !important; }
  html body .pkp_structure_head .pkp_navigation_primary_row::after { animation: paj-neon 4.5s ease-in-out infinite !important; }
  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 !important; }
  html body .pkp_site_name_wrapper::after { animation: paj-tagline 7s linear infinite !important; }
}
@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: "INTERDISCIPLINARY   ·   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(46, 104, 196, .50), rgba(46, 104, 196, 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%, #eec92f 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: #f6de7a !important; text-decoration: none; font-weight: 600;
  background: linear-gradient(90deg, #f6de7a, #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, #14304f) !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, #14304f); }
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, #1f4b7c), var(--accent-purple, #eec92f));
}
/* 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, #1f4b7c); 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, #1f4b7c); 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, #1f4b7c), var(--accent-purple, #eec92f)); 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, #1f4b7c), var(--accent-purple, #eec92f)) 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, #14304f); 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, #14304f); }
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, #14304f); 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, #1f4b7c), var(--accent-purple, #eec92f)); 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, #1f4b7c), var(--accent-purple, #eec92f));
}

/* ---- 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, #1f4b7c), var(--accent-purple, #eec92f));
}
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, #14304f);
}
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, #14304f) !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, #14304f); }
    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, #1f4b7c), 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, #1f4b7c), var(--accent-purple, #eec92f)) !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, #f6de7a); 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, #f6de7a, #1f4b7c, #eec92f); 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, #1f4b7c, #eec92f); 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, #1f4b7c), 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, #1f4b7c), var(--accent-purple, #eec92f));
  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; } }

/* ==========================================================================
   JIK — 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: "Revista interdisciplinar que conecta o conhecimento entre áreas";
  --paj-badges: "INTERDISCIPLINAR   ·   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 do JIK (ornamento) é 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: #0c1a2e !important; -webkit-text-fill-color: #0c1a2e;
  background: linear-gradient(135deg, #f8e58c 0%, #eec92f 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, #eec92f 55%, #d9b21d); color: #0c1a2e; box-shadow: 0 10px 26px rgba(238, 201, 47, .45); }
html body .paj-progress { background: linear-gradient(90deg, #f8e58c, #eec92f, #d9b21d); box-shadow: 0 0 10px rgba(238, 201, 47, .7); }
html body .pkp_structure_head .pkp_navigation_user .task_count { color: #0c1a2e; background: #eec92f; }
html body .pkp_structure_head .pkp_navigation_primary > li > a.paj-current { box-shadow: inset 0 -3px 0 #eec92f; 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, #1f4b7c, #eec92f) 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; }

/* ==========================================================================
   JIK — HEADER "SISTEMA ORBITAL" (combina com o logotipo: globo, órbitas e estrela)
   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. O fundo é 100% CSS (sem imagem).
   O mesmo sistema orbital aparece no rodapé.
   ========================================================================== */
:root {
  --jik-logo: url("https://alumnijournals.org/convergencias/libraryFiles/downloadPublic/12");
  --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) */
  --jik-orbit-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 660 660%22%3E%3Cdefs%3E%3CradialGradient id=%22gold%22 cx=%22.35%22 cy=%22.3%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff3b0%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23e0aa1e%22/%3E%3Cstop offset=%221%22 stop-color=%22%239a6a08%22/%3E%3C/radialGradient%3E%3CradialGradient id=%22blue%22 cx=%22.35%22 cy=%22.3%22%3E%3Cstop offset=%220%22 stop-color=%22%238fb6ec%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%231f4b7c%22/%3E%3Cstop offset=%221%22 stop-color=%22%230c1a2e%22/%3E%3C/radialGradient%3E%3Cpattern id=%22dots%22 width=%2211%22 height=%2211%22 patternUnits=%22userSpaceOnUse%22%3E%3Ccircle cx=%225.5%22 cy=%225.5%22 r=%221.5%22 fill=%22%237fb0ee%22/%3E%3C/pattern%3E%3C/defs%3E%3Ccircle cx=%22330%22 cy=%22330%22 r=%22178%22 fill=%22url(%23dots)%22 opacity=%22.55%22/%3E%3Ccircle cx=%22330%22 cy=%22330%22 r=%22178%22 fill=%22none%22 stroke=%22%235b93d6%22 stroke-opacity=%22.35%22 stroke-width=%221%22/%3E%3Ccircle cx=%22330%22 cy=%22330%22 r=%22110%22 fill=%22none%22 stroke=%22%23f6de7a%22 stroke-width=%221.2%22%3E%3Canimate attributeName=%22r%22 values=%22110;318%22 dur=%229s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.5;0%22 dur=%229s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22330%22 cy=%22330%22 r=%22110%22 fill=%22none%22 stroke=%22%23f6de7a%22 stroke-width=%221.2%22%3E%3Canimate attributeName=%22r%22 values=%22110;318%22 dur=%229s%22 begin=%223s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.5;0%22 dur=%229s%22 begin=%223s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22330%22 cy=%22330%22 r=%22110%22 fill=%22none%22 stroke=%22%23f6de7a%22 stroke-width=%221.2%22%3E%3Canimate attributeName=%22r%22 values=%22110;318%22 dur=%229s%22 begin=%226s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.5;0%22 dur=%229s%22 begin=%226s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Cg transform=%22rotate(-24 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22360 330 330%22 dur=%2270s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p3%22 d=%22M30,330 a300,105 0 1,0 600,0 a300,105 0 1,0 -600,0%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.6%22 /%3E%3Ccircle r=%228%22 fill=%22url(%23gold)%22%3E%3CanimateMotion dur=%2216s%22 repeatCount=%22indefinite%22 begin=%22-3s%22%3E%3Cmpath href=%22%23p3%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%222.24%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-2.4 -2.4)%22%3E%3CanimateMotion dur=%2216s%22 repeatCount=%22indefinite%22 begin=%22-3s%22%3E%3Cmpath href=%22%23p3%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22rotate(34 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22-360 330 330%22 dur=%2290s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p7%22 d=%22M60,330 a270,92 0 1,0 540,0 a270,92 0 1,0 -540,0%22 fill=%22none%22 stroke=%22%235b93d6%22 stroke-width=%221.4%22 /%3E%3Ccircle r=%227%22 fill=%22url(%23blue)%22%3E%3CanimateMotion dur=%2220s%22 repeatCount=%22indefinite%22 begin=%22-7s%22%3E%3Cmpath href=%22%23p7%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%221.9600000000000002%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-2.1 -2.1)%22%3E%3CanimateMotion dur=%2220s%22 repeatCount=%22indefinite%22 begin=%22-7s%22%3E%3Cmpath href=%22%23p7%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22rotate(-72 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22360 330 330%22 dur=%22110s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p11%22 d=%22M18,330 a312,150 0 1,0 624,0 a312,150 0 1,0 -624,0%22 fill=%22none%22 stroke=%22%23f6de7a%22 stroke-width=%221.2%22 stroke-dasharray=%222 7%22/%3E%3Ccircle r=%225%22 fill=%22url(%23gold)%22%3E%3CanimateMotion dur=%2226s%22 repeatCount=%22indefinite%22 begin=%22-11s%22%3E%3Cmpath href=%22%23p11%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%221.4000000000000001%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-1.5 -1.5)%22%3E%3CanimateMotion dur=%2226s%22 repeatCount=%22indefinite%22 begin=%22-11s%22%3E%3Cmpath href=%22%23p11%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22rotate(8 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22-360 330 330%22 dur=%2260s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p2%22 d=%22M90,330 a240,70 0 1,0 480,0 a240,70 0 1,0 -480,0%22 fill=%22none%22 stroke=%22%23fbe9a6%22 stroke-width=%221%22 stroke-opacity=%22.6%22/%3E%3Ccircle r=%225%22 fill=%22url(%23blue)%22%3E%3CanimateMotion dur=%2213s%22 repeatCount=%22indefinite%22 begin=%22-2s%22%3E%3Cmpath href=%22%23p2%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%221.4000000000000001%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-1.5 -1.5)%22%3E%3CanimateMotion dur=%2213s%22 repeatCount=%22indefinite%22 begin=%22-2s%22%3E%3Cmpath href=%22%23p2%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate(486 150)%22%3E%3Cpath d=%22M0,-22 L4,-4 L22,0 L4,4 L0,22 L-4,4 L-22,0 L-4,-4 Z%22 fill=%22%23f6de7a%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%221;.55;1%22 dur=%223.4s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%221;.5;1%22 dur=%223.4s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3Cg transform=%22translate(120 520)%22%3E%3Cpath d=%22M0,-12 L2,-2 L12,0 L2,2 L0,12 L-2,2 L-12,0 L-2,-2 Z%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.9;.2;.9%22 dur=%224.6s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --jik-scene-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 900 300%22%3E%3Cg opacity=%22.42%22%3E%3Cline x1=%220%22 y1=%22291%22 x2=%22900%22 y2=%22291%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.4%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M0,291 L900,291%22 stroke=%22%23eec92f%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22 stroke-dasharray=%2240 600%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 values=%220;-640%22 dur=%227s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id=%22cone%22 x1=%220%22 y1=%221%22 x2=%220%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23eec92f%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23eec92f%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22orb%22 cx=%22.35%22 cy=%22.3%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23eec92f%22/%3E%3Cstop offset=%221%22 stop-color=%22%239a6a08%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x=%22120%22 y=%22252%22 width=%2230%22 height=%2239%22 rx=%224%22 fill=%22%237fb0ee%22 fill-opacity=%22.45%22 stroke=%22%237fb0ee%22/%3E%3Crect x=%22112%22 y=%22248%22 width=%2246%22 height=%226%22 rx=%223%22 fill=%22%237fb0ee%22 fill-opacity=%22.8%22/%3E%3Cpath d=%22M122,248 L96,120 L172,120 L148,248 Z%22 fill=%22url(%23cone)%22%3E%3Canimate attributeName=%22opacity%22 values=%22.5;.9;.6;1;.5%22 dur=%222.6s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3Cg%3E%3Ccircle cx=%22135%22 cy=%22170%22 r=%228%22 fill=%22url(%23orb)%22%3E%3Canimate attributeName=%22r%22 values=%228;10.8;8%22 dur=%222.2s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22112%22 cy=%22150%22 r=%225.5%22 fill=%22%237fb0ee%22%3E%3Canimate attributeName=%22r%22 values=%225.5;7.4;5.5%22 dur=%222.8s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22158%22 cy=%22148%22 r=%226%22 fill=%22%237fb0ee%22%3E%3Canimate attributeName=%22r%22 values=%226;8.1;6%22 dur=%223.1s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22122%22 cy=%22194%22 r=%225%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%225;6.8;5%22 dur=%222.5s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22150%22 cy=%22196%22 r=%224.6%22 fill=%22%237fb0ee%22%3E%3Canimate attributeName=%22r%22 values=%224.6;6.2;4.6%22 dur=%223.4s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cpath d=%22M135,170 L112,150 M135,170 L158,148 M135,170 L122,194 M135,170 L150,196%22 stroke=%22%237fb0ee%22 stroke-width=%221.8%22 fill=%22none%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%22-8 135 170;8 135 170;-8 135 170%22 dur=%227s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cg%3E%3Cpath d=%22M58,222 L58.2,257 L54,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%2259%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M74,222 L78.25,257 L79,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%2284%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M51.0,157.0 L31.2,189.4 L62.0,208.0%22 fill=%22none%22 stroke=%22%239fc2ee%22 stroke-opacity=%220.7%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3C/path%3E%3Ccircle cx=%2262.0%22 cy=%22208.0%22 r=%224.6%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M45,156 Q66,144 87,156 L91,240 Q66,246 41,240 Z%22 fill=%22%23d3e6ff%22 fill-opacity=%22.62%22 stroke=%22%237fb0ee%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M61,148 L67,240%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.7%22 stroke-width=%221.2%22 fill=%22none%22/%3E%3Cpath d=%22M58,148 L66,160 L74,148%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-width=%221.2%22/%3E%3Crect x=%2254%22 y=%22196%22 width=%229%22 height=%2211%22 rx=%222%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.6%22/%3E%3Cpath d=%22M81.0,157.0 L81.4,195.0 L112.0,176.0%22 fill=%22none%22 stroke=%22%23d3e6ff%22 stroke-opacity=%220.78%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Canimate attributeName=%22d%22 values=%22M81.0,157.0 L81.4,195.0 L112.0,176.0;M81.0,157.0 L92.4,193.3 L118.0,168.0;M81.0,157.0 L76.3,194.7 L110.0,182.0;M81.0,157.0 L81.4,195.0 L112.0,176.0%22 dur=%224.2s%22 repeatCount=%22indefinite%22 /%3E%3C/path%3E%3Ccircle r=%224.6%22 fill=%22%23a9cdf5%22 cx=%22112.0%22 cy=%22176.0%22%3E%3Canimate attributeName=%22cx%22 values=%22112.0;118.0;110.0;112.0%22 dur=%224.2s%22 repeatCount=%22indefinite%22 /%3E%3Canimate attributeName=%22cy%22 values=%22176.0;168.0;182.0;176.0%22 dur=%224.2s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cg%3E%3Crect x=%2262.5%22 y=%22136%22 width=%227%22 height=%2212%22 rx=%223%22 fill=%22%23a9cdf5%22/%3E%3Cellipse cx=%2267%22 cy=%22123%22 rx=%2212.5%22 ry=%2214%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M53,121 Q52,104 68,105 Q81,106 79,121 Q70,112 53,121 Z%22 fill=%22%2312305a%22 stroke=%22%237fb0ee%22 stroke-width=%221%22/%3E%3Ccircle cx=%2279%22 cy=%22126%22 r=%222.3%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M67,122 L80,122%22 stroke=%22%23eec92f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%220 66 140;4 66 140;-2 66 140;0 66 140%22 dur=%225.2s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Crect x=%22212%22 y=%2252%22 width=%22214%22 height=%22146%22 rx=%228%22 fill=%22%237fb0ee%22 fill-opacity=%22.07%22 stroke=%22%237fb0ee%22 stroke-width=%222%22/%3E%3Cpath d=%22M226,170 C256,150 270,110 300,118 C330,126 340,84 372,86 C392,88 400,74 412,70%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%222.6%22 stroke-dasharray=%22230%22 stroke-dashoffset=%22230%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 values=%22230;0;0;230%22 dur=%226s%22 repeatCount=%22indefinite%22 /%3E%3C/path%3E%3Ccircle cx=%22300%22 cy=%22118%22 r=%224%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%223;6.5;3%22 dur=%222s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22412%22 cy=%2270%22 r=%224%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22r%22 values=%223;6;3%22 dur=%222.4s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cg transform=%22translate(236 70)%22%3E%3Ccircle cx=%2222%22 cy=%2222%22 r=%2217%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.4%22 stroke-width=%227%22/%3E%3Ccircle cx=%2222%22 cy=%2222%22 r=%2217%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%227%22 stroke-dasharray=%2264 107%22 transform=%22rotate(-90 22 22)%22%3E%3Canimate attributeName=%22stroke-dasharray%22 values=%2220 107;80 107;20 107%22 dur=%226s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3C/g%3E%3Crect x=%22290%22 y=%2264%22 height=%223.2%22 rx=%221.6%22 fill=%22%237fb0ee%22 opacity=%22.7%22%3E%3Canimate attributeName=%22width%22 values=%2240;80;50;40%22 dur=%225s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22290%22 y=%2272%22 height=%223.2%22 rx=%221.6%22 fill=%22%237fb0ee%22 opacity=%22.7%22%3E%3Canimate attributeName=%22width%22 values=%2260;30;70;60%22 dur=%224s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22290%22 y=%2280%22 height=%223.2%22 rx=%221.6%22 fill=%22%237fb0ee%22 opacity=%22.7%22%3E%3Canimate attributeName=%22width%22 values=%2230;70;40;30%22 dur=%226s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22232%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%237fb0ee%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.0s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22254%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%23eec92f%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.3s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22276%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%237fb0ee%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.6s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22298%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%23eec92f%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.9s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22320%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%237fb0ee%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%223.2s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22342%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%23eec92f%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%223.5s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22364%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%237fb0ee%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%223.8s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22386%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%23eec92f%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%224.1s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Crect x=%22408%22 y=%22186%22 width=%228%22 height=%228%22 fill=%22%237fb0ee%22 opacity=%22.8%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%224.4s%22 repeatCount=%22indefinite%22 /%3E%3C/rect%3E%3Cg%3E%3Cpath d=%22M254,222 L254.2,257 L250,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22255%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M270,222 L274.25,257 L275,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22280%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M247.0,157.0 L227.2,189.4 L258.0,208.0%22 fill=%22none%22 stroke=%22%239fc2ee%22 stroke-opacity=%220.7%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3C/path%3E%3Ccircle cx=%22258.0%22 cy=%22208.0%22 r=%224.6%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M241,156 Q262,144 283,156 L287,240 Q262,246 237,240 Z%22 fill=%22%23d3e6ff%22 fill-opacity=%22.62%22 stroke=%22%237fb0ee%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M257,148 L263,240%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.7%22 stroke-width=%221.2%22 fill=%22none%22/%3E%3Cpath d=%22M254,148 L262,160 L270,148%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-width=%221.2%22/%3E%3Crect x=%22250%22 y=%22196%22 width=%229%22 height=%2211%22 rx=%222%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.6%22/%3E%3Cpath d=%22M277.0,157.0 L314.4,163.8 L318.0,128.0%22 fill=%22none%22 stroke=%22%23d3e6ff%22 stroke-opacity=%220.78%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Canimate attributeName=%22d%22 values=%22M277.0,157.0 L314.4,163.8 L318.0,128.0;M277.0,157.0 L314.9,154.2 L326.0,120.0;M277.0,157.0 L313.4,168.0 L312.0,132.0;M277.0,157.0 L314.4,163.8 L318.0,128.0%22 dur=%225s%22 repeatCount=%22indefinite%22 /%3E%3C/path%3E%3Ccircle r=%224.6%22 fill=%22%23a9cdf5%22 cx=%22318.0%22 cy=%22128.0%22%3E%3Canimate attributeName=%22cx%22 values=%22318.0;326.0;312.0;318.0%22 dur=%225s%22 repeatCount=%22indefinite%22 /%3E%3Canimate attributeName=%22cy%22 values=%22128.0;120.0;132.0;128.0%22 dur=%225s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cg%3E%3Crect x=%22258.5%22 y=%22136%22 width=%227%22 height=%2212%22 rx=%223%22 fill=%22%23a9cdf5%22/%3E%3Cellipse cx=%22263%22 cy=%22123%22 rx=%2212.5%22 ry=%2214%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M249,121 Q248,104 264,105 Q277,106 275,121 Q266,112 249,121 Z%22 fill=%22%2312305a%22 stroke=%22%237fb0ee%22 stroke-width=%221%22/%3E%3Ccircle cx=%22275%22 cy=%22126%22 r=%222.3%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M263,122 L276,122%22 stroke=%22%23eec92f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%220 262 140;3 262 140;-1 262 140;0 262 140%22 dur=%226s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d=%22M378,222 L374.2,257 L374,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22369%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M394,222 L394.25,257 L399,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22394%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M401.0,157.0 L367.2,174.3 L372.0,210.0%22 fill=%22none%22 stroke=%22%239fc2ee%22 stroke-opacity=%220.7%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3C/path%3E%3Ccircle cx=%22372.0%22 cy=%22210.0%22 r=%224.6%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M365,156 Q386,144 407,156 L411,240 Q386,246 361,240 Z%22 fill=%22%23d3e6ff%22 fill-opacity=%22.62%22 stroke=%22%237fb0ee%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M391,148 L385,240%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.7%22 stroke-width=%221.2%22 fill=%22none%22/%3E%3Cpath d=%22M378,148 L386,160 L394,148%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-width=%221.2%22/%3E%3Crect x=%22374%22 y=%22196%22 width=%229%22 height=%2211%22 rx=%222%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.6%22/%3E%3Cpath d=%22M371.0,157.0 L389.8,190.0 L354.0,186.0%22 fill=%22none%22 stroke=%22%23d3e6ff%22 stroke-opacity=%220.78%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Canimate attributeName=%22d%22 values=%22M371.0,157.0 L389.8,190.0 L354.0,186.0;M371.0,157.0 L386.7,191.6 L352.0,182.0;M371.0,157.0 L392.0,188.7 L356.0,189.0;M371.0,157.0 L389.8,190.0 L354.0,186.0%22 dur=%223.6s%22 repeatCount=%22indefinite%22 /%3E%3C/path%3E%3Ccircle r=%224.6%22 fill=%22%23a9cdf5%22 cx=%22354.0%22 cy=%22186.0%22%3E%3Canimate attributeName=%22cx%22 values=%22354.0;352.0;356.0;354.0%22 dur=%223.6s%22 repeatCount=%22indefinite%22 /%3E%3Canimate attributeName=%22cy%22 values=%22186.0;182.0;189.0;186.0%22 dur=%223.6s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cg%3E%3Crect x=%22382.5%22 y=%22136%22 width=%227%22 height=%2212%22 rx=%223%22 fill=%22%23a9cdf5%22/%3E%3Cellipse cx=%22385%22 cy=%22123%22 rx=%2212.5%22 ry=%2214%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M373,121 Q372,104 384,105 Q401,106 399,121 Q382,112 373,121 Z%22 fill=%22%2312305a%22 stroke=%22%237fb0ee%22 stroke-width=%221%22/%3E%3Ccircle cx=%22373%22 cy=%22126%22 r=%222.3%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M385,122 L372,122%22 stroke=%22%23eec92f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%220 386 140;-2 386 140;3 386 140;0 386 140%22 dur=%224.6s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Crect x=%22338%22 y=%22168%22 width=%2222%22 height=%2230%22 rx=%223%22 transform=%22rotate(-12 349 183)%22 fill=%22%230b1f3d%22 stroke=%22%23eec92f%22 stroke-width=%221.8%22/%3E%3Cpath d=%22M342,190 L348,184 L352,188 L357,178%22 transform=%22rotate(-12 349 183)%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.4%22/%3E%3Canimate attributeName=%22opacity%22 values=%22.7;1;.7%22 dur=%222s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Crect x=%22562%22 y=%22226%22 width=%22100%22 height=%227%22 rx=%223%22 fill=%22%237fb0ee%22 fill-opacity=%22.55%22/%3E%3Cline x1=%22574%22 y1=%22233%22 x2=%22574%22 y2=%22291%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.4%22 stroke-width=%225%22/%3E%3Cline x1=%22650%22 y1=%22233%22 x2=%22650%22 y2=%22291%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.4%22 stroke-width=%225%22/%3E%3Crect x=%22572%22 y=%22220%22 width=%2240%22 height=%226%22 rx=%222%22 fill=%22%237fb0ee%22/%3E%3Cpath d=%22M606,220 C628,210 628,172 598,162%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-width=%226.5%22 stroke-linecap=%22round%22/%3E%3Crect x=%22580%22 y=%22136%22 width=%2213%22 height=%2238%22 rx=%223%22 transform=%22rotate(-22 586 156)%22 fill=%22%237fb0ee%22/%3E%3Cg transform=%22translate(640 150)%22%3E%3Ccircle r=%2220%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.6%22 stroke-dasharray=%223 5%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220%22 to=%22360%22 dur=%2214s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle r=%229%22 fill=%22%237fb0ee%22 fill-opacity=%22.5%22%3E%3Canimate attributeName=%22r%22 values=%228;11;8%22 dur=%222.6s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22-4%22 cy=%22-3%22 r=%222.4%22 fill=%22%23fff%22/%3E%3Ccircle cx=%226%22 cy=%224%22 r=%222%22 fill=%22%23eec92f%22/%3E%3C/g%3E%3Cpath d=%22M606,186 Q624,174 640,160%22 stroke=%22%23eec92f%22 stroke-width=%221.4%22 stroke-dasharray=%223 4%22 fill=%22none%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 values=%2214;0%22 dur=%221.2s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3Cg%3E%3Cpath d=%22M532,222 L532.2,257 L528,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22533%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M548,222 L552.25,257 L553,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22558%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M525.0,157.0 L508.2,191.1 L536.0,214.0%22 fill=%22none%22 stroke=%22%239fc2ee%22 stroke-opacity=%220.7%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3C/path%3E%3Ccircle cx=%22536.0%22 cy=%22214.0%22 r=%224.6%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M519,156 Q540,144 561,156 L565,240 Q540,246 515,240 Z%22 fill=%22%23d3e6ff%22 fill-opacity=%22.62%22 stroke=%22%237fb0ee%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M535,148 L541,240%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.7%22 stroke-width=%221.2%22 fill=%22none%22/%3E%3Cpath d=%22M532,148 L540,160 L548,148%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-width=%221.2%22/%3E%3Crect x=%22528%22 y=%22196%22 width=%229%22 height=%2211%22 rx=%222%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.6%22/%3E%3Cpath d=%22M555.0,157.0 L546.5,194.0 L582.0,200.0%22 fill=%22none%22 stroke=%22%23d3e6ff%22 stroke-opacity=%220.78%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Canimate attributeName=%22d%22 values=%22M555.0,157.0 L546.5,194.0 L582.0,200.0;M555.0,157.0 L550.0,194.7 L586.0,196.0;M555.0,157.0 L545.2,193.7 L580.0,203.0;M555.0,157.0 L546.5,194.0 L582.0,200.0%22 dur=%224.6s%22 repeatCount=%22indefinite%22 /%3E%3C/path%3E%3Ccircle r=%224.6%22 fill=%22%23a9cdf5%22 cx=%22582.0%22 cy=%22200.0%22%3E%3Canimate attributeName=%22cx%22 values=%22582.0;586.0;580.0;582.0%22 dur=%224.6s%22 repeatCount=%22indefinite%22 /%3E%3Canimate attributeName=%22cy%22 values=%22200.0;196.0;203.0;200.0%22 dur=%224.6s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cg%3E%3Crect x=%22536.5%22 y=%22136%22 width=%227%22 height=%2212%22 rx=%223%22 fill=%22%23a9cdf5%22/%3E%3Cellipse cx=%22541%22 cy=%22123%22 rx=%2212.5%22 ry=%2214%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M527,121 Q526,104 542,105 Q555,106 553,121 Q544,112 527,121 Z%22 fill=%22%2312305a%22 stroke=%22%237fb0ee%22 stroke-width=%221%22/%3E%3Ccircle cx=%22553%22 cy=%22126%22 r=%222.3%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M541,122 L554,122%22 stroke=%22%23eec92f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%220 540 140;5 540 140;0 540 140;0 540 140%22 dur=%225.6s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%220 540 291;2 540 291;0 540 291%22 dur=%226.6s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Crect x=%22768%22 y=%22226%22 width=%22110%22 height=%227%22 rx=%223%22 fill=%22%237fb0ee%22 fill-opacity=%22.55%22/%3E%3Cline x1=%22780%22 y1=%22233%22 x2=%22780%22 y2=%22291%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.4%22 stroke-width=%225%22/%3E%3Cline x1=%22866%22 y1=%22233%22 x2=%22866%22 y2=%22291%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.4%22 stroke-width=%225%22/%3E%3Cpath d=%22M770,226 L828,226 L822,218 L776,218 Z%22 fill=%22%237fb0ee%22 fill-opacity=%22.85%22/%3E%3Crect x=%22778%22 y=%22170%22 width=%2246%22 height=%2246%22 rx=%223%22 fill=%22%230b1f3d%22 stroke=%22%237fb0ee%22 stroke-width=%222%22/%3E%3Cline x1=%22790%22 y1=%22184%22 x2=%22801%22 y2=%22176%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22790%22 y1=%22184%22 x2=%22801%22 y2=%22192%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22790%22 y1=%22184%22 x2=%22801%22 y2=%22208%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22790%22 y1=%22200%22 x2=%22801%22 y2=%22176%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22790%22 y1=%22200%22 x2=%22801%22 y2=%22192%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22790%22 y1=%22200%22 x2=%22801%22 y2=%22208%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22801%22 y1=%22176%22 x2=%22812%22 y2=%22184%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22801%22 y1=%22176%22 x2=%22812%22 y2=%22200%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22801%22 y1=%22192%22 x2=%22812%22 y2=%22184%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22801%22 y1=%22192%22 x2=%22812%22 y2=%22200%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22801%22 y1=%22208%22 x2=%22812%22 y2=%22184%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Cline x1=%22801%22 y1=%22208%22 x2=%22812%22 y2=%22200%22 stroke=%22%237fb0ee%22 stroke-width=%22.9%22 opacity=%22.7%22/%3E%3Ccircle cx=%22790%22 cy=%22184%22 r=%222.6%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%221.6;3.6;1.6%22 dur=%221.6s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22790%22 cy=%22200%22 r=%222.6%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%221.6;3.6;1.6%22 dur=%221.9500000000000002s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22801%22 cy=%22176%22 r=%222.6%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%221.6;3.6;1.6%22 dur=%222.3s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22801%22 cy=%22192%22 r=%222.6%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%221.6;3.6;1.6%22 dur=%222.65s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22801%22 cy=%22208%22 r=%222.6%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%221.6;3.6;1.6%22 dur=%223.0s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22812%22 cy=%22184%22 r=%222.6%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%221.6;3.6;1.6%22 dur=%223.35s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Ccircle cx=%22812%22 cy=%22200%22 r=%222.6%22 fill=%22%23eec92f%22%3E%3Canimate attributeName=%22r%22 values=%221.6;3.6;1.6%22 dur=%223.6999999999999997s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cg transform=%22translate(802 120)%22%3E%3Cpath d=%22M-26,34 L0,0 L26,34%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-opacity=%22.5%22 stroke-width=%221.2%22/%3E%3Ccircle r=%2222%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-width=%221.4%22 stroke-dasharray=%222 5%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%22360%22 to=%220%22 dur=%2212s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle r=%226%22 fill=%22url(%23orb)%22%3E%3Canimate attributeName=%22r%22 values=%225;8;5%22 dur=%222.4s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3Cpath d=%22M744,222 L744.2,257 L740,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22745%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M760,222 L764.25,257 L765,288%22 fill=%22none%22 stroke=%22%232d63a8%22 stroke-width=%2211%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%22770%22 cy=%22290%22 rx=%2210%22 ry=%224%22 fill=%22%2312305a%22/%3E%3Cpath d=%22M737.0,157.0 L746.1,193.9 L780.0,206.0%22 fill=%22none%22 stroke=%22%239fc2ee%22 stroke-opacity=%220.7%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Canimate attributeName=%22d%22 values=%22M737.0,157.0 L746.1,193.9 L780.0,206.0;M737.0,157.0 L743.5,194.4 L776.0,210.0;M737.0,157.0 L749.3,193.0 L782.0,208.0;M737.0,157.0 L746.1,193.9 L780.0,206.0%22 dur=%221.1s%22 repeatCount=%22indefinite%22 /%3E%3C/path%3E%3Ccircle r=%224.6%22 fill=%22%23a9cdf5%22 cx=%22780.0%22 cy=%22206.0%22%3E%3Canimate attributeName=%22cx%22 values=%22780.0;776.0;782.0;780.0%22 dur=%221.1s%22 repeatCount=%22indefinite%22 /%3E%3Canimate attributeName=%22cy%22 values=%22206.0;210.0;208.0;206.0%22 dur=%221.1s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cpath d=%22M731,156 Q752,144 773,156 L777,240 Q752,246 727,240 Z%22 fill=%22%23d3e6ff%22 fill-opacity=%22.62%22 stroke=%22%237fb0ee%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M747,148 L753,240%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.7%22 stroke-width=%221.2%22 fill=%22none%22/%3E%3Cpath d=%22M744,148 L752,160 L760,148%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-width=%221.2%22/%3E%3Crect x=%22740%22 y=%22196%22 width=%229%22 height=%2211%22 rx=%222%22 fill=%22none%22 stroke=%22%237fb0ee%22 stroke-opacity=%22.6%22/%3E%3Cpath d=%22M767.0,157.0 L753.5,192.5 L786.0,208.0%22 fill=%22none%22 stroke=%22%23d3e6ff%22 stroke-opacity=%220.78%22 stroke-width=%229.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Canimate attributeName=%22d%22 values=%22M767.0,157.0 L753.5,192.5 L786.0,208.0;M767.0,157.0 L758.8,194.1 L790.0,212.0;M767.0,157.0 L749.9,190.9 L783.0,205.0;M767.0,157.0 L753.5,192.5 L786.0,208.0%22 dur=%221.1s%22 repeatCount=%22indefinite%22 /%3E%3C/path%3E%3Ccircle r=%224.6%22 fill=%22%23a9cdf5%22 cx=%22786.0%22 cy=%22208.0%22%3E%3Canimate attributeName=%22cx%22 values=%22786.0;790.0;783.0;786.0%22 dur=%221.1s%22 repeatCount=%22indefinite%22 /%3E%3Canimate attributeName=%22cy%22 values=%22208.0;212.0;205.0;208.0%22 dur=%221.1s%22 repeatCount=%22indefinite%22 /%3E%3C/circle%3E%3Cg%3E%3Crect x=%22748.5%22 y=%22136%22 width=%227%22 height=%2212%22 rx=%223%22 fill=%22%23a9cdf5%22/%3E%3Cellipse cx=%22753%22 cy=%22123%22 rx=%2212.5%22 ry=%2214%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M739,121 Q738,104 754,105 Q767,106 765,121 Q756,112 739,121 Z%22 fill=%22%2312305a%22 stroke=%22%237fb0ee%22 stroke-width=%221%22/%3E%3Ccircle cx=%22765%22 cy=%22126%22 r=%222.3%22 fill=%22%23a9cdf5%22/%3E%3Cpath d=%22M753,122 L766,122%22 stroke=%22%23eec92f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%220 752 140;2 752 140;-1 752 140;0 752 140%22 dur=%222.1s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Cpath id=%22a1%22 d=%22M135,118 C170,40 210,44 252,56%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-opacity=%22.35%22 stroke-width=%221.2%22 stroke-dasharray=%223 6%22/%3E%3Ccircle r=%223.2%22 fill=%22%23fff%22%3E%3CanimateMotion dur=%224.5s%22 repeatCount=%22indefinite%22 begin=%22-1s%22%3E%3Cmpath href=%22%23a1%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Cpath id=%22a2%22 d=%22M424,70 C500,10 640,10 700,80 C730,100 780,110 802,120%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-opacity=%22.35%22 stroke-width=%221.2%22 stroke-dasharray=%223 6%22/%3E%3Ccircle r=%223.2%22 fill=%22%23fff%22%3E%3CanimateMotion dur=%227s%22 repeatCount=%22indefinite%22 begin=%22-2s%22%3E%3Cmpath href=%22%23a2%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Cpath id=%22a3%22 d=%22M640,150 C660,100 700,90 760,110%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-opacity=%22.35%22 stroke-width=%221.2%22 stroke-dasharray=%223 6%22/%3E%3Ccircle r=%223.2%22 fill=%22%23fff%22%3E%3CanimateMotion dur=%225.5s%22 repeatCount=%22indefinite%22 begin=%22-3s%22%3E%3Cmpath href=%22%23a3%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Cpolygon points=%2212.1,7.0 0.0,14.0 -12.1,7.0 -12.1,-7.0 -0.0,-14.0 12.1,-7.0%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.6%22 opacity=%220%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22translate%22 values=%22470 250;480 190%22 dur=%229s%22 repeatCount=%22indefinite%22 begin=%220s%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.7;0%22 dur=%229s%22 repeatCount=%22indefinite%22 begin=%220s%22/%3E%3C/polygon%3E%3Cpolygon points=%2210.4,6.0 0.0,12.0 -10.4,6.0 -10.4,-6.0 -0.0,-12.0 10.4,-6.0%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.6%22 opacity=%220%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22translate%22 values=%22690 60;700 0%22 dur=%2211s%22 repeatCount=%22indefinite%22 begin=%223s%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.7;0%22 dur=%2211s%22 repeatCount=%22indefinite%22 begin=%223s%22/%3E%3C/polygon%3E%3Cpolygon points=%2210.4,6.0 0.0,12.0 -10.4,6.0 -10.4,-6.0 -0.0,-12.0 10.4,-6.0%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.6%22 opacity=%220%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22translate%22 values=%2220 100;30 40%22 dur=%2212s%22 repeatCount=%22indefinite%22 begin=%222s%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.7;0%22 dur=%2212s%22 repeatCount=%22indefinite%22 begin=%222s%22/%3E%3C/polygon%3E%3Cpolygon points=%228.7,5.0 0.0,10.0 -8.7,5.0 -8.7,-5.0 -0.0,-10.0 8.7,-5.0%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.6%22 opacity=%220%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22translate%22 values=%22560 90;570 30%22 dur=%2210s%22 repeatCount=%22indefinite%22 begin=%225s%22/%3E%3Canimate attributeName=%22opacity%22 values=%220;.7;0%22 dur=%2210s%22 repeatCount=%22indefinite%22 begin=%225s%22/%3E%3C/polygon%3E%3Ctext x=%22445%22 y=%2240%22 font-family=%22monospace%22 font-size=%2211%22 fill=%22%237fb0ee%22 opacity=%22.5%22%3E01101%3Canimate attributeName=%22opacity%22 values=%22.15;.7;.15%22 dur=%223.0s%22 repeatCount=%22indefinite%22 /%3E%3C/text%3E%3Ctext x=%22500%22 y=%22120%22 font-family=%22monospace%22 font-size=%2211%22 fill=%22%237fb0ee%22 opacity=%22.5%22%3E1010%3Canimate attributeName=%22opacity%22 values=%22.15;.7;.15%22 dur=%223.7s%22 repeatCount=%22indefinite%22 /%3E%3C/text%3E%3Ctext x=%22670%22 y=%22200%22 font-family=%22monospace%22 font-size=%2211%22 fill=%22%237fb0ee%22 opacity=%22.5%22%3E0110%3Canimate attributeName=%22opacity%22 values=%22.15;.7;.15%22 dur=%224.4s%22 repeatCount=%22indefinite%22 /%3E%3C/text%3E%3Ctext x=%2220%22 y=%2240%22 font-family=%22monospace%22 font-size=%2211%22 fill=%22%237fb0ee%22 opacity=%22.5%22%3E10011%3Canimate attributeName=%22opacity%22 values=%22.15;.7;.15%22 dur=%225.1s%22 repeatCount=%22indefinite%22 /%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
  --jik-orbit-svg-foot: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 660 660%22%3E%3Cdefs%3E%3CradialGradient id=%22gold%22 cx=%22.35%22 cy=%22.3%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff3b0%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23e0aa1e%22/%3E%3Cstop offset=%221%22 stop-color=%22%239a6a08%22/%3E%3C/radialGradient%3E%3CradialGradient id=%22blue%22 cx=%22.35%22 cy=%22.3%22%3E%3Cstop offset=%220%22 stop-color=%22%238fb6ec%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%231f4b7c%22/%3E%3Cstop offset=%221%22 stop-color=%22%230c1a2e%22/%3E%3C/radialGradient%3E%3Cpattern id=%22dots%22 width=%2211%22 height=%2211%22 patternUnits=%22userSpaceOnUse%22%3E%3Ccircle cx=%225.5%22 cy=%225.5%22 r=%221.5%22 fill=%22%237fb0ee%22/%3E%3C/pattern%3E%3C/defs%3E%3Cg transform=%22rotate(-24 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22360 330 330%22 dur=%2270s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p3%22 d=%22M30,330 a300,105 0 1,0 600,0 a300,105 0 1,0 -600,0%22 fill=%22none%22 stroke=%22%23eec92f%22 stroke-width=%221.6%22 /%3E%3Ccircle r=%228%22 fill=%22url(%23gold)%22%3E%3CanimateMotion dur=%2216s%22 repeatCount=%22indefinite%22 begin=%22-3s%22%3E%3Cmpath href=%22%23p3%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%222.24%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-2.4 -2.4)%22%3E%3CanimateMotion dur=%2216s%22 repeatCount=%22indefinite%22 begin=%22-3s%22%3E%3Cmpath href=%22%23p3%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22rotate(34 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22-360 330 330%22 dur=%2290s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p7%22 d=%22M60,330 a270,92 0 1,0 540,0 a270,92 0 1,0 -540,0%22 fill=%22none%22 stroke=%22%235b93d6%22 stroke-width=%221.4%22 /%3E%3Ccircle r=%227%22 fill=%22url(%23blue)%22%3E%3CanimateMotion dur=%2220s%22 repeatCount=%22indefinite%22 begin=%22-7s%22%3E%3Cmpath href=%22%23p7%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%221.9600000000000002%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-2.1 -2.1)%22%3E%3CanimateMotion dur=%2220s%22 repeatCount=%22indefinite%22 begin=%22-7s%22%3E%3Cmpath href=%22%23p7%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22rotate(-72 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22360 330 330%22 dur=%22110s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p11%22 d=%22M18,330 a312,150 0 1,0 624,0 a312,150 0 1,0 -624,0%22 fill=%22none%22 stroke=%22%23f6de7a%22 stroke-width=%221.2%22 stroke-dasharray=%222 7%22/%3E%3Ccircle r=%225%22 fill=%22url(%23gold)%22%3E%3CanimateMotion dur=%2226s%22 repeatCount=%22indefinite%22 begin=%22-11s%22%3E%3Cmpath href=%22%23p11%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%221.4000000000000001%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-1.5 -1.5)%22%3E%3CanimateMotion dur=%2226s%22 repeatCount=%22indefinite%22 begin=%22-11s%22%3E%3Cmpath href=%22%23p11%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22rotate(8 330 330)%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 from=%220 330 330%22 to=%22-360 330 330%22 dur=%2260s%22 repeatCount=%22indefinite%22/%3E%3Cpath id=%22p2%22 d=%22M90,330 a240,70 0 1,0 480,0 a240,70 0 1,0 -480,0%22 fill=%22none%22 stroke=%22%23fbe9a6%22 stroke-width=%221%22 stroke-opacity=%22.6%22/%3E%3Ccircle r=%225%22 fill=%22url(%23blue)%22%3E%3CanimateMotion dur=%2213s%22 repeatCount=%22indefinite%22 begin=%22-2s%22%3E%3Cmpath href=%22%23p2%22/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r=%221.4000000000000001%22 fill=%22%23fff%22 opacity=%22.9%22 transform=%22translate(-1.5 -1.5)%22%3E%3CanimateMotion dur=%2213s%22 repeatCount=%22indefinite%22 begin=%22-2s%22%3E%3Cmpath href=%22%23p2%22/%3E%3C/animateMotion%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate(486 150)%22%3E%3Cpath d=%22M0,-22 L4,-4 L22,0 L4,4 L0,22 L-4,4 L-22,0 L-4,-4 Z%22 fill=%22%23f6de7a%22%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%221;.55;1%22 dur=%223.4s%22 repeatCount=%22indefinite%22/%3E%3Canimate attributeName=%22opacity%22 values=%221;.5;1%22 dur=%223.4s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3Cg transform=%22translate(120 520)%22%3E%3Cpath d=%22M0,-12 L2,-2 L12,0 L2,2 L0,12 L-2,2 L-12,0 L-2,-2 Z%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.9;.2;.9%22 dur=%224.6s%22 repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
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(46, 104, 196, .60), rgba(46, 104, 196, 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, #060f1d 0%, #0a1c36 52%, #0e2a4f 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(46, 104, 196, .60), rgba(46, 104, 196, 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, #060f1d 0%, #0a1c36 52%, #0e2a4f 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(246, 222, 122, .20) 22deg, rgba(246, 222, 122, 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) {
  html body .pkp_head_wrapper::after  { animation: paj-orbit 16s linear 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 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); }
}

/* ==========================================================================
   JIK — SEÇÕES DE ARTIGOS NA PÁGINA INICIAL E SUMÁRIO DA EDIÇÃO
   - cada seção vira um painel com título em serifa, ícone navy/dourado e fio
     tracejado dourado (mesma linguagem dos arcos do mapa do cabeçalho);
   - cada artigo vira um cartão numerado (01, 02…) com barra lateral navy→dourado,
     DOI em etiqueta, autores com ícone, número do artigo e botões PDF dourados.
     Nada se desloca ao passar o mouse (só cor e sombra).
   ========================================================================== */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections { display: flex; flex-direction: column; gap: 1.6rem; }
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section {
  position: relative; margin: 0 !important; padding: 1.15rem 1.3rem .3rem !important;
  background: linear-gradient(180deg, #f4f7fc 0, rgba(255, 255, 255, 0) 150px), #ffffff;
  border: 1px solid #dbe4f1; border-radius: 20px;
  box-shadow: 0 1px 2px rgba(15, 42, 82, .05), 0 12px 30px -22px rgba(15, 42, 82, .35);
}
/* título da seção */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section > h2 {
  display: flex !important; align-items: center; gap: .8rem; margin: 0 0 1rem !important; padding: 0 !important; border: 0 !important; background: none !important;
  font-family: "Noto Serif", Georgia, serif !important; font-weight: 800 !important; font-size: clamp(1.2rem, 2.2vw, 1.55rem) !important; letter-spacing: -.005em !important; line-height: 1.15;
  color: #0f2a52 !important; text-transform: none !important;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section > h2::before {
  content: ""; flex: none; width: 36px; height: 36px; border-radius: 11px;
  background:
    linear-gradient(#fff, #fff) center / 4px 18px no-repeat,
    linear-gradient(#fff, #fff) center / 18px 4px no-repeat,
    linear-gradient(135deg, #0f2a52, #e0b43a 60%, #f6de7a);
  box-shadow: 0 6px 14px -6px rgba(15, 42, 82, .6);
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section > h2::after {
  content: ""; flex: 1 1 auto; min-width: 24px; height: 22px; opacity: .9;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='22' viewBox='0 0 220 22'%3E%3Cpath d='M0 11 H220' fill='none' stroke='%23e0b43a' stroke-width='2' stroke-linecap='round' stroke-dasharray='3 7'/%3E%3Ccircle cx='110' cy='11' r='3.4' fill='%23e0b43a'/%3E%3C/svg%3E") repeat-x 0 center / 220px 22px;
  -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent); mask-image: linear-gradient(90deg, #000 40%, transparent);
  animation: jik-sec-dash 4s linear infinite;
}
@keyframes jik-sec-dash { from { background-position: 0 center; } to { background-position: -220px center; } }
/* lista e cartões */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .cmp_article_list,
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section ul.articles { list-style: none; margin: 0 !important; padding: 0 !important; counter-reset: jik-art; }
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .cmp_article_list > li { margin: 0 0 1.05rem !important; padding: 0 !important; }
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary {
  counter-increment: jik-art;
  display: flex; flex-direction: column; gap: .55rem;
  margin: 0 !important; padding: 1.1rem 1.25rem 1.1rem 1.35rem !important;
  background: #ffffff; border: 1px solid #dfe6f2; border-radius: 14px; box-shadow: 0 1px 2px rgba(15, 42, 82, .05);
  transform: none !important; overflow: hidden;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; height: auto; opacity: 1;
  background: linear-gradient(180deg, #0f2a52, #e0b43a 55%, #f6de7a); border-radius: 0;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary:hover {
  transform: none !important; border-color: rgba(224, 180, 58, .55);
  box-shadow: 0 16px 34px -20px rgba(15, 42, 82, .5), 0 0 0 3px rgba(224, 180, 58, .10);
}
/* número do cartão + título */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title) {
  display: flex; align-items: flex-start; gap: .75rem; margin: 0 !important; padding: 0 !important;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title)::before {
  content: counter(jik-art, decimal-leading-zero); flex: none; min-width: 2.1rem; padding: .22rem .45rem; margin-top: .12rem; text-align: center;
  font: 800 .72rem/1.2 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .04em; color: #0f2a52;
  background: #fbf1cf; border: 1px solid #ecd58a; border-radius: 8px;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title) a {
  font-size: 1.08rem !important; line-height: 1.38 !important; font-weight: 700 !important; color: #0f2a52 !important; text-decoration: none !important; background: none !important;
  background-image: linear-gradient(90deg, #e0b43a, #f6de7a) !important; background-repeat: no-repeat !important; background-position: 0 100% !important; background-size: 0 2px !important; transition: background-size .35s ease, color .2s ease;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title) a:hover { background-size: 100% 2px !important; color: #1f4b7c !important; }
/* DOI em etiqueta */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) {
  display: inline-flex; align-items: center; flex-wrap: wrap; gap: .4rem; align-self: flex-start; max-width: 100%;
  margin: 0 !important; padding: .28rem .75rem !important; border-radius: 999px; background: #eef3fa; border: 1px solid #c5d3e8;
  font: 600 .8rem/1.3 var(--paj-sans, Inter, system-ui, sans-serif) !important; color: #35507a; overflow-wrap: anywhere;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) :is(.label, strong, b) {
  display: inline; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; font: 800 .72rem/1 var(--paj-sans, Inter, sans-serif); letter-spacing: .1em; color: #0f2a52;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) a { font-family: inherit !important; font-size: inherit !important; color: #1f4b7c !important; text-decoration: none !important; word-break: break-all; }
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) a:hover { text-decoration: underline !important; }
/* autores + número do artigo */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary .meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin: 0 !important; padding: 0 !important; }
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary .authors {
  flex: 1 1 auto; margin: 0 !important; padding-left: 1.55rem; position: relative; font-size: .88rem !important; font-weight: 500 !important; line-height: 1.55; color: #3f536f;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary .authors::before {
  content: ""; position: absolute; left: 0; top: .22em; width: 1.05rem; height: 1.05rem; background: #e0b43a;
  -webkit-mask: radial-gradient(circle at 50% 30%, #000 0 22%, transparent 24%), radial-gradient(ellipse 46% 36% at 50% 88%, #000 0 98%, transparent 100%); mask: radial-gradient(circle at 50% 30%, #000 0 22%, transparent 24%), radial-gradient(ellipse 46% 36% at 50% 88%, #000 0 98%, transparent 100%);
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary .pages {
  flex: none; margin: 0 !important; padding: .2rem .65rem !important; float: none !important; border-radius: 999px; background: #fff; border: 1px solid #d6e0ee;
  font: 700 .74rem/1.3 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important; letter-spacing: .04em; color: #1f4b7c;
}
/* botão PDF */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary .galleys_links { display: flex; flex-wrap: wrap; gap: .5rem; margin: .1rem 0 0 !important; padding: 0 !important; list-style: none; }
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary .galleys_links li { margin: 0 !important; padding: 0 !important; }
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary a.obj_galley_link {
  display: inline-flex !important; align-items: center; gap: .45rem; padding: .42rem 1rem !important; border-radius: 999px !important;
  font-size: .74rem !important; font-weight: 800 !important; letter-spacing: .1em; text-transform: uppercase; color: #1a1200 !important; text-decoration: none !important;
  background: linear-gradient(135deg, #f6de7a, #e0b43a) !important; box-shadow: 0 6px 14px -8px rgba(15, 42, 82, .8) !important;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary a.obj_galley_link:hover { filter: brightness(1.12); box-shadow: 0 10px 22px -10px rgba(224, 180, 58, .9) !important; }
@media (max-width: 767.98px) {
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section { padding: .95rem .8rem .2rem !important; border-radius: 16px; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary { padding: .95rem .9rem .95rem 1.1rem !important; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section > h2::after { display: none; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary .meta { flex-direction: column; gap: .5rem; }
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title), html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title) a { text-align: left !important; hyphens: manual !important; -webkit-hyphens: manual !important; }

@media (max-width: 575.98px) {
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title) { flex-direction: column; gap: .4rem; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title)::before { margin-top: 0; }
}

/* ==========================================================================
   JIK — reforço do destaque dos títulos de seção (vence regras antigas)
   ========================================================================== */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > :is(header, .section_title, .section_heading) {
  background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > :is(h2, h3, h4, .section_title, .section_heading),
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > header :is(h2, h3, h4) {
  position: relative !important; display: flex !important; align-items: center !important; gap: .85rem !important; width: auto !important; max-width: none !important;
  margin: 0 0 1.1rem !important; padding: .55rem .9rem .55rem .55rem !important;
  background: linear-gradient(90deg, #fbf0c8 0%, #fdf8e6 70%, rgba(241, 250, 245, 0) 100%) !important;
  border: 0 !important; border-left: 5px solid #d9a82b !important; border-radius: 14px !important; box-shadow: none !important; outline: 0 !important;
  font-family: "Noto Serif", Georgia, serif !important; font-weight: 800 !important;
  font-size: clamp(1.25rem, 2.4vw, 1.7rem) !important; letter-spacing: -.01em !important; line-height: 1.15 !important; text-transform: none !important;
  color: #0f2a52 !important; top: auto !important; left: auto !important; float: none !important;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > :is(h2, h3, h4, .section_title, .section_heading)::before,
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > header :is(h2, h3, h4)::before {
  content: "" !important; display: block !important; position: static !important; flex: none; width: 38px !important; height: 38px !important; border-radius: 12px !important; border: 0 !important;
  background:
    linear-gradient(#fff, #fff) 50% 32% / 18px 3px no-repeat,
    linear-gradient(#fff, #fff) 50% 52% / 18px 3px no-repeat,
    linear-gradient(#fff, #fff) 38% 72% / 11px 3px no-repeat,
    linear-gradient(135deg, #0f2a52, #e0b43a 60%, #f6de7a) !important;
  box-shadow: 0 6px 14px -6px rgba(15, 42, 82, .7) !important;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > :is(h2, h3, h4, .section_title, .section_heading)::after,
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > header :is(h2, h3, h4)::after {
  content: "" !important; display: block !important; position: static !important; flex: 1 1 auto; min-width: 24px; height: 22px !important; width: auto !important; border: 0 !important; opacity: .9;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='22' viewBox='0 0 220 22'%3E%3Cpath d='M0 11 H220' fill='none' stroke='%23e0b43a' stroke-width='2' stroke-linecap='round' stroke-dasharray='3 7'/%3E%3Ccircle cx='110' cy='11' r='3.4' fill='%23e0b43a'/%3E%3C/svg%3E") repeat-x 0 center / 220px 22px;
  -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent); mask-image: linear-gradient(90deg, #000 40%, transparent);
  animation: jik-sec-dash 4s linear infinite !important;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g)::before { display: none !important; }

/* ==========================================================================
   JIK — PÁGINA DO ARTIGO: título, autores, ORCID, DOI, palavras-chave, resumo e capa
   (capa menor, com halo dourado girando e brilho que varre a imagem)
   ========================================================================== */
html body .obj_article_details:not(#a):not(#b):not(#c) .page_title {
  position: relative; box-sizing: border-box; margin: 0 0 1.6rem !important; padding: 2.1rem 1.6rem 1.4rem 1.9rem !important;
  font-family: "Noto Serif", Georgia, serif !important; font-size: clamp(1.45rem, 2.7vw, 2.1rem) !important; font-weight: 700 !important;
  line-height: 1.22 !important; letter-spacing: -.015em !important; text-align: left !important; hyphens: manual !important; color: #0a1f40 !important;
  background: linear-gradient(135deg, #f4f7fc 0%, #f8f6ee 55%, #fdf6dc 100%) !important; border: 1px solid #d7e0ef !important; border-radius: 20px !important;
  box-shadow: 0 16px 36px -24px rgba(15, 42, 82, .6) !important; overflow: hidden;
}
html body .obj_article_details:not(#a):not(#b):not(#c) .page_title::before {
  content: "JIK · ARTICLE"; position: absolute; top: .8rem; left: 1.9rem; font: 700 .66rem/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .2em; color: #1f4b7c;
}
html body .obj_article_details:not(#a):not(#b):not(#c) .page_title::after {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 7px; background: linear-gradient(180deg, #f6de7a, #1f4b7c 55%, #e0b43a);
  box-shadow: 0 0 18px rgba(246, 222, 122, .8);
}
/* autores */
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors { margin: 0 0 1.4rem !important; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: .8rem; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors li {
  position: relative; list-style: none; margin: 0 !important; padding: .95rem 1rem .95rem 3.5rem !important; background: #fff; border: 1px solid #dbe4f1; border-radius: 16px;
  box-shadow: 0 10px 24px -20px rgba(15, 42, 82, .8);
}
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors li::before {
  content: ""; position: absolute; left: .85rem; top: .95rem; width: 2.1rem; height: 2.1rem; border-radius: 50%;
  background: linear-gradient(135deg, #1f4b7c, #e0b43a); box-shadow: 0 0 0 3px rgba(246, 222, 122, .2), 0 6px 14px -6px rgba(15, 42, 82, .9);
}
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors li::after {
  content: ""; position: absolute; left: 1.28rem; top: 1.32rem; width: 1.2rem; height: 1.2rem; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v3h16v-3c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v3h16v-3c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors .name { display: block; font-family: "Noto Serif", Georgia, serif !important; font-size: 1.08rem !important; font-weight: 700 !important; line-height: 1.25; color: #0a1f40 !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors .affiliation { display: block; margin-top: .3rem; font-size: .84rem !important; line-height: 1.4; color: #475569 !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors .orcid { margin-top: .45rem; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors .orcid a {
  display: inline-block !important; padding: .12rem .6rem; border-radius: 999px; border: 1px solid #a7f3d0; background: #ecfdf5; color: #047857 !important;
  font: 600 .72rem/1.5 ui-monospace, Menlo, Consolas, monospace !important; text-decoration: none !important; word-break: break-all;
}
/* DOI em terminal */
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.doi {
  display: flex !important; flex-wrap: wrap; align-items: center; gap: .55rem; width: fit-content; max-width: 100%; margin: 0 0 1.2rem !important; padding: .5rem 1rem !important;
  border-radius: 12px !important; border: 1px solid rgba(246, 222, 122, .4) !important; background: linear-gradient(135deg, #0a1f40, #12335f) !important; box-shadow: 0 12px 24px -16px rgba(10, 31, 64, .95) !important;
}
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.doi .label { display: inline !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; font: 800 .72rem/1 ui-monospace, Menlo, Consolas, monospace !important; letter-spacing: .14em; color: #f6de7a !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.doi .label::after { content: " ▸"; color: #f6de7a; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.doi .value { display: inline !important; margin: 0 !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.doi a { font: 500 .88rem/1.4 ui-monospace, Menlo, Consolas, monospace !important; color: #ffe9a0 !important; text-decoration: none !important; overflow-wrap: anywhere; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.doi a:hover { color: #fff !important; text-shadow: 0 0 10px rgba(255, 233, 160, .9); }
/* palavras-chave */
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.keywords { margin: 0 0 1.6rem !important; padding: .9rem 1.1rem !important; background: #f6f8fc !important; border: 1px dashed #c9d6ea !important; border-radius: 14px !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.keywords .label { display: block !important; margin: 0 0 .4rem !important; padding: 0 !important; border: 0 !important; background: none !important; font: 700 .7rem/1 ui-monospace, Menlo, Consolas, monospace !important; letter-spacing: .18em; color: #1f4b7c !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.keywords .value { font-size: .95rem !important; font-weight: 600; color: #1e293b; line-height: 1.6; text-align: left !important; hyphens: manual !important; }
/* resumo estruturado */
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.abstract { margin: 0 0 1.8rem !important; padding: 1.5rem 1.6rem 1.2rem !important; background: #fff; border: 1px solid #dbe4f1; border-top: 4px solid #1f4b7c; border-image: none; border-radius: 18px; box-shadow: 0 16px 32px -26px rgba(15, 42, 82, .7); }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.abstract :is(p, .value) { text-align: justify !important; text-align-last: left; hyphens: auto !important; -webkit-hyphens: auto !important; line-height: 1.8 !important; color: #1e293b; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.abstract br { display: none !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.abstract :is(strong, b) {
  display: block !important; width: fit-content; margin: 1.15rem 0 .45rem !important; padding: .28rem .8rem !important; border-radius: 999px !important;
  font: 700 .72rem/1.4 ui-monospace, Menlo, Consolas, monospace !important; letter-spacing: .12em; text-transform: uppercase; color: #fff !important;
  background: linear-gradient(135deg, #0f2a52, #1f4b7c 60%, #b8860b) !important; box-shadow: 0 6px 14px -8px rgba(15, 42, 82, .9);
}
html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.abstract p:first-of-type :is(strong, b):first-child { margin-top: 0 !important; }
/* ---- capa: menor e com efeito ---- */
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image { text-align: center; }
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image a, html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image .sub_item > a {
  position: relative; display: inline-block !important; width: auto !important; max-width: 100%; line-height: 0; border-radius: 16px; isolation: isolate;
}
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image img {
  position: relative; z-index: 1; display: block !important; width: auto !important; max-width: min(100%, 150px) !important; height: auto !important; margin: 0 auto !important; border-radius: 14px !important;
  box-shadow: 0 22px 40px -18px rgba(10, 31, 64, .85) !important;
}
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image a::before {
  content: ""; position: absolute; inset: -5px; z-index: 0; border-radius: 19px;
  background: conic-gradient(from var(--paj-a, 0deg), #f6de7a, #1f4b7c, #e0b43a, #fff3c4, #f6de7a); filter: blur(9px); opacity: .75;
  animation: paj-orbit 7s linear infinite;
}
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image a::after {
  content: ""; position: absolute; inset: 0; z-index: 2; border-radius: 14px; pointer-events: none;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .5) 50%, transparent 62%) -160% 0 / 260% 100% no-repeat;
  animation: jik-cover-sheen 5s ease-in-out infinite;
}
@keyframes jik-cover-sheen { 0%, 55% { background-position: 160% 0; } 100% { background-position: -160% 0; } }
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item .label { font: 700 .7rem/1.3 ui-monospace, Menlo, Consolas, monospace !important; letter-spacing: .16em; color: #1f4b7c !important; }
@media (max-width: 767.98px) {
  html body .obj_article_details:not(#a):not(#b):not(#c) .page_title { padding: 2rem 1.1rem 1.2rem 1.4rem !important; font-size: 1.35rem !important; border-radius: 16px !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c) .page_title::before { left: 1.4rem; }
  html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.authors { grid-template-columns: 1fr; }
  html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.doi { flex-wrap: nowrap; align-items: baseline; }
  html body .obj_article_details:not(#a):not(#b):not(#c) .main_entry .item.abstract { padding: 1.2rem 1.1rem 1rem !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image img { max-width: 140px !important; }
}
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image a, html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image .sub_item > a { width: 150px !important; max-width: 100% !important; }
html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image img { width: 100% !important; max-width: 100% !important; }
@media (max-width: 767.98px) { html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image a, html body .obj_article_details:not(#a):not(#b):not(#c) .entry_details .item.cover_image .sub_item > a { width: 140px !important; } }


/* ---- lateral do artigo: limita logotipos (Crossref, Scopus, Google Scholar…) ---- */
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d) .entry_details .item:not(.cover_image) img {
  width: auto !important; height: auto !important; max-width: 96px !important; max-height: 32px !important; object-fit: contain;
  margin-right: .4rem !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; border-radius: 0 !important;
}
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d) .entry_details .item:not(.cover_image) :is(a, span, div) { background-image: none; }


/* ==========================================================================
   JIK — CELULAR/TABLET: menu recolhido por padrão + links "Skip to…" ocultos
   - o menu principal só aparece depois de tocar em "Open Menu" (o botão do
     próprio tema alterna a classe pkp_site_nav_menu--isOpen / aria-expanded);
   - os submenus ficam compactos (sem "caixas" soltas) quando o menu abre;
   - "Skip to main content / navigation / footer" voltam a ser invisíveis e só
     aparecem (discretos) quando recebem foco do teclado — acessibilidade mantida.
   ========================================================================== */
html body .cmp_skip_to_content,
html body .cmp_skip_to_content a,
html body a[href="#pkp_content_main"],
html body a[href="#siteNav"],
html body a[href="#pkp_content_footer"],
html body a[href="#navigationPrimary"] {
  position: absolute !important; left: -9999px !important; top: auto !important;
  width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important;
  border: 0 !important; white-space: nowrap !important;
}
html body .cmp_skip_to_content a:focus,
html body a[href="#pkp_content_main"]:focus,
html body a[href="#siteNav"]:focus,
html body a[href="#pkp_content_footer"]:focus {
  left: 12px !important; top: 12px !important; width: auto !important; height: auto !important; padding: .5rem 1rem !important;
  overflow: visible !important; clip: auto !important; clip-path: none !important; z-index: 99999;
  font: 700 .8rem/1.2 var(--paj-sans, Inter, system-ui, sans-serif); color: #1a1200 !important; text-decoration: none;
  background: linear-gradient(135deg, #f6de7a, #e0b43a); border-radius: 999px; box-shadow: 0 8px 20px rgba(0, 0, 0, .4);
}
@media (max-width: 991.98px) {
  /* a caixa do menu fica sempre presente (o selo do usuário continua visível); só a barra de links recolhe */
  html body .pkp_structure_head .pkp_site_nav_menu { display: block !important; position: static !important; height: auto; padding: 0 !important; background: none !important; }
  html body .pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row { display: none !important; }
  html body .pkp_structure_head .pkp_site_nav_menu.pkp_site_nav_menu--isOpen .pkp_navigation_primary_row,
  html body .pkp_structure_head:has(.pkp_site_nav_toggle[aria-expanded="true"]) .pkp_site_nav_menu .pkp_navigation_primary_row { display: block !important; }
  /* submenus compactos */
  html body .pkp_structure_head .pkp_navigation_primary ul {
    display: block !important; position: static !important; width: auto !important; margin: 0 0 .3rem .9rem !important; padding: 0 0 0 .7rem !important;
    background: none !important; border: 0 !important; border-left: 2px solid rgba(246, 222, 122, .45) !important; box-shadow: none !important; border-radius: 0 !important;
  }
  html body .pkp_structure_head .pkp_navigation_primary ul a {
    padding: .38rem .6rem !important; font-size: .72rem !important; font-weight: 500 !important; letter-spacing: .03em !important; text-transform: none !important; color: rgba(255, 255, 255, .78) !important;
  }
  html body .pkp_structure_head .pkp_navigation_primary > li > a[aria-haspopup]::after { display: none !important; }
}

/* ==========================================================================
   JIK — REVISÃO DO MODO RESPONSIVO (tablet e celular)
   - página do artigo: lateral vira uma grade equilibrada (capa pequena à esquerda,
     PDF e data à direita; demais blocos em largura total), DOI sem quebra feia,
     resumo alinhado à esquerda no celular (sem "buracos" do justificado);
   - página inicial: DOI dos cartões em uma linha, etiquetas e botões proporcionais.
   ========================================================================== */
@media (max-width: 991.98px) {
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details {
    display: grid !important; grid-template-columns: 132px minmax(0, 1fr); gap: .5rem 1.1rem; align-items: start;
    margin-top: 1.4rem; padding: 0 !important; float: none !important; width: 100% !important; max-width: 100% !important;
  }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item { margin: 0 !important; min-width: 0; grid-column: 1 / -1; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item.cover_image { grid-column: 1; grid-row: 1 / span 2; text-align: left; padding: 6px 0 8px !important; border: 0 !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item.galleys,
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item.published { grid-column: 2; padding: .4rem 0 !important; border: 0 !important; align-self: center; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image a,
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image .sub_item > a { width: 132px !important; max-width: 100% !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image img { width: 100% !important; max-width: 100% !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image .sub_item { margin: 0 !important; padding: 0 !important; }
  /* DOI: etiqueta e link na mesma linha; só o link quebra */
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.doi { flex-wrap: wrap !important; align-items: baseline !important; width: 100%; box-sizing: border-box; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.doi .label { white-space: nowrap; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.doi a { font-size: .78rem !important; overflow-wrap: anywhere; word-break: normal; }
}
@media (max-width: 575.98px) {
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.abstract :is(p, .value) { text-align: left !important; text-justify: auto; hyphens: auto !important; line-height: 1.7 !important; font-size: .96rem; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .page_title { font-size: 1.28rem !important; padding: 1.9rem 1rem 1.1rem 1.3rem !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.authors li { padding-right: .8rem !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details { grid-template-columns: 112px minmax(0, 1fr); }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image a,
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image .sub_item > a { width: 112px !important; }
  /* cartões da página inicial: DOI em uma linha */
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) { flex-wrap: nowrap; padding: .25rem .65rem !important; max-width: 100%; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) a { font-size: .7rem !important; overflow-wrap: anywhere; min-width: 0; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary a.obj_galley_link { padding: .4rem .85rem !important; font-size: .68rem !important; letter-spacing: .06em; }
}
@media (max-width: 575.98px) {
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.doi { gap: .3rem .5rem; padding: .5rem .8rem !important; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.doi .label { flex: none; letter-spacing: .1em; }
  html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .main_entry .item.doi a { font-size: .68rem !important; letter-spacing: -.01em; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) :is(.label, strong, b) { flex: none; white-space: nowrap; }
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is([class*="doi"], .pub_id, .pubid) a { font-size: .66rem !important; letter-spacing: -.01em; }
}


/* ==========================================================================
   JIK — assinatura "hexágonos" (como os ícones da capa): numeração e ícone de seção
   ========================================================================== */
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title)::before {
  min-width: 2.35rem; height: 2.7rem; padding: 0 !important; margin-top: -.15rem; display: grid; place-items: center; border: 0 !important; border-radius: 0 !important;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background: linear-gradient(145deg, #f6de7a, #e0b43a 60%, #b8860b); color: #0f2a52; box-shadow: none; font-size: .74rem;
}
html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .sections > .section > h2::before {
  border-radius: 0 !important; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); box-shadow: none !important; width: 40px !important; height: 44px !important;
}
@media (max-width: 575.98px) {
  html body :is(.page_index_journal .current_issue, .page_issue) .obj_issue_toc .section .obj_article_summary :is(.title, h3.title)::before { height: 2.35rem; min-width: 2.05rem; margin-top: 0; }
}

/* ==========================================================================
   JIK — METADADOS EM DESTAQUE (coluna lateral do artigo) + CAPA COM EFEITO ESPECIAL
   - Publicado, Como citar, Edição, Seção, Licença etc. viram cartões com barra
     navy→dourado e rótulo com losango dourado;
   - capa menor: halo dourado/azul girando, brilho que varre a imagem e leve
     flutuação (só translate, nada desloca o layout).
   ========================================================================== */
@keyframes jik-cover-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item:not(.cover_image):not(.galleys) {
  position: relative; box-sizing: border-box; margin: 0 0 .85rem !important; padding: .85rem 1rem .85rem 1.2rem !important;
  background: linear-gradient(135deg, #ffffff, #f6f8fc) !important; border: 1px solid #dbe4f1 !important; border-radius: 14px; overflow: hidden;
  box-shadow: 0 10px 22px -18px rgba(15, 42, 82, .6);
}
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item:not(.cover_image):not(.galleys)::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #0f2a52, #1f4b7c 50%, #e0b43a);
}
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item:not(.cover_image):not(.galleys) .label {
  display: flex !important; align-items: center; gap: .45rem; margin: 0 0 .35rem !important; color: #0f2a52 !important;
}
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item:not(.cover_image):not(.galleys) .label::before {
  content: ""; flex: none; width: .5rem; height: .5rem; background: linear-gradient(135deg, #f6de7a, #e0b43a); transform: rotate(45deg); border-radius: 1px; box-shadow: 0 0 6px rgba(224, 180, 58, .7);
}
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item .value { margin: 0 !important; color: #1e2c46; overflow-wrap: anywhere; }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item.published .value {
  font: 800 1.02rem/1.3 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .02em; color: #0f2a52;
}
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item .sub_item { margin: 0 0 .65rem !important; padding: 0 !important; }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item .sub_item:last-child { margin-bottom: 0 !important; }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item .sub_item + .sub_item { padding-top: .6rem !important; border-top: 1px dashed #dbe4f1; }
/* citação e licença: sem caixa dupla, alinhados à esquerda (justificado abria "buracos") */
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .citation_display { background: none !important; border: 0 !important; padding: 0 !important; text-align: left !important; hyphens: manual !important; }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item :is(.copyright, .license, .citation_display, p) { text-align: left !important; hyphens: manual !important; }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item.published, 
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details > .item.issue { border-color: #ecd58a !important; }
/* capa: halo, brilho e flutuação */
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image a { animation: jik-cover-float 7s ease-in-out infinite; }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image { padding: 10px 0 14px !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html body .obj_article_details:not(#a):not(#b):not(#c):not(#d):not(#e) .entry_details .item.cover_image img:hover { transform: none !important; }