/* ============================================================
   Página: Seja Correspondente (artboard 04, 1920x3540)
   Faixas: hero 0–703 (grad) · como funciona 703–1232 (branco) ·
   oferecer 1232–1933 (escuro) · quem pode 1933–2462 (branco) ·
   cadastrar 2462–3017 (escuro) · footer
   ============================================================ */

/* lead do hero quebra em 3 linhas longas (br explícito) */
.hero__lead { max-width: none; }

/* ---------- como funciona o modelo ---------- */
.funciona { padding-block: clamp(4rem, 7.15vw, 8.6rem) clamp(4rem, 7.4vw, 8.9rem); }
.funciona .eyebrow { margin-bottom: 0; }
.funciona .flow-arrows {
  margin-top: clamp(2.4rem, 3.6vw, 4.4rem);
  padding-inline: clamp(0rem, 1.35vw, 1.65rem);
}
.funciona .flow-arrows__icon { height: clamp(42px, 3.4vw, 65px); width: auto; }
.funciona .flow-arrows__sep {
  width: clamp(1.6rem, 2.9vw, 3.5rem);
  height: clamp(1.6rem, 2.9vw, 3.5rem);
  background:
    linear-gradient(45deg, transparent 39%, #bfbfbf 39%, #bfbfbf 61%, transparent 61%) no-repeat 100% 0 / 50% 50%,
    linear-gradient(135deg, transparent 39%, #bfbfbf 39%, #bfbfbf 61%, transparent 61%) no-repeat 100% 100% / 50% 50%;
}

/* ---------- o que você pode oferecer (escuro) ---------- */
.oferecer { padding-block: clamp(3rem, 3.65vw, 4.4rem) clamp(3rem, 5.2vw, 6.3rem); }
.oferecer__grid {
  display: grid;
  grid-template-columns: 1fr 1.45fr;
  gap: clamp(2rem, 4vw, 5rem);
  align-items: start;
}
.oferecer .section-title { margin-bottom: clamp(1.2rem, 1.4vw, 1.7rem); }

.oferecer__list {
  display: grid;
  gap: clamp(1rem, 1.25vw, 1.5rem);
  margin-left: clamp(.25rem, 1.5vw, 1.8rem);
}
.oferecer__list .icon-row {
  display: grid;
  grid-template-columns: clamp(32px, 2.6vw, 50px) 1fr;
  column-gap: clamp(.5rem, .55vw, .7rem);
  align-items: center;
  height: clamp(28px, 2.4vw, 46px);
  font-size: var(--fs-body-lg);
  font-weight: 300;
}
/* ícones no tamanho natural do artboard (alturas medidas no AI) */
.oferecer__list .icon-row__icon { width: auto; justify-self: center; }
.oferecer__list li:nth-child(1) .icon-row__icon { height: clamp(28px, 2.40vw, 46px); }
.oferecer__list li:nth-child(2) .icon-row__icon { height: clamp(28px, 2.41vw, 46.3px); }
.oferecer__list li:nth-child(3) .icon-row__icon { height: clamp(29px, 2.49vw, 47.7px); }
.oferecer__list li:nth-child(4) .icon-row__icon { height: clamp(18px, 1.52vw, 29.2px); }
.oferecer__list li:nth-child(5) .icon-row__icon { height: clamp(42px, 3.58vw, 68.7px); }
.oferecer__list li:nth-child(6) .icon-row__icon { height: clamp(28px, 2.38vw, 45.6px); }

.oferecer .check-list { gap: clamp(1.3rem, 2.08vw, 2.5rem); padding-top: .6rem; }

/* ---------- quem pode ser correspondente ---------- */
.quem-pode { padding-block: clamp(4rem, 8.1vw, 9.7rem) clamp(4rem, 6.9vw, 8.3rem); }
.quem-pode .eyebrow { margin-bottom: 0; line-height: 1.5; }
/* no design as células têm largura de conteúdo (réguas desiguais) */
.quem-pode__grid {
  margin-top: clamp(2rem, 2.65vw, 3.2rem);
  display: flex;
  justify-content: center;
}
.quem-pode__grid > li {
  display: flex;
  align-items: center;
  gap: clamp(.4rem, .55vw, .66rem);
  padding: clamp(1.4rem, 1.9vw, 2.3rem) clamp(1rem, 1.3vw, 1.56rem);
  font-size: var(--fs-body-lg);
  font-weight: 300;
  line-height: 1.25;
  white-space: nowrap;
}
.quem-pode__grid img { width: clamp(28px, 2.15vw, 41.4px); flex: none; }

/* ---------- como se cadastrar (escuro) ---------- */
.cadastrar { padding-block: clamp(3.5rem, 5vw, 6rem) clamp(3.5rem, 5.73vw, 6.9rem); }
.cadastrar .eyebrow { margin-bottom: 0; }
.cadastrar__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1rem, 1.5vw, 1.8rem);
  margin-top: clamp(2.2rem, 3.1vw, 3.7rem);
}
.cadastrar__steps li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(.75rem, 1vw, 1.2rem);
}
/* ícones no tamanho natural do artboard */
.cadastrar__icon { flex: none; width: auto; }
.cadastrar__steps li:nth-child(1) .cadastrar__icon { height: clamp(36px, 3.13vw, 60px); }
.cadastrar__steps li:nth-child(2) .cadastrar__icon { height: clamp(44px, 3.76vw, 72.2px); }
/* step-form.svg traz glifos residuais do export na borda direita — recorta */
.cadastrar__steps li:nth-child(3) .cadastrar__icon {
  height: clamp(52px, 4.54vw, 87px);
  clip-path: inset(0 36% 0 0);
  margin-right: calc(-.375 * clamp(52px, 4.54vw, 87px));
}
.cadastrar__steps li:nth-child(4) .cadastrar__icon { height: clamp(35px, 3.01vw, 57.8px); }
.cadastrar__steps p {
  font-size: var(--fs-body-lg);
  font-weight: 300;
  line-height: 1.25;
}
.cadastrar__num {
  display: block;
  color: var(--blue);
  font-size: clamp(1.05rem, 1.3vw, 1.5625rem);
  font-weight: 500;
  margin-bottom: .15em;
}
.cadastrar__cta { margin-top: clamp(3rem, 5vw, 6rem); }
.cadastrar__cta .btn {
  font-size: clamp(1rem, 1.3vw, 1.5625rem);
  padding: .5em 1.5em;
}

/* ---------- responsivo ---------- */
/* 921–1180: as 6 células nowrap em linha única não cabem (cortava nas
   bordas e gerava scroll lateral) — grade 3×2 centrada, réguas por fileira */
@media (min-width: 921px) and (max-width: 1180px) {
  .quem-pode__grid {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
  }
  .quem-pode__grid > li:nth-child(3n + 1) { border-left: 0; }
}

@media (max-width: 920px) {
  .oferecer__grid { grid-template-columns: 1fr; }

  /* como se cadastrar: fileira dupla com conteúdo centralizado */
  .cadastrar__steps { grid-template-columns: repeat(2, 1fr); gap: 2.2rem 1rem; }
  .cadastrar__steps li {
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    gap: .9rem;
  }

  /* quem pode ser: coluna única alinhada, centrada como bloco */
  .quem-pode__grid {
    display: grid;
    grid-template-columns: max-content;
    justify-content: center;
  }
  .quem-pode__grid > li {
    border-left: 0 !important;
    padding: .6rem 0;
    white-space: normal;
  }
}