/* =================================================================
   portal-mundo.css · Portal III · O Mundo
   Estilo: PAPER CIENTÍFICO (artigo acadêmico)
   Ligado a: portais.html · afeta apenas .portal-mundo
   [CONEXÃO PENDENTE] Reaproveite este arquivo em mundo.html
   ================================================================= */

@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono&display=swap");

.portal-mundo {
  --pm-papel: #FFFFFF;
  --pm-tinta: #1A1A1A;
  --pm-apoio: #444444;
  --pm-verde: #2F6B47;   /* cor do portal O Mundo */

  background: var(--pm-papel);
  color: var(--pm-tinta);
  font-family: "Crimson Pro", Georgia, serif;
}

/* Cabeçalho de periódico: nome, volume, acesso */
.pm-cabecalho {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
  margin: 0 22px; padding: 14px 0 6px;
  border-bottom: 1px solid var(--pm-tinta);
  font: 10.5px "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .06em; color: #555;
}

.portal-mundo .portal__corpo { padding: 16px 22px 22px; gap: 12px; }

/* Título centralizado, como em um artigo */
.portal-mundo h2 {
  margin: 4px 0 0;
  font: 600 clamp(22px, 2.4vw, 28px)/1.2 "Crimson Pro", Georgia, serif;
  text-align: center;
  text-wrap: balance;
}
.pm-autoria { text-align: center; font-style: italic; font-size: 14px; color: var(--pm-apoio); }

/* Resumo (abstract) justificado */
.pm-resumo { margin: 0; font-size: 15px; line-height: 1.5; text-align: justify; hyphens: auto; }

/* Versaletes nos rótulos acadêmicos */
.pm-resumo b, .portal-mundo h3, .pm-palavras b { font-variant: small-caps; letter-spacing: .05em; font-weight: 600; }
.portal-mundo h3 { margin: 0; font-size: 15px; }

.pm-secoes { margin: 0; padding-left: 20px; font-size: 15px; line-height: 1.45; }
.pm-secoes span { color: #666; font-style: italic; }

.pm-palavras { font-size: 13.5px; }

/* Botão de acesso discreto, em versalete */
.pm-entrar {
  margin-top: auto;
  align-self: flex-start;
  padding: 8px 16px;
  background: var(--pm-verde); color: #fff;
  border: 1px solid var(--pm-verde);
  font: 600 14px "Crimson Pro", Georgia, serif;
  font-variant: small-caps; letter-spacing: .08em;
  text-decoration: none;
}
.pm-entrar:hover { background: var(--pm-tinta); border-color: var(--pm-tinta); }