/* Espaçamento entre seções — Nova Marca
   Regra: cada seção só tem margin-bottom (nunca margin-top). Assim, o
   espaço entre duas seções vizinhas é sempre exatamente 48px — não 96px
   (48 do fim de uma + 48 do início da outra), que é o que acontecia quando
   cada seção definia seu próprio respiro nas duas pontas.

   Isso é margem EXTERNA (gap entre seções) — não mexe no padding INTERNO
   que seções com fundo colorido já têm (Cases, Sobre, Onde Investir,
   Palavra do Gestor, Disclaimer), que continua sendo o respiro dentro da
   própria faixa/cartão, sem relação com o vizinho.

   Escopado só às seções já reconstruídas na Nova Marca (por id, já que nem
   toda seção tem uma classe .nm-* própria na tag <section>) — não mexe nas
   seções antigas que ainda usam o espaçamento herdado do css.css. */

#Documentos.itemAcordeonFundo,
#OndeInvestir.itemAcordeonFundo,
#cases.itemAcordeonFundo,
#caracteristicas.itemAcordeonFundo,
#sobre.itemAcordeonFundo,
#infosBasicas.itemAcordeonFundo,
#divendosCota.itemAcordeonFundo,
#cardsCarroselPadraoPqInvestir.itemAcordeonFundo,
#cardsCarrosel.itemAcordeonFundo,
#palavraGestor.itemAcordeonFundo, .itemAcordeonFundo {
  margin-top: 96px;
  margin-bottom: 96px;
}

/* #disclaimer não tem a classe .itemAcordeonFundo (nunca entrou no menu
   fixo lateral, mesmo antes da Nova Marca) — regra própria. Como é sempre a
   última seção na ordem de todas as categorias hoje, o bottom é só por
   segurança caso isso mude. */
#disclaimer.nm-disclaimer {
  margin-top: 96px;
  margin-bottom: 0px;
}

/* Única exceção a "nunca margin-top": Sobre é a seção pensada pra abrir a
   página (tem tag+título+ilustração, estilo hero) — quando ela é a
   primeira seção renderizada, precisa do respiro de cima que nenhuma seção
   anterior vai criar. Puro CSS: funciona com qualquer ordenação escolhida
   no ACF "ordem_da_secoes" (ou no fallback padrão de cada categoria), sem
   lógica extra no PHP.

   :first-of-type (não :first-child): cada seção imprime seu próprio <link>
   de CSS logo antes da <section> dentro de .TodoFundosConteudo — esse
   <link> conta como elemento e quebraria :first-child mesmo quando #sobre
   é, na prática, a primeira seção. :first-of-type ignora os <link>/<script>
   intercalados e compara só entre <section>s. */
#sobre.itemAcordeonFundo:first-of-type {
 margin-top: 0px;
}

@media (max-width: 768px) {

#Documentos.itemAcordeonFundo, #OndeInvestir.itemAcordeonFundo, #cases.itemAcordeonFundo, #caracteristicas.itemAcordeonFundo, #sobre.itemAcordeonFundo, #infosBasicas.itemAcordeonFundo, #divendosCota.itemAcordeonFundo, #cardsCarroselPadraoPqInvestir.itemAcordeonFundo, #cardsCarrosel.itemAcordeonFundo, #palavraGestor.itemAcordeonFundo, .itemAcordeonFundo {
  margin-top: 64px;
  margin-bottom: 64px;
}
}