/*
 * Ritmo vertical da versão estática.
 * Escala responsiva:
 * - desktop: 72px para seções regulares / 48px entre blocos consecutivos brancos
 * - tablet: 56px
 * - mobile: 40px
 *
 * Margens grandes/negativas usadas em composições sobrepostas do layout original
 * são preservadas para não alterar a identidade visual.
 */

:root {
  --section-space-desktop: 72px;
  --section-space-tablet: 56px;
  --section-space-mobile: 40px;
  --section-space-tight-desktop: 48px;
}

/* Desktop: corrige os principais acúmulos de espaço entre seções. */
@media (min-width: 1025px) {
  /* Home: cards iniciais -> "Realmente funciona?" */
  main > .section-wrapper[data-id="XCPbXd"] > section.guten-section {
    padding-bottom: var(--section-space-tight-desktop) !important;
  }

  main > .section-wrapper[data-id="tCOlqI"] > section.guten-section {
    padding-top: var(--section-space-tight-desktop) !important;
    padding-bottom: var(--section-space-tight-desktop) !important;
  }

  /* Seções regulares que antes usavam 100px. */
  main > .section-wrapper[data-id="LiIccz"] > section.guten-section {
    padding-top: var(--section-space-desktop) !important;
  }

  main > .section-wrapper[data-id="1gGIcr"] > section.guten-section {
    padding-top: var(--section-space-desktop) !important;
    padding-bottom: var(--section-space-desktop) !important;
  }

  main > .section-wrapper[data-id="yBgxvB"] > section.guten-section {
    padding-top: var(--section-space-desktop) !important;
  }

  main > .section-wrapper[data-id="3m6ncj"] > section.guten-section {
    padding-top: var(--section-space-desktop) !important;
  }

  /* CTA comum a todas as páginas. */
  main > .section-wrapper[data-id="dbhktv"] > section.guten-section {
    padding-top: var(--section-space-tablet) !important;
    padding-bottom: var(--section-space-tablet) !important;
  }
}

/* Tablet: mantém o ritmo compacto e uniforme. */
@media (min-width: 768px) and (max-width: 1024px) {
  .guten-element.guten-seeatL {
    margin-right: 0 !important;
  }

  main > .section-wrapper[data-id="LiIccz"] > section.guten-section,
  main > .section-wrapper[data-id="1gGIcr"] > section.guten-section,
  main > .section-wrapper[data-id="yBgxvB"] > section.guten-section,
  main > .section-wrapper[data-id="3m6ncj"] > section.guten-section,
  main > .section-wrapper[data-id="dbhktv"] > section.guten-section {
    padding-top: var(--section-space-tablet) !important;
  }

  main > .section-wrapper[data-id="1gGIcr"] > section.guten-section,
  main > .section-wrapper[data-id="dbhktv"] > section.guten-section {
    padding-bottom: var(--section-space-tablet) !important;
  }
}

/* Mobile: os 40px já usados pelo layout passam a ser a referência única. */
@media (max-width: 767px) {
  main > .section-wrapper[data-id="dbhktv"] > section.guten-section {
    padding-top: var(--section-space-mobile) !important;
    padding-bottom: var(--section-space-mobile) !important;
  }
}