/* ============================================================
   ACRÓPOLE — Revisão Geral
   acropole-revisao-geral.css
   Carregado por último — sobrescreve cor, alinhamento e animações.
   Design system: Navy #001529 / Royal Blue #1B2A6B (estrutura)
                  Gold #C9A84C (acentos)
                  Preto #111111 (títulos + corpo)
   ============================================================ */

/* ─────────────────────────────────────────────────────────────
   1. VARIÁVEIS DE REVISÃO
───────────────────────────────────────────────────────────── */
:root {
  --rv-black:  #111111;   /* títulos, headings, corpo principal  */
  --rv-body:   #222222;   /* parágrafos longos, reader col       */
  --rv-sub:    #444444;   /* deks, subtítulos, descrições curtas */
  --rv-muted:  #666666;   /* metadados, datas, bylines           */
}


/* ─────────────────────────────────────────────────────────────
   2. CORES — TÍTULOS: azul-marinho → #111111
───────────────────────────────────────────────────────────── */

/* ── Homepage: hero, aside, ensaios ── */
.ac-lead-title                          { color: var(--rv-black) !important; }
.ac-aside-title                         { color: var(--rv-black) !important; }
.ac-grid-title                          { color: var(--rv-black) !important; }
.ac-essay-title                         { color: var(--rv-black) !important; }
.ac-nl-cta-title                        { color: var(--rv-black) !important; }
.ac-stat-number                         { color: var(--rv-black) !important; }
.ac-voices-title                        { color: var(--rv-black) !important; }
.ac-author-name                         { color: var(--rv-black) !important; }

/* ── Seção de notícias ── */
.ac-news-title                          { color: var(--rv-black) !important; }

/* ── Últimas notícias ── */
.ac-latest-label                        { color: var(--rv-black) !important; }
.ac-latest-feat-title,
.ac-latest-feat-title a                 { color: var(--rv-black) !important; }
.ac-latest-item-title,
.ac-latest-item-title a                 { color: var(--rv-black) !important; }

/* ── Artigo individual ── */
.ac-article-title                       { color: var(--rv-black) !important; }
.ac-byline-name                         { color: var(--rv-black) !important; }
.ac-reader-col h2                       { color: var(--rv-black) !important; }
.ac-reader-col blockquote               { color: var(--rv-black) !important; }

/* ── Newsletter Persépolis ── */
.ac-nl-hero-title                       { color: var(--rv-black) !important; }
.ac-nl-stat-num                         { color: var(--rv-black) !important; }
.ac-nl-section-title                    { color: var(--rv-black) !important; }
.ac-nl-promise-title                    { color: var(--rv-black) !important; }
.ac-nl-archive-title                    { color: var(--rv-black) !important; }
.ac-nl-final-title                      { color: var(--rv-black) !important; }
.ac-issue-card-name                     { color: var(--rv-black) !important; }
.ac-issue-card-title                    { color: var(--rv-black) !important; }
.ac-nl-about-title                      { color: var(--rv-black) !important; }
.ac-nl-commitment-title                 { color: var(--rv-black) !important; }
.ac-nl-edition-name                     { color: var(--rv-black) !important; }

/* ── Página Artigos ── */
.ac-art-title                           { color: var(--rv-black) !important; }
.ac-art-card-title,
.ac-art-card-title a                    { color: var(--rv-black) !important; }

/* ── Arquivo ── */
.ac-arc-title                           { color: var(--rv-black) !important; }
.ac-arc-card-title,
.ac-arc-card-title a                    { color: var(--rv-black) !important; }

/* ── Página genérica (Sobre, Cursos) ── */
.ac-page-title                          { color: var(--rv-black) !important; }
.ac-page-content h2                     { color: var(--rv-black) !important; }
.ac-page-content blockquote             { color: var(--rv-black) !important; }

/* ── Página Sobre — títulos específicos ── */
.ac-sobre-title                         { color: var(--rv-black) !important; }
.ac-sobre-inst-title                    { color: var(--rv-black) !important; }
.ac-sobre-section-title                 { color: var(--rv-black) !important; }
.ac-sobre-person-name                   { color: var(--rv-black) !important; }

/* ── Blocos WordPress nativos em áreas de conteúdo ── */
.wp-block-post-title,
.wp-block-post-title a                  { color: var(--rv-black) !important; }

/* ── Spectra / UAGB ── */
[class*="uagb-post__title"],
[class*="uagb-post__title"] a           { color: var(--rv-black) !important; }


/* ─────────────────────────────────────────────────────────────
   3. CORES — CORPO E DEKS: azul-acinzentado → neutro
───────────────────────────────────────────────────────────── */

/* Parágrafos de leitura */
.ac-reader-col p                        { color: var(--rv-body) !important; }
.ac-page-content p                      { color: var(--rv-body) !important; }
.ac-nl-about-body p                     { color: var(--rv-body) !important; }

/* Deks e subtítulos */
.ac-lead-dek                            { color: var(--rv-sub) !important; font-style: normal !important; font-size: 1.05rem !important; line-height: 1.55 !important; }
.ac-article-dek                         { color: var(--rv-sub) !important; }
.ac-nl-hero-dek                         { color: var(--rv-sub) !important; }
.ac-nl-cta-dek                          { color: var(--rv-sub) !important; }
.ac-page-body                           { color: var(--rv-sub) !important; }
.ac-art-dek                             { color: var(--rv-sub) !important; }
.ac-arc-dek                             { color: var(--rv-sub) !important; }
.ac-issue-card-dek                      { color: var(--rv-sub) !important; }
.ac-nl-commitment-dek                   { color: var(--rv-sub) !important; }
.ac-nl-edition-desc                     { color: var(--rv-sub) !important; }
.ac-nl-promise-dek                      { color: var(--rv-sub) !important; }
.ac-testimonial-inline                  { color: var(--rv-sub) !important; }
.ac-latest-feat-excerpt                 { color: var(--rv-sub) !important; }

/* Excerpts em cards (cor sem azul) */
.ac-essay-excerpt                       { color: var(--rv-muted) !important; }
.ac-news-excerpt                        { color: var(--rv-muted) !important; }
.ac-art-card-excerpt                    { color: var(--rv-muted) !important; }

/* Hover em card de artigos: era #1B2A6B → gold, consistente com outros cards */
.ac-art-query .wp-block-post-template > li:hover .ac-art-card-title { color: var(--ac-gold-deep) !important; }
.ac-arc-card:hover .ac-arc-card-title  { color: var(--ac-gold-deep) !important; }

/* Metadados (datas, autores, bylines) — neutro, sem azul */
.ac-lead-byline,
.ac-aside-meta,
.ac-essay-meta,
.ac-news-meta,
.ac-art-card-meta,
.ac-arc-card-meta,
.ac-latest-feat-meta,
.ac-latest-item-meta,
.ac-latest-item-date,
.ac-byline-dateline,
.ac-article-hero-cap,
.ac-nl-archive-by,
.ac-author-beat                         { color: var(--rv-muted) !important; }

/* Manter dourado nos kickers de categoria (intencional) */
.ac-kicker-gold,
.ac-essay-kicker,
.ac-news-cat,
.ac-article-tag,
.ac-ac-nl-kicker,
.ac-arc-card-cat                        { color: var(--ac-gold-deep) !important; }


/* ─────────────────────────────────────────────────────────────
   4. ALINHAMENTO — TEXTO CORRIDO
───────────────────────────────────────────────────────────── */

/* ── 4a. Reader column e páginas: justificado com hifenização ── */
.ac-reader-col p,
.ac-page-content p,
.ac-nl-about-body p,
.ac-sobre-inst-right p {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* ── 4b. Deks longas: justificadas ── */
.ac-lead-dek,
.ac-page-body {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* ── 4c. Dek do artigo: esquerda, sem hifenização ── */
.ac-article-head .ac-article-dek {
  text-align: left !important;
  hyphens: none;
}

/* ── 4d. Excerpts em cards → left (clamp de 2 linhas não funciona bem com justify) ── */
.ac-art-card-excerpt,
.ac-news-excerpt,
.ac-essay-excerpt,
.ac-latest-feat-excerpt {
  text-align: left !important;
  hyphens: none;
}

/* ── 4e. Títulos de seção: explicitamente à esquerda ── */
.ac-grid-title,
.ac-news-title,
.ac-latest-label,
.ac-nl-section-title,
.ac-voices-title,
.ac-art-title,
.ac-arc-title,
.ac-nl-about-title,
.ac-page-title {
  text-align: left !important;
}

/* ── 4f. Dek de "Vozes" estava à direita — corrigir para esquerda ── */
.ac-voices-dek { text-align: left !important; }

/* ── 4g. Sobre/Cursos: dek do hero à esquerda ── */
.ac-page-hero .ac-page-body { text-align: left !important; hyphens: none; }


/* ─────────────────────────────────────────────────────────────
   5. ANIMAÇÕES — remover excessivas, cap em 200ms
───────────────────────────────────────────────────────────── */

/* ── 5a. Redefine keyframe do fade-in com deslocamento menor ── */
@keyframes ac-fadeup {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}

/* ── 5b. Reduz duração do fadeup de 600ms → 280ms ── */
.ac-fadeup {
  animation-duration: 0.28s !important;
  animation-timing-function: ease-out !important;
}

/* ── 5c. Hover lift: 300ms → 180ms ── */
.ac-lift {
  transition: transform 0.18s ease !important;
}

/* ── 5d. Zoom de imagem em cards: 450ms → 220ms ── */
.ac-art-card-img img,
.ac-arc-card-img img {
  transition: transform 0.22s ease !important;
}

/* ── 5e. Lead e essay image hover: 300ms → 180ms ── */
.ac-lead-img,
.ac-essay-img {
  transition: transform 0.18s ease !important;
}

/* ── 5f. Cards de notícias — hover de fundo: já 150ms, manter ── */

/* ── 5g. Todos os transitions de hover em links e botões: ≤ 200ms ── */
.ac-btn,
.ac-nl-cta-title,
.ac-section-link,
.ac-editoria-item,
.ac-footer-col ul a,
.ac-breadcrumb a {
  transition-duration: 0.18s !important;
}


/* ─────────────────────────────────────────────────────────────
   6. ESPAÇAMENTO — gaps e paddings entre elementos de cards
───────────────────────────────────────────────────────────── */

/* ── 6a. Cards de artigos: espaçamento coerente ── */
.ac-art-card-body {
  padding: 16px 20px 20px !important;
  gap: 8px !important;
}
.ac-art-card-cat   { margin-bottom: 2px !important; }
.ac-art-card-title { margin-bottom: 0 !important; flex: 1; }
.ac-art-card-excerpt { margin-bottom: 0 !important; }
.ac-art-card-meta  {
  padding-top: 10px !important;
  margin-top: auto !important;
}

/* ── 6b. Cards de arquivo: espaçamento coerente ── */
.ac-arc-card-body {
  padding: 18px 20px 20px !important;
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}
.ac-arc-card-cat  { margin-bottom: 2px !important; }
.ac-arc-card-title { flex: 1; margin: 0 !important; }
.ac-arc-card-meta {
  margin-top: auto !important;
  padding-top: 12px !important;
}

/* ── 6c. Cards de notícias (news grid): espaçamento cat→título→excerpt ── */
.ac-news-cat    { margin-bottom: 5px !important; }
.ac-news-title  { margin-bottom: 6px !important; }
.ac-news-excerpt { margin-bottom: 8px !important; }

/* ── 6d. Post em destaque (Últimas): cat→título→excerpt ── */
.ac-latest-feat-cat    { margin-bottom: 6px !important; }
.ac-latest-feat-title  { margin: 6px 0 10px !important; }
.ac-latest-feat-excerpt { margin-bottom: 12px !important; }

/* ── 6e. Posts secundários: espaçamento de thumb e texto ── */
.ac-latest-item      { gap: 14px !important; }
.ac-latest-item-cat  { margin-bottom: 3px !important; }
.ac-latest-item-title { margin: 0 0 4px !important; }

/* ── 6f. Essay cards da homepage ── */
.ac-essay-kicker { margin-top: 12px !important; }
.ac-essay-title  { margin: 6px 0 8px !important; }
.ac-essay-excerpt { margin: 0 0 0 !important; }
.ac-essay-meta   { margin-top: 12px !important; }

/* ── 6g. Aside cards: respiro entre cards ── */
.ac-aside-card { padding: 18px 0 !important; }

/* ── 6h. Imagens de artigo: alinhadas com coluna de texto (680px) ── */
.ac-article-hero {
  max-width: 680px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ac-article-hero img,
.ac-article-hero-img img {
  max-width: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}


/* ─────────────────────────────────────────────────────────────
   7. FILTROS DE CATEGORIA NA PÁGINA ARTIGOS
   (CSS-only: garantir que tabs e grid funcionem via JS/data-cat)
───────────────────────────────────────────────────────────── */

/* Tab ativa: indicador dourado em vez de azul */
.ac-art-tab.is-active,
.ac-arc-tab.is-active {
  color: var(--rv-black) !important;
  border-bottom-color: var(--ac-gold) !important;
  font-weight: 600;
}

/* Tab hover: preto em vez de azul */
.ac-art-tab:hover,
.ac-arc-tab:hover {
  color: var(--rv-black) !important;
}


/* ─────────────────────────────────────────────────────────────
   8. FORMULÁRIO PERSÉPOLIS — campo e botão acessíveis
───────────────────────────────────────────────────────────── */

/* Garantir que o form não colapsa em viewport estreita */
.ac-nl-hero-form,
.ac-nl-form {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 520px;
}

.ac-nl-hero-form input,
.ac-nl-form input {
  min-width: 0;
  flex: 1 1 auto;
  padding: 14px 16px !important;
}

.ac-nl-hero-form button,
.ac-nl-form button {
  flex-shrink: 0;
  padding: 14px 20px !important;
  white-space: nowrap;
}

/* Focus visible para acessibilidade */
.ac-nl-hero-form input:focus,
.ac-nl-form input:focus {
  outline: 2px solid var(--ac-gold);
  outline-offset: -2px;
}

/* Botão do form — hover já a 200ms */
.ac-nl-hero-form button,
.ac-nl-form button {
  transition: background 0.18s ease !important;
}


/* ─────────────────────────────────────────────────────────────
   9. RESPONSIVIDADE — ajustes por breakpoint
───────────────────────────────────────────────────────────── */

/* ── Tablet (768px) ── */
@media (max-width: 768px) {
  /* Justify em telas pequenas cria espaços grandes — desativar */
  .ac-lead-dek,
  .ac-article-dek,
  .ac-nl-hero-dek,
  .ac-page-body,
  .ac-nl-about-body p,
  .ac-reader-col p,
  .ac-page-content p,
  .ac-sobre-inst-right p {
    text-align: left !important;
    hyphens: none;
  }

  /* Cards: padding mais compacto */
  .ac-art-card-body,
  .ac-arc-card-body {
    padding: 14px 16px 18px !important;
  }

  /* Formulário: empilhar em mobile se não couber */
  .ac-nl-hero-form,
  .ac-nl-form {
    max-width: 100%;
  }

  /* Vozes: centrar em mobile */
  .ac-voices-dek { text-align: center !important; }
}

/* ── Mobile (390px) ── */
@media (max-width: 420px) {
  /* Fontes de reader column já menores, sem justify */
  .ac-reader-col p,
  .ac-page-content p {
    text-align: left !important;
    hyphens: none;
  }

  /* Form pode empilhar verticalmente em telas muito estreitas */
  .ac-nl-hero-form,
  .ac-nl-form {
    flex-direction: column;
  }
  .ac-nl-hero-form button,
  .ac-nl-form button {
    width: 100%;
    justify-content: center;
  }
}


/* ─────────────────────────────────────────────────────────────
   10. HERO — alinhamento sem padding assimétrico do layout WP
───────────────────────────────────────────────────────────── */
.ac-lead-meta-row {
  padding-inline: 0 !important;
  max-width: none !important;
}
.ac-lead-meta-row > * {
  max-width: none !important;
  margin-inline: 0 !important;
}
.ac-lead-title,
.ac-lead-dek,
.ac-lead-byline {
  text-align: left !important;
}


/* ─────────────────────────────────────────────────────────────
   12. NAV DROPDOWN — submenu hover em "Portal" (legado)
───────────────────────────────────────────────────────────── */
.ac-nav-item {
  position: relative;
}
.ac-nav-has-dropdown {
  display: flex;
  align-items: center;
}
.ac-nav-portal::after {
  content: '▾';
  margin-left: 3px;
  font-size: 9px;
  vertical-align: middle;
  opacity: 0.6;
}
.ac-nav-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #fff;
  border-top: 2px solid #C9A84C;
  box-shadow: 0 4px 16px rgba(0,21,41,.10);
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease !important;
  z-index: 200;
  padding: 6px 0;
}
.ac-nav-has-dropdown:hover .ac-nav-dropdown {
  opacity: 1;
  visibility: visible;
}
.ac-nav-dropdown-link {
  display: block;
  padding: 9px 18px;
  font-family: var(--f-sans);
  font-variant-caps: small-caps;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #001529 !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,21,41,.08);
}
.ac-nav-dropdown-link:last-child {
  border-bottom: none;
}
.ac-nav-dropdown-link:hover {
  color: #C9A84C !important;
  background: rgba(201,168,76,.05);
}


/* ─────────────────────────────────────────────────────────────
   13. LEIA TAMBÉM — grid 3 colunas editorial (shortcode)
───────────────────────────────────────────────────────────── */
.ac-leia-section {
  background: #ffffff;
  margin-top: 64px;
}
.wp-block-shortcode:has(.ac-leia-section) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ac-leia-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 32px 40px 40px;
  border-top: 2px solid #C9A84C;
}
.ac-leia-header {
  font-family: var(--fonte-ui);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #001529;
  margin-bottom: 24px;
}
.ac-leia-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.ac-leia-card {
  display: flex;
  flex-direction: column;
}
.ac-leia-img-wrap {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ac-leia-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: transform 0.3s ease;
}
.ac-leia-card:hover .ac-leia-img {
  transform: scale(1.03);
}
.ac-leia-categoria {
  font-family: var(--fonte-ui);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  border-left: 2px solid #C9A84C;
  padding-left: 8px;
}
.ac-leia-categoria a {
  color: #C9A84C;
  text-decoration: none;
}
.ac-leia-titulo {
  font-family: var(--f-serif);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--rv-black);
  margin: 0 0 8px;
}
.ac-leia-titulo a {
  color: inherit;
  text-decoration: none;
}
.ac-leia-card:hover .ac-leia-titulo a {
  color: #C9A84C;
}
.ac-leia-linha {
  font-family: var(--f-serif);
  font-size: 14px;
  line-height: 1.5;
  color: #555555;
  margin: 0;
}

@media (max-width: 1024px) {
  .ac-leia-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .ac-leia-inner { padding: 0 20px; }
  .ac-leia-grid { grid-template-columns: 1fr; gap: 24px; }
}

/* ── CTA Persépolis: botão dourado nos artigos ── */
.ac-article-nl-prompt .ac-nl-form button {
  background: #C9A84C !important;
  color: #001529 !important;
  border-color: #C9A84C !important;
}
.ac-article-nl-prompt .ac-nl-form button:hover {
  background: #001529 !important;
  color: #C9A84C !important;
}


/* ─────────────────────────────────────────────────────────────
   14. TÍTULOS — Newsreader, preto, peso editorial
───────────────────────────────────────────────────────────── */
.ac-lead-title,
.ac-aside-title,
.ac-essay-title,
.ac-news-title,
.ac-latest4-title,
.ac-latest4-title a,
.ac-latest-feat-title,
.ac-latest-feat-title a,
.ac-latest-item-title,
.ac-latest-item-title a,
.ac-article-title,
.ac-arc-card-title,
.ac-arc-card-title a,
.ac-art-card-title,
.ac-art-card-title a,
.ac-index-card-title,
.ac-index-card-title a {
  font-family: var(--fonte-display) !important;
  color: var(--rv-black) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-optical-sizing: auto !important;
}

/* Título do post — Playfair Display 700 normal */
.wp-block-post-title,
.wp-block-post-title a {
  font-family: var(--fonte-display) !important;
  color: var(--rv-black) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-optical-sizing: auto !important;
}

/* Lead — Playfair Display 700, título principal */
.ac-lead-title,
.ac-lead-title a {
  font-family: var(--fonte-display) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-optical-sizing: auto !important;
  letter-spacing: -.015em !important;
  font-size: var(--text-hero) !important;   /* 2.4rem */
  line-height: 1.2 !important;
}

/* Hero lead — especificidade maior para sobrescrever supplementary.css */
.ac-hero-lead .ac-lead-title,
.ac-hero-lead .ac-lead-title a {
  font-family: var(--fonte-display) !important;
  color: var(--rv-black) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-optical-sizing: auto !important;
  letter-spacing: -.015em !important;
}


/* ─────────────────────────────────────────────────────────────
   15. CATEGORIAS — azul editorial, Inter 600, maiúsculas
───────────────────────────────────────────────────────────── */

.ac-kicker,
.ac-kicker-gold,
.ac-essay-kicker,
.ac-news-cat,
.ac-news-cat a,
.ac-article-tag,
.ac-latest4-cat,
.ac-latest4-cat a,
.ac-latest-feat-cat,
.ac-latest-feat-cat a,
.ac-latest-item-cat,
.ac-latest-item-cat a,
.ac-art-card-cat a,
.ac-arc-card-cat,
.ac-arc-card-cat a,
.ac-index-cat,
.ac-index-cat a {
  display: inline-block !important;
  font-family: var(--fonte-ui) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-variant-caps: normal !important;
  color: #1260B5 !important;
  border-left: 2px solid #1260B5 !important;
  padding-left: 8px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

/* Hero — especificidade maior */
.ac-hero-lead .ac-kicker,
.ac-hero-lead .ac-kicker-gold,
.ac-hero-aside .ac-kicker,
.ac-hero-aside .ac-kicker-gold {
  font-family: var(--fonte-ui) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: #1260B5 !important;
}

/* Hover: azul mais escuro */
.ac-art-card-cat a:hover,
.ac-arc-card-cat a:hover,
.ac-index-cat a:hover,
.ac-news-cat a:hover,
.ac-kicker-gold:hover               { color: #0D4FA0 !important; }


/* ─────────────────────────────────────────────────────────────
   16. TÍTULOS DE SEÇÃO — Inter Tight, negrito, tracking
───────────────────────────────────────────────────────────── */
.ac-latest4-label,
.ac-aside-label,
.ac-latest-label,
.ac-grid-title {
  font-family: var(--fonte-ui) !important;
  font-weight: 600 !important;
  font-size: var(--text-xs) !important;   /* 0.72rem */
  color: var(--rv-black) !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

/* Aside label — borda dourada inferior como separador editorial */
.ac-aside-label {
  border-top: none !important;
  border-bottom: 1px solid var(--cor-dourado) !important;
  padding-bottom: 10px !important;
}

/* Metadados de UI (datas, bylines) — Inter Tight */
.ac-lead-byline,
.ac-aside-meta,
.ac-byline-dateline,
.ac-article-hero-cap,
.ac-latest-feat-meta,
.ac-latest-item-date,
.ac-byline-name,
.ac-author-beat {
  font-family: var(--fonte-ui) !important;
  font-size: var(--text-sm) !important;   /* 0.80rem */
  color: var(--cor-texto-leve) !important;
  letter-spacing: .04em !important;
}


/* ═══════════════════════════════════════════════════════════════
   ETAPA 2 — Hero e aside: ajustes tipográficos e proporção
═══════════════════════════════════════════════════════════════ */

/* Grid: 65/35 */
.ac-hero-grid {
  grid-template-columns: 65fr 35fr !important;
}

/* Lead title: Playfair 700 44px navy */
.ac-hero-lead .ac-lead-title,
.ac-hero-lead .ac-lead-title a {
  font-size: 44px !important;
  line-height: 1.15 !important;
  color: #001529 !important;
}

/* Lead dek (subtítulo): Playfair italic 19px #444 */
.ac-hero-lead .ac-lead-dek {
  font-family: var(--f-serif) !important;
  font-size: 19px !important;
  font-style: normal !important;
  color: #444444 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  hyphens: none !important;
}

/* Byline: IBM Plex 13px uppercase #999 */
.ac-lead-byline {
  font-family: var(--f-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #999999 !important;
  margin-top: 16px !important;
}
.ac-lead-byline .ac-byline-sep { color: rgba(153,153,153,0.5) !important; }

/* Aside cards: Playfair 700 19px navy, separadores sutis */
.ac-aside-title,
.ac-aside-title a {
  font-family: var(--f-serif) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #001529 !important;
  line-height: 1.25 !important;
  margin: 6px 0 0 !important;
  transition: color 0.18s ease !important;
}
.ac-aside-card:hover .ac-aside-title,
.ac-aside-card:hover .ac-aside-title a { color: #C9A84C !important; }
.ac-aside-card {
  padding: 20px 0 !important;
  border-bottom: 0.5px solid #E5E5E5 !important;
  border-top: none !important;
}
.ac-aside-card:first-child { padding-top: 0 !important; }
.ac-aside-card:last-child { border-bottom: none !important; }


/* ═══════════════════════════════════════════════════════════════
   ETAPA 2 — HERO: correções finais
   Resolve conflitos com acropole-supplementary.css
   Regras aqui vencem por source order (último arquivo carregado)
═══════════════════════════════════════════════════════════════ */

/* 1. Container: max-width 1280px · padding 64px 40px */
.ac-hero-wrap {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 64px 40px !important;
}

/* 2. Grid 65/35 com gap editorial */
.ac-hero-grid {
  display: grid !important;
  grid-template-columns: 65fr 35fr !important;
  gap: 40px !important;
  align-items: start !important;
}

/* 3. Categorias no hero: traço dourado lateral
   Sobrescreve a regra geral da seção 15 (azul #1260B5)
   Especificidade 0,2,0 — mesmo nível, mas aparece depois neste arquivo */
.ac-hero-lead .ac-kicker,
.ac-hero-lead .ac-kicker-gold,
.ac-hero-aside .ac-kicker,
.ac-hero-aside .ac-kicker-gold {
  color: #C9A84C !important;
  border-left: 2px solid #C9A84C !important;
  padding-left: 8px !important;
  font-family: var(--f-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-variant-caps: normal !important;
}

/* 4. Título do lead — cobre tanto .ac-lead-title quanto .wp-block-post-title
   Necessário pois o WP injeta ambas as classes no mesmo elemento */
.ac-hero-lead .ac-lead-title,
.ac-hero-lead .ac-lead-title a,
.ac-hero-lead .wp-block-post-title,
.ac-hero-lead .wp-block-post-title a {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  color: #001529 !important;
  letter-spacing: -0.01em !important;
  margin: 10px 0 14px !important;
  text-align: left !important;
}

/* 5. Subtítulo/dek: Playfair italic 19px #444 */
.ac-hero-lead .ac-lead-dek,
.ac-hero-lead .wp-block-post-excerpt__excerpt {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 19px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #444444 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  hyphens: none !important;
  margin: 0 0 0 !important;
}

/* 6. Byline: IBM Plex 13px uppercase #999 */
.ac-hero-lead .ac-lead-byline {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #999999 !important;
  margin-top: 16px !important;
}
.ac-hero-lead .ac-lead-byline * {
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: #999999 !important;
  letter-spacing: 0.12em !important;
}
.ac-hero-lead .ac-byline-sep { color: rgba(153,153,153,0.4) !important; }

/* 7. Aside: estica até a altura do lead, distribui cards uniformemente */
.ac-hero-aside {
  border-left: 1px solid #E5E5E5 !important;
  padding-left: 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  /* sem align-self: start — deixa o grid esticar o aside até a altura do lead */
}

/* 8. Aside: cadeia flex para preencher altura total */
.ac-hero-aside .wp-block-query {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ac-hero-aside .wp-block-post-template {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 1 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
.ac-hero-aside .wp-block-group.ac-aside-card,
.ac-hero-aside .ac-aside-card .wp-block-group__inner-container {
  padding-inline: 0 !important;
  max-width: none !important;
}

/* 8b. Aside cards: títulos e categorias */
.ac-hero-aside .ac-aside-title,
.ac-hero-aside .ac-aside-title a {
  color: #001529 !important;
}
.ac-hero-aside .ac-aside-card:hover .ac-aside-title,
.ac-hero-aside .ac-aside-card:hover .ac-aside-title a {
  color: #C9A84C !important;
}

/* 9. Imagem do lead: sem fundo, zoom sutil no hover */
.ac-hero-lead .wp-block-post-featured-image {
  display: block;
  overflow: hidden;
}
.ac-hero-lead .wp-block-post-featured-image img {
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  width: 100% !important;
  display: block !important;
  transition: transform 0.22s ease !important;
}
.ac-hero-lead:hover .wp-block-post-featured-image img {
  transform: scale(1.02) !important;
}

/* 10. Meta row: remover padding/max-width injetados pelo WP */
.ac-lead-meta-row,
.ac-lead-meta-row .wp-block-group__inner-container {
  padding-inline: 0 !important;
  max-width: none !important;
  margin-top: 20px !important;
}
.ac-lead-meta-row > * {
  max-width: none !important;
  margin-inline: 0 !important;
}

/* 11. Responsividade */
@media (max-width: 1024px) {
  .ac-hero-wrap { padding: 40px 32px !important; }
  .ac-hero-grid { grid-template-columns: 1fr !important; }
  .ac-hero-aside {
    border-left: none !important;
    border-top: 1px solid #E5E5E5 !important;
    padding-left: 0 !important;
    padding-top: 24px !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 768px) {
  .ac-hero-wrap { padding: 24px 20px !important; }
  .ac-hero-lead .ac-lead-title,
  .ac-hero-lead .ac-lead-title a,
  .ac-hero-lead .wp-block-post-title,
  .ac-hero-lead .wp-block-post-title a { font-size: 30px !important; }
  .ac-hero-lead .ac-lead-dek { font-size: 16px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   ETAPA 3 — EDITORIA EM FOCO + PERSÉPOLIS
   Persépolis: já correto em acropole.css
   Foco: remove border-top redundante na section
═══════════════════════════════════════════════════════════════ */

/* O header de cada seção já tem border-top: 2px solid #001529;
   o border-top da section é redundante e cria dupla-borda visual */
.ac-foco-section {
  border-top: none !important;
  background: #FFFFFF;
}

/* Garante que não há fundo bege/creme residual */
.ac-foco-wrap { background: #FFFFFF; }

/* Categorias nos cards foco: azul editorial (padrão CLAUDE.md)
   — nenhuma sobrescrita necessária, herda da seção 15 */

/* Separador visual entre seções foco consecutivas:
   usa border-bottom sutil no wrap em vez de border-top na section */
.ac-foco-wrap {
  border-bottom: 0.5px solid #E5E5E5;
}

/* A última seção foco (antes do Persépolis) não precisa de separador
   pois o bloco navy já cria quebra visual — mantemos o border-bottom
   pois é útil para isolar cada bloco de editoria */


/* ═══════════════════════════════════════════════════════════════
   ETAPA 4 — MAIS RECENTES: lista tabular 3 colunas
   Template: parts/homepage-ultimas-noticias.html
   Classes: .ac-recentes-* (não existiam — criadas aqui)
═══════════════════════════════════════════════════════════════ */

/* ── Seção wrapper ── */
.ac-recentes-section {
  background: #FFFFFF;
}
.ac-recentes-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 40px;
}

/* ── Header de seção — espelha .ac-foco-header ── */
.ac-recentes-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-top: 2px solid #001529;
  padding-top: 16px;
  margin-bottom: 0;
}
.ac-recentes-label {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  color: #001529;
  margin: 0;
  line-height: 1.2;
}
.ac-recentes-ver-arquivo {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C9A84C;
  text-decoration: none;
  flex-shrink: 0;
  transition: opacity 0.18s ease;
}
.ac-recentes-ver-arquivo:hover { opacity: 0.72; }

/* ── Query: reset do grid padrão do WP ── */
.ac-recentes-query {
  margin-top: 0;
}
.ac-recentes-query .wp-block-post-template {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* ── Cada item = linha flex com 3 colunas ── */
.ac-recentes-query .wp-block-post-template > li {
  display: flex !important;
  align-items: baseline !important;
  padding: 20px 0 !important;
  border-bottom: 0.5px solid #E5E5E5 !important;
  margin: 0 !important;
  cursor: pointer;
  transition: background 0.15s ease;
  text-decoration: none;
}
.ac-recentes-query .wp-block-post-template > li:first-child {
  border-top: 0.5px solid #E5E5E5 !important;
  margin-top: 24px !important;
}
.ac-recentes-query .wp-block-post-template > li:hover {
  background: #FAFAFA !important;
  margin-left: -8px !important;
  padding-left: 8px !important;
  margin-right: -8px !important;
  padding-right: 8px !important;
}

/* ── Coluna 1: CATEGORIA — 120px fixo ── */
.ac-recentes-query .ac-recentes-cat {
  width: 120px !important;
  flex-shrink: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  /* Herda o estilo azul editorial da seção 15 */
}
/* O wp-block-post-terms injeta max-width via layout — remover */
.ac-recentes-query .ac-recentes-cat .wp-block-post-terms__content {
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #1260B5 !important;
}

/* ── Coluna 2: TÍTULO — fluido ── */
.ac-recentes-query .ac-recentes-title {
  flex: 1 !important;
  min-width: 0 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #001529 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 16px !important;
  transition: color 0.15s ease !important;
}
.ac-recentes-query .wp-block-post-template > li:hover .ac-recentes-title {
  color: #C9A84C !important;
}
.ac-recentes-query .ac-recentes-title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* ── Coluna 3: DATA — 80px fixo, alinhada à direita ── */
.ac-recentes-query .ac-recentes-date {
  width: 80px !important;
  flex-shrink: 0 !important;
  text-align: right !important;
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #999999 !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}
.ac-recentes-query .ac-recentes-date time,
.ac-recentes-query .ac-recentes-date a {
  color: #999999 !important;
  font-size: 12px !important;
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  text-decoration: none !important;
}

/* ── Estado vazio ── */
.ac-recentes-query .wp-block-query-no-results p {
  color: #999999;
  font-style: normal;
  padding: 40px 0;
}

/* ── Responsividade ── */
@media (max-width: 1024px) {
  .ac-recentes-wrap { padding: 64px 32px; }
}

@media (max-width: 768px) {
  .ac-recentes-wrap { padding: 40px 20px; }
  .ac-recentes-label { font-size: 22px; }

  /* Em mobile: empilha categoria acima do título, remove data */
  .ac-recentes-query .wp-block-post-template > li {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding: 16px 0 !important;
  }
  .ac-recentes-query .ac-recentes-cat {
    width: 100% !important;
    margin-bottom: 2px !important;
  }
  .ac-recentes-query .ac-recentes-title {
    width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    font-size: 16px !important;
  }
  .ac-recentes-query .ac-recentes-date {
    display: none !important;
  }
  .ac-recentes-query .wp-block-post-template > li:hover {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   ETAPA 5 — BLOCO DUPLO: CLUBE ALEXANDRIA + CURSOS
   Template: acrescentado em front-page.html antes do footer
═══════════════════════════════════════════════════════════════ */

.ac-duplo-section {
  background: #FFFFFF;
}
.ac-duplo-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 40px;
  border-top: 0.5px solid #E5E5E5;
}
.ac-duplo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.ac-duplo-bloco {
  border: 0.5px solid #D0D0D0;
  padding: 32px;
  background: none;
  display: flex;
  flex-direction: column;
}
.ac-duplo-label {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 16px;
}
.ac-duplo-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  color: #001529;
  line-height: 1.2;
  margin: 0 0 16px;
}
.ac-duplo-desc {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  line-height: 1.65;
  margin: 0 0 24px;
  flex: 1;
}
.ac-duplo-link {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #C9A84C;
  text-decoration: none;
  align-self: flex-start;
  transition: opacity 0.18s ease;
}
.ac-duplo-link:hover { opacity: 0.72; }

@media (max-width: 1024px) {
  .ac-duplo-wrap { padding: 64px 32px; }
}
@media (max-width: 768px) {
  .ac-duplo-wrap { padding: 48px 20px; }
  .ac-duplo-grid { grid-template-columns: 1fr; }
  .ac-duplo-bloco { padding: 24px; }
}


/* ═══════════════════════════════════════════════════════════════
   ETAPA 6 — FOOTER: ajustes finais
   Logo letter-spacing já correto (0.04em)
   Apenas: padding-bottom 48px → 32px
═══════════════════════════════════════════════════════════════ */

.ac-footer-inner {
  padding: 80px 40px 32px !important;
}

/* Elimina qualquer fundo bege/creme residual no footer */
.ac-footer { background: #001529 !important; }

/* Tipografia do footer */
.ac-footer-credo {
  font-family: var(--f-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin-top: 8px !important;
}

.ac-footer-col ul {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

@media (max-width: 768px) {
  .ac-footer-inner { padding: 56px 24px 24px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   ETAPA 8 — REFINAMENTOS HOME
   topbar / linhas douradas / espaçamentos / footer / categorias / aside dek
═══════════════════════════════════════════════════════════════ */

/* 1. Topbar: ocultar */
.ac-topbar { display: none !important; }

/* 2. Linhas de seção: dourado fino, borda a borda
   Remove border dos containers internos (≤ 1280px) e move para
   as sections full-width, garantindo linha edge-to-edge */
.ac-foco-header   { border-top: none !important; }
.ac-foco-section  { border-top: 1px solid #C9A84C !important; }
.ac-foco-wrap     { border-bottom: none !important; }

.ac-recentes-header  { border-top: none !important; }
.ac-recentes-section { border-top: none !important; }
.ac-recentes-wrap    { padding-top: 48px !important; }

.ac-duplo-wrap    { border-top: none !important; }
.ac-duplo-section { border-top: 1px solid #C9A84C !important; }
.wp-block-html:has(.ac-duplo-section) { margin-block-start: 0 !important; }

/* 3. Espaçamento hero → seções: reduz gap inferior do hero */
.ac-hero-wrap { padding-bottom: 32px !important; }
.ac-foco-wrap { padding-top: 40px !important; }

/* 4. Footer: remove border-bottom do grid (linha cinza duplicada)
   Mantém apenas o border-top do .ac-footer-bottom */
.ac-footer-grid { border-bottom: none !important; }

/* 5. "Mais recentes": corrige estilo das categorias
   Remove border-left do container 120px (visual errado),
   aplica border no link interno — espelha CLAUDE.md exatamente */
.ac-recentes-query .ac-recentes-cat {
  border-left: none !important;
  padding-left: 0 !important;
}
.ac-recentes-query .ac-recentes-cat a {
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #1260B5 !important;
  text-decoration: none !important;
  border-left: 2px solid #1260B5 !important;
  padding-left: 8px !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}
.ac-recentes-query .ac-recentes-cat a:hover { color: #0D4FA0 !important; }

/* 6. Hero aside: chamada / subtítulo dos artigos secundários */
.ac-hero-aside .ac-aside-dek,
.ac-hero-aside .ac-aside-dek p,
.ac-hero-aside .ac-aside-dek .wp-block-post-excerpt__excerpt {
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #666666 !important;
  line-height: 1.5 !important;
  margin: 5px 0 0 !important;
}
.ac-hero-aside .ac-aside-dek .wp-block-post-excerpt__more-text { display: none !important; }
.ac-hero-aside .ac-aside-dek .wp-block-post-excerpt__more-link { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   ETAPA 7 — PÁGINA PUBLICAÇÕES: layout 60/40 + DearFlip
═══════════════════════════════════════════════════════════════ */

/* Wrapper geral */
.ac-pub-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 40px 0;
}

/* Zera margem do bloco shortcode do WP */
.wp-block-shortcode:has(.ac-pub-wrap) {
  margin-bottom: 0 !important;
}

/* Lista de publicações */
.ac-pub-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Item individual: flipbook 40%, meta 60% */
.ac-pub-item {
  display: grid;
  grid-template-columns: 40fr 60fr;
  gap: 56px;
  align-items: start;
  padding: 48px 0;
  border-bottom: 0.5px solid #E5E5E5;
}
.ac-pub-item--first {
  padding-top: 0;
}

/* Coluna esquerda: flipbook */
.ac-pub-flipbook {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.ac-pub-flipbook .df-thumb,
.ac-pub-flipbook > div,
.ac-pub-flipbook > span {
  width: 100% !important;
}
.ac-pub-flipbook .df-thumb .df-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: 0 8px 36px rgba(0, 0, 0, 0.18) !important;
  border: none !important;
}
.ac-pub-flipbook .df-thumb img,
.ac-pub-flipbook .df-thumb canvas,
.ac-pub-flipbook .df-thumb .df-page {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Coluna direita: metadados — espaçamento via gap */
.ac-pub-meta {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 4px;
}

/* Tipo/categoria */
.ac-pub-tipo {
  display: block;
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #C9A84C;
  border-left: 2px solid #C9A84C;
  padding-left: 8px;
  margin-bottom: 14px;
  line-height: 1.4;
}

/* Título da publicação */
.ac-pub-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #001529 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 14px !important;
}

/* Subtítulo / dek */
.ac-pub-dek {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #555555;
  line-height: 1.6;
  margin: 0 0 20px;
}

/* Bloco de detalhes: dois campos lado a lado, cada um com label+valor empilhados */
.ac-pub-details {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 28px;
  padding: 14px 0;
  border-top: 0.5px solid #E5E5E5;
  border-bottom: 0.5px solid #E5E5E5;
  margin-bottom: 24px;
}
.ac-pub-autor,
.ac-pub-data {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}
.ac-pub-detail-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #999999;
  line-height: 1;
}
.ac-pub-autor > *:not(.ac-pub-detail-label),
.ac-pub-data > *:not(.ac-pub-detail-label) {
  font-size: 13px;
  color: #222222;
  line-height: 1.4;
}

/* Botão de download */
.ac-pub-download {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  background: #001529 !important;
  border: none !important;
  padding: 10px 22px !important;
  text-decoration: none;
  align-self: flex-start !important;
  transition: background 0.18s ease;
}
.ac-pub-download:hover {
  background: #1B2A6B !important;
  color: #FFFFFF !important;
}

/* Vazio */
.ac-pub-empty {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 15px;
  color: #999999;
  font-style: normal;
  padding: 48px 0;
}

/* ── DearFlip overrides ── */

/* Lightbox: fundo escuro */
.df-lightbox-wrapper .df-lightbox-bg {
  background: rgba(0, 0, 0, 0.85) !important;
}

/* Lightbox: botão fechar — reposiciona */
.df-lightbox-wrapper .df-lightbox-close {
  top: 16px !important;
  right: 20px !important;
  font-size: 24px !important;
  color: #FFFFFF !important;
  opacity: 0.72;
}
.df-lightbox-wrapper .df-lightbox-close:hover { opacity: 1; }

/* Botões de UI do flipbook — aplica paleta Acrópole */
.df-ui-btn {
  background: #001529 !important;
  color: #FFFFFF !important;
  border: none !important;
}
.df-ui-btn:hover {
  background: #C9A84C !important;
  color: #001529 !important;
}

/* ── Responsivo publicações ── */
@media (max-width: 1024px) {
  .ac-pub-wrap { padding: 40px 32px 40px; }
  .ac-pub-item { grid-template-columns: 42fr 58fr; gap: 40px; }
  .ac-pub-title { font-size: 22px !important; }
}

@media (max-width: 768px) {
  .ac-pub-wrap { padding: 32px 20px 40px; }
  .ac-pub-item {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 36px 0;
  }
  .ac-pub-item--first { padding-top: 0; }
  .ac-pub-title { font-size: 20px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   ETAPA 9 — REFINAMENTOS PÁGINA PUBLICAÇÕES
   Proporções, tipografia, botão, espaçamentos
═══════════════════════════════════════════════════════════════ */

/* Header da página: título Playfair 700 36px (era clamp 40–64px) */
.ac-pub-header .ac-art-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}



/* ═══════════════════════════════════════════════════════════════
   SEÇÕES HOMEPAGE — NOTÍCIAS + COLUNAS
═══════════════════════════════════════════════════════════════ */

/* ── Colunas ── */
.ac-colunas-section {
  border-top: 2px solid #C9A84C;
  padding: 2rem 0 0.4rem;
}

.wp-block-shortcode:has(.ac-colunas-section) {
  margin-bottom: 0 !important;
}

.ac-colunas-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.ac-sec-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1.25rem;
}

.ac-sec-label {
  font-family: var(--f-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #C9A84C;
}

.ac-sec-ver-tudo {
  font-family: var(--f-sans);
  font-size: 11px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #888888;
  text-decoration: none;
  transition: color 0.18s ease;
}
.ac-sec-ver-tudo:hover { color: #C9A84C; }

/* ══ MAIS RECENTES — lista editorial ══ */
.ac-recent-section {
  border-top: none;
  margin-top: -0.5rem;
}

.wp-block-shortcode:has(.ac-recent-section) {
  margin-bottom: 0 !important;
}

.ac-recent-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px 8px;
}

.ac-recent-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 12px;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 0;
}

.ac-recent-label {
  font-family: var(--f-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1a1a1a;
}

.ac-recent-more {
  font-family: var(--f-sans);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #888;
  text-decoration: none;
  transition: color 0.18s ease;
}
.ac-recent-more:hover { color: #C9A84C; }

.ac-recent-list {
  display: flex;
  flex-direction: column;
}

.ac-recent-item {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid #EBEBEB;
  align-items: flex-start;
}
.ac-recent-item:last-child { border-bottom: none; }


.ac-recent-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  margin-top: 0;
}

.ac-recent-cat {
  font-family: var(--f-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #C9A84C;
  border-left: 2px solid #C9A84C;
  padding-left: 7px;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  margin: 0;
}
.ac-recent-cat:hover { color: #001529; }

.ac-recent-title {
  font-family: 'EB Garamond', 'Playfair Display', Georgia, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  color: #1a1a1a;
  margin: -4px 0 6px;
}
.ac-recent-title a {
  color: inherit;
  text-decoration: none;
}
.ac-recent-title a:hover { color: #C9A84C; }

.ac-recent-excerpt {
  font-family: var(--f-sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #555;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 640px) {
  .ac-recent-wrap { padding: 0 20px 40px; }
  .ac-recent-item { flex-direction: column; gap: 12px; }
  .ac-recent-thumb { width: 100%; aspect-ratio: 16 / 9; }
}

/* Categoria nos cards de colunas (mantém seletor antigo) */
.ac-sec-cat {
  display: inline-block;
  font-family: var(--f-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C9A84C;
  text-decoration: none;
  border-left: 2px solid #C9A84C;
  padding-left: 8px;
  margin-bottom: 0.4rem;
}

/* ── Seção Colunas ── */
.ac-colunas-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.ac-colunas-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ac-colunas-avatar {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #1B2A6B;
  color: #C9A84C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-sans);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 0.85rem;
  flex-shrink: 0;
}

.ac-colunas-nome {
  font-family: var(--f-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 0.4rem;
}

.ac-colunas-titulo {
  font-family: var(--f-serif);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #001529;
  margin: 0 0 0.3rem;
}
.ac-colunas-titulo a {
  color: inherit;
  text-decoration: none;
}
.ac-colunas-titulo a:hover { color: #C9A84C; }

.ac-colunas-dek {
  font-family: var(--f-serif);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  color: #444444;
  margin: 0;
}


/* ═══════════════════════════════════════════════════════════════
   POST INDIVIDUAL — correções de layout
   Problemas: categoria solta, imagem desalinhada, coluna estreita
═══════════════════════════════════════════════════════════════ */

/* ── Linha-mestra: tudo usa o mesmo container de 720px ── */
.ac-breadcrumb,
.ac-article-head,
.ac-article-hero,
.ac-reader-col {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── Breadcrumb: alinhado com o article-head ── */
.ac-breadcrumb {
  padding: 28px 24px 0 !important;
}

/* ── Cabeçalho: alinhado à esquerda, sem centralização ── */
.ac-article-head {
  text-align: left !important;
  padding: 20px 24px 24px !important;
}

/* ── Categoria: colada ao título, sem espaço excessivo ── */
.ac-article-tag {
  display: block !important;
  margin-bottom: 10px !important;
  color: #C9A84C !important;
  border-left-color: #C9A84C !important;
}
.ac-article-tag a {
  color: #C9A84C !important;
}

/* ── Título: margem superior comprimida ── */
.ac-article-title {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  text-align: left !important;
}

/* ── Dek: alinhado à esquerda, sem max-width próprio ── */
.ac-article-dek {
  text-align: left !important;
  max-width: 100% !important;
  margin-bottom: 20px !important;
}

/* ── Byline: esquerda, alinhamento vertical com avatar ── */
.ac-article-byline-row {
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ── Avatar no byline: redondo, 32px ── */
.ac-byline-wrap .wp-block-post-author {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.ac-byline-wrap .wp-block-post-author__avatar img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}
.ac-byline-wrap .wp-block-post-author__content {
  display: flex !important;
  align-items: center !important;
}
.ac-byline-wrap .wp-block-post-author__name {
  font-family: var(--f-sans) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #001529 !important;
  margin: 0 !important;
}

/* ── Hero: sem padding lateral extra (já tem o container) ── */
.ac-article-hero {
  padding: 0 24px !important;
  margin-bottom: 40px !important;
}

/* ── Reader col: padding lateral para respirar em mobile ── */
.ac-reader-col {
  padding: 0 24px !important;
}

/* ── Responsivo ── */
@media (max-width: 768px) {
  .ac-breadcrumb    { padding: 20px 20px 0 !important; }
  .ac-article-head  { padding: 16px 20px 20px !important; }
  .ac-article-hero  { padding: 0 20px !important; }
  .ac-reader-col    { padding: 0 20px !important; }
}

.ac-colunas-vazio {
  font-family: var(--f-sans);
  font-size: 13px;
  color: #999999;
  font-style: normal;
  padding: 24px 0;
}

/* ── Responsivo ── */
@media (max-width: 1024px) {
  .ac-colunas-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
}

@media (max-width: 768px) {
  .ac-colunas-wrap { padding: 0 20px; }

  .ac-colunas-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ══════════════════════════════════════════════════════════════
   NAV EDITORIAL — visível apenas na homepage
═══════════════════════════════════════════════════════════════ */
.ac-nav-editorial,
.ac-nav-sep--inner {
  display: none !important;
}

.home .ac-nav-editorial {
  display: flex !important;
}

.home .ac-nav-sep--inner {
  display: block !important;
}

/* ══════════════════════════════════════════════════════════════
   PÁGINA SOBRE — alinhamento esquerda
═══════════════════════════════════════════════════════════════ */
.ac-sobre-hero-inner,
.ac-sobre-hero-inner * {
  text-align: left !important;
}

/* ══════════════════════════════════════════════════════════════
   PORTAL — destaque na nav primária
═══════════════════════════════════════════════════════════════ */

/* Remove borda do link Portal (agora o container inteiro tem a borda) */
.ac-nav-primary .ac-nav-primary-link:first-child {
  border-right: none !important;
  padding-right: 0 !important;
}

/* Borda fica à direita da seta — depois do container Portal+seta */
.ac-portal-menu {
  border-right: 2px solid rgba(255, 255, 255, 0.4);
  padding-right: 52px;
}


/* ═══════════════════════════════════════════════════════════════
   PÁGINA DE CATEGORIA (EDITORIA)
   Prefix: .acropole-cat-*
═══════════════════════════════════════════════════════════════ */

/* ── Wrapper ── */
.acropole-cat-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px 80px;
}

.acropole-cat-wrap.is-layout-flow > * {
  margin-block-start: 0 !important;
}

/* ── Hero ── */
.acropole-cat-hero {
  padding: 52px 0 36px;
  border-bottom: 2px solid #C9A84C;
  margin-bottom: 72px;
}

.acropole-cat-kicker {
  display: inline-block;
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 14px;
}

.acropole-cat-hero .acropole-cat-title,
.acropole-cat-hero .wp-block-query-title {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 1;
  color: #001529;
  margin: 0;
  letter-spacing: -0.02em;
}

/* Gutenberg flow margin no hero */
.acropole-cat-hero.is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* ── Grid ── */
.acropole-cat-grid.wp-block-post-template {
  gap: 40px 32px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.acropole-cat-grid.wp-block-post-template > li {
  margin: 0 !important;
}

/* ── Card ── */
.acropole-cat-card {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.acropole-cat-card.is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* ── Imagem ── */
.acropole-cat-thumb {
  display: block;
  overflow: hidden;
  margin-bottom: 16px;
}

.acropole-cat-thumb a {
  display: block;
  line-height: 0;
}

.acropole-cat-thumb img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.acropole-cat-card:hover .acropole-cat-thumb img {
  transform: scale(1.04);
}

/* ── Info ── */
.acropole-cat-info {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.acropole-cat-info.is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Título */
.acropole-cat-info .wp-block-post-title {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.3;
  color: #111;
  margin: 0 0 7px;
}

.acropole-cat-info .wp-block-post-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.acropole-cat-card:hover .acropole-cat-info .wp-block-post-title a {
  color: #C9A84C;
}

/* Trecho */
.acropole-cat-info .wp-block-post-excerpt p,
.acropole-cat-info .wp-block-post-excerpt__excerpt {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 13px;
  line-height: 1.6;
  color: #666;
  margin: 0 0 10px;
  text-align: left !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Data */
.acropole-cat-date,
.acropole-cat-info .wp-block-post-date {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #aaa;
  margin: 0;
}

.acropole-cat-date a,
.acropole-cat-info .wp-block-post-date a {
  color: inherit;
  text-decoration: none;
}

/* ── Vazio ── */
.acropole-cat-empty {
  font-family: var(--f-sans, sans-serif);
  font-size: 15px;
  color: #999;
  padding: 80px 0;
  text-align: left;
}

/* ── Paginação ── */
.acropole-cat-wrap .wp-block-query-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.acropole-cat-wrap .wp-block-query-pagination-numbers .page-numbers {
  font-family: var(--f-sans, sans-serif);
  font-size: 13px;
  color: #444;
  padding: 7px 13px;
  border: 1px solid #ddd;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  line-height: 1;
}

.acropole-cat-wrap .wp-block-query-pagination-numbers .page-numbers.current,
.acropole-cat-wrap .wp-block-query-pagination-numbers .page-numbers:hover {
  background: #001529;
  color: #fff;
  border-color: #001529;
}

/* ── Responsivo ── */
@media (max-width: 900px) {
  .acropole-cat-grid.wp-block-post-template {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .acropole-cat-wrap { padding: 0 20px 56px; }
  .acropole-cat-hero { padding: 36px 0 28px; margin-bottom: 40px; }
  .acropole-cat-hero .acropole-cat-title,
  .acropole-cat-hero .wp-block-query-title { font-size: 36px; }
  .acropole-cat-grid.wp-block-post-template {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}


/* ══════════════════════════════════════════════════════════════
   PÁGINA SOBRE — acropole-sobre-*
   ══════════════════════════════════════════════════════════════ */

/* ── Remove restrição do Gutenberg is-layout-constrained (contentSize: 860px) ── */
.acropole-sobre-page.is-layout-constrained > *,
.acropole-sobre-page.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ── Reset text-align ── */
.acropole-sobre-page p,
.acropole-sobre-page h1,
.acropole-sobre-page h2,
.acropole-sobre-page h3 {
  text-align: left !important;
}

/* ── Gold rule ── */
.ac-sobre-gold-rule {
  height: 2px;
  background: #C9A84C;
  width: 100%;
  display: block;
}

/* ── 1. Hero ── */
.acropole-sobre-hero {
  background: #fff;
  padding: 80px 0 72px;
}
.acropole-sobre-hero-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
}
.acropole-sobre-kicker {
  display: inline-block;
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #C9A84C;
  border-left: 2px solid #C9A84C;
  padding-left: 8px;
  margin-bottom: 20px;
}
.acropole-sobre-hero-title {
  font-family: 'EB Garamond', 'Playfair Display', Georgia, serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.08;
  color: #001529;
  margin: 0 0 24px;
  max-width: 820px;
}
.acropole-sobre-hero-dek {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #444;
  margin: 0;
  max-width: 640px;
}

/* ── 2. Manifesto ── */
.acropole-sobre-manifesto {
  background: #001529;
  padding: 80px 0;
}
.acropole-sobre-manifesto-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 80px;
  align-items: start;
}
.acropole-sobre-manifesto-bar {
  width: 40px;
  height: 3px;
  background: #C9A84C;
  margin-bottom: 20px;
}
.acropole-sobre-manifesto-title {
  font-family: 'EB Garamond', 'Playfair Display', Georgia, serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin: 0;
}
.acropole-sobre-manifesto-right p {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.78);
  margin: 0 0 16px;
  text-align: left !important;
}
.acropole-sobre-manifesto-right p:last-child { margin-bottom: 0; }

/* ── 3. Números ── */
.acropole-sobre-numeros {
  background: #faf9f6;
  padding: 64px 0;
}
.acropole-sobre-numeros-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.acropole-sobre-num-item {
  border-left: 3px solid #C9A84C;
  padding-left: 28px;
}
.acropole-sobre-num-value {
  font-family: 'EB Garamond', 'Playfair Display', Georgia, serif;
  font-size: 68px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #001529;
  margin-bottom: 10px;
}
.acropole-sobre-num-label {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 1.4;
}

/* ── 4. Produtos ── */
.acropole-sobre-produtos {
  background: #fff;
  padding: 80px 0;
}
.acropole-sobre-produtos-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
}
.acropole-sobre-pg-label {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 32px;
}
.acropole-sobre-produtos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
}
.acropole-sobre-produto {
  border-top: 2px solid #001529;
  padding-top: 24px;
}
.acropole-sobre-produto-kicker {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 10px;
}
.acropole-sobre-produto-title {
  font-family: 'EB Garamond', 'Playfair Display', Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #001529;
  margin: 0 0 12px;
}
.acropole-sobre-produto-desc {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 15px;
  line-height: 1.65;
  color: #555;
  margin: 0 0 18px;
  text-align: left !important;
}
.acropole-sobre-produto-link {
  font-family: var(--f-sans, 'IBM Plex Sans', sans-serif);
  font-size: 13px;
  font-weight: 600;
  color: #001529;
  text-decoration: none;
  border-bottom: 1px solid #C9A84C;
  padding-bottom: 1px;
  transition: color 0.15s ease;
}
.acropole-sobre-produto-link:hover { color: #C9A84C; }

/* ── Responsivo ── */
@media (max-width: 1024px) {
  .acropole-sobre-hero-inner,
  .acropole-sobre-manifesto-inner,
  .acropole-sobre-numeros-inner,
  .acropole-sobre-produtos-inner {
    padding: 0 32px;
  }
  .acropole-sobre-manifesto-inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .acropole-sobre-numeros-inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
  .acropole-sobre-produtos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 640px) {
  .acropole-sobre-hero { padding: 48px 0; }
  .acropole-sobre-hero-title { font-size: 38px; }
  .acropole-sobre-hero-dek { font-size: 16px; }
  .acropole-sobre-manifesto { padding: 48px 0; }
  .acropole-sobre-numeros { padding: 48px 0; }
  .acropole-sobre-numeros-inner { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .acropole-sobre-produtos { padding: 48px 0; }
  .acropole-sobre-produtos-grid { grid-template-columns: 1fr; gap: 24px; }
  .acropole-sobre-hero-inner,
  .acropole-sobre-manifesto-inner,
  .acropole-sobre-numeros-inner,
  .acropole-sobre-produtos-inner {
    padding: 0 20px;
  }
}


/* ── Separador entre editorias múltiplas ── */
.wp-block-post-terms__separator {
  opacity: 0.5;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  padding: 0 1px;
}

/* ── Logo: grande sem aumentar o cabeçalho ── */
.ac-masthead {
  overflow: visible !important;
}
.ac-masthead-logo {
  overflow: visible !important;
}
.ac-masthead-logo-img {
  height: 64px !important;
  width: auto !important;
  transform: scale(2.6);
  transform-origin: left center;
}

@media (max-width: 768px) {
  .ac-masthead-logo-img {
    transform: scale(1.6);
  }
}