/* page.css — páginas estáticas, carrega em is_page() && !is_front_page(). */

/* ⚠ "static-page", não "page": body_class() já põe "page" cru no <body> de
   toda Página do WP — um bloco chamado .page bateria nessa classe e vazaria
   padding pro body inteiro em QUALQUER página (Sobre e Contato inclusas,
   que carregam esta folha também). Mesmo motivo do single.php usar
   .entry-* em vez de .post/.single. */
.static-page {
  padding-block: var(--dm-space-120) var(--dm-space-120);
}

.static-page__stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--dm-space-40);
}

/* Mesma razão do título do post individual (single.css) — 1462/82 no viewport de referência. */
.static-page__title {
  max-width: calc(var(--dm-display-4) * 17.83);
  text-align: center;
  overflow-wrap: break-word;
}

/* Mesma razão do corpo do post individual — 864/34. */
.static-page__content {
  max-width: calc(var(--dm-display-8) * 25.41);
  overflow-wrap: break-word;
}

.static-page__content p + p {
  margin-top: var(--dm-space-40);
}

/* A base zera margin em tudo e cada componente aplica caso a caso — aqui o
   "componente" é o conteúdo solto do editor, então o título precisa do
   respiro que nenhuma outra regra do site dá pra h1–h6. */
.static-page__content h1,
.static-page__content h2,
.static-page__content h3,
.static-page__content h4,
.static-page__content h5,
.static-page__content h6 {
  margin-bottom: var(--dm-space-24);
}

.static-page__content .wp-block-paragraph {
  font-size: var(--dm-text-md);
  font-weight: 500;
}

/* A base zera bullets e neutraliza cor/sublinhado de link (ver style.css) —
   sem isto, lista e link de conteúdo de editor saem invisíveis. */
.static-page__content ul,
.static-page__content ol {
  padding-left: 1.25em;
}

.static-page__content ul { list-style: disc; }
.static-page__content ol { list-style: decimal; }

.static-page__content li + li {
  margin-top: var(--dm-space-8);
}

.static-page__content a {
  color: var(--dm-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.static-page__content a:hover,
.static-page__content a:focus-visible {
  color: var(--dm-primary-100);
}

@media (max-width: 1024px){
  .static-page {
    padding-block: var(--dm-space-200) var(--dm-space-120);
  }
}