/* ==========================================================================
   DOBRA 07 — CONSIDERAÇÃO FINAL
   Referência: página 7 do PDF original
   ========================================================================== */

.fecho7 {
  position: relative;
  overflow: hidden;
  padding-top: clamp(2.8rem, 6vw, 5rem);
  text-align: center;

  /* do mint ao carvão, como no PDF */
  background: linear-gradient(
    180deg,
    var(--mint) 0%,
    color-mix(in srgb, var(--mint) 82%, var(--charcoal)) 20%,
    color-mix(in srgb, var(--mint) 43%, var(--charcoal)) 48%,
    color-mix(in srgb, var(--mint) 14%, var(--charcoal)) 68%,
    var(--charcoal) 84%
  );
  color: var(--charcoal);
}

/* marca d'água do logo, atrás de tudo */
.fecho7__marca {
  position: absolute;
  left: 50%;
  bottom: clamp(2rem, 8vw, 7rem);
  width: min(760px, 88%);
  translate: -58% 0;
  opacity: 0.09;
  pointer-events: none;
  user-select: none;
}

/* --------------------------------------------------------------------------
   Texto
   -------------------------------------------------------------------------- */

.fecho7__texto {
  position: relative;
  z-index: 2;
}

.fecho7__titulo {
  font-size: clamp(1.7rem, 1.1rem + 2.2vw, 2.9rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  color: var(--charcoal);
}

.fecho7__intro,
.fecho7__ponte {
  width: min(560px, 100%);
  margin-inline: auto;
  font-size: var(--fs-micro);
  line-height: 1.5;
  color: color-mix(in srgb, var(--charcoal) 82%, transparent);
  text-wrap: pretty;
}
.fecho7__intro { margin-top: clamp(1rem, 2.5vw, 1.8rem); }
.fecho7__ponte { margin-top: clamp(1.4rem, 3vw, 2.2rem); }

.fecho7__conquista {
  margin-top: clamp(0.7rem, 1.6vw, 1.1rem);
  font-size: clamp(1.05rem, 0.85rem + 0.9vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--charcoal);
}

/* a frase que fecha a proposta, já sobre o fundo escuro */
.fecho7__promessa {
  width: min(760px, 100%);
  margin: clamp(0.5rem, 1.2vw, 0.8rem) auto 0;
  font-size: clamp(1.3rem, 0.9rem + 1.9vw, 2.35rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.035em;
  color: var(--cream);
  text-wrap: balance;
}

/* --------------------------------------------------------------------------
   Mockup + assinatura
   -------------------------------------------------------------------------- */

.fecho7__palco {
  position: relative;
  z-index: 1;
  margin-top: clamp(-1rem, -2vw, 0rem);
  min-height: clamp(180px, 26vw, 330px);
  /* respiro no fim da página: sem ele a assinatura encosta na última
     linha do documento e a revelação em scroll nunca a alcança */
  padding-bottom: clamp(2.5rem, 6vw, 5rem);
}

.fecho7__mockup {
  position: relative;
  z-index: 1;
  width: min(620px, 74%);
  margin-left: auto;
  margin-right: clamp(-3rem, -4vw, 0rem);
  filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.5));
}

/* faixa de assinatura, sobreposta à base do mockup */
.fecho7__assinatura {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: clamp(1.5rem, 4vw, 3.5rem);
  translate: -50% 0;

  display: flex;
  align-items: center;
  gap: clamp(0.9rem, 2.5vw, 2.2rem);
  width: min(560px, 88%);
  padding: 0.55em clamp(0.9rem, 2vw, 1.4rem);
  border-radius: var(--r-pill);
  background: var(--grad-brand);
  box-shadow: 0 18px 40px -22px rgba(0, 0, 0, 0.8);
}

.fecho7__assinatura img {
  flex: none;
  width: clamp(76px, 9vw, 104px);
}

.fecho7__assinatura span {
  flex: 1;
  font-size: var(--fs-eyebrow);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cream);
  text-align: right;
}

/* --------------------------------------------------------------------------
   Responsivo
   -------------------------------------------------------------------------- */

@media (max-width: 720px) {
  .fecho7__palco {
    min-height: 0;
    padding-bottom: clamp(5rem, 22vw, 7rem);
  }
  .fecho7__mockup {
    width: min(460px, 96%);
    margin-inline: auto;
  }
  .fecho7__assinatura {
    flex-direction: column;
    gap: 0.35rem;
    width: min(340px, 90%);
    padding: 0.9em 1.2em;
    border-radius: var(--r-lg);
  }
  .fecho7__assinatura span {
    text-align: center;
    letter-spacing: 0.1em;
  }
  .fecho7__marca { bottom: auto; top: 46%; }
}