/* ================================================================
   padrao.css — Espaçamentos e ajustes globais — Tô Contando
   Carregado em TODAS as páginas (index + subpáginas)
   ================================================================ */

/* ----- Seções principais -----  */
/* Antes: 116px — reduzido para espaçamento elegante sem gaps enormes */
.section {
  padding: 40px 0;
}

/* Quando duas sections ficam lado a lado, o espaço acumulado é 80+80=160px,
   que já é adequado — sem precisar de override adicional */

/* ----- Seção CTA final ----- */
.cta-section {
  padding: 80px 0;
}

.cta-card {
  padding: 60px 40px;
}

/* ----- Cabeçalhos de seção ----- */
.section-heading {
  margin-bottom: 40px;
}

/* ----- Seção "Como funciona" (how-grid) ----- */
.how-grid {
  gap: 60px;
}

/* ----- Páginas SEO (subpáginas de intenção) ----- */
.seo-page-main {
  padding: 108px 0 72px;
}

.seo-section {
  margin-top: 28px;
  padding: 24px 28px;
}

.seo-cta {
  margin-top: 28px;
  padding: 40px 32px;
}

/* ================================================================
   Correção das transições entre seções com bg diferente
   (ex: "Como funciona" branco → "Planos" gradiente)
   Garante que não haja faixa vazia entre elas.
   ================================================================ */

/* A seção "moments-strip" entre hero e features não deve ter margin extra */
.moments-strip {
  margin: 0;
}

/* ================================================================
   Responsividade Mobile
   ================================================================ */
@media (max-width: 768px) {
  .section {
    padding: 56px 0;
  }

  .cta-section {
    padding: 56px 0;
  }

  .cta-card {
    padding: 40px 20px;
  }

  .how-grid {
    gap: 36px;
  }

  .section-heading {
    margin-bottom: 30px;
  }

  .seo-page-main {
    padding: 96px 0 52px;
  }

  .seo-section {
    margin-top: 20px;
    padding: 20px;
  }

  .seo-cta {
    padding: 32px 20px;
  }
}