/* =========================================================
   Success — Ajustes finos (custom.css)
   Carregado por último, sobrepõe o CSS do Elementor sem
   alterar a base pixel-exata. Cada bloco é um pedido da cliente.
   ========================================================= */

/* ---------------------------------------------------------
   FIX 1 — Rolagem lateral (horizontal) + barra branca (vertical)
   Causa: a imagem decorativa (círculos concêntricos) da seção
   do CTA final vaza ~300px à direita E ~34px abaixo do navy,
   deixando o fundo branco do body aparecer no rodapé.
   - overflow-x: clip no wrapper corta o excesso horizontal
     (sem criar container de scroll, diferente de hidden).
   - overflow: clip na própria seção do CTA contém a decoração
     nos dois eixos → some a barra branca do rodapé.
   --------------------------------------------------------- */
html,
body {
  overflow-x: clip;
}
.elementor-8 {
  overflow-x: clip;
}
.elementor-element-c968f66 {
  overflow: clip;
}

/* ---------------------------------------------------------
   FIX 2 — Respiro entre "Quem está por trás da Success?"
   e "Depoimentos" (desktop 1c + mobile 2c)
   Adiciona espaço no topo da seção de Depoimentos (9fab37f).
   --------------------------------------------------------- */
.elementor-element-9fab37f {
  padding-top: 90px !important;
}

/* ---------------------------------------------------------
   FIX 3 — Respiro antes de "Um processo leve, prático e
   transformador" no MOBILE (2a)
   --------------------------------------------------------- */
@media (max-width: 767px) {
  .elementor-element-905e90e {
    padding-top: 56px !important;
  }

  /* respiro do Fix 2 um pouco menor no mobile */
  .elementor-element-9fab37f {
    padding-top: 56px !important;
  }
}