#sobre {
  background: var(--white);
}


.srv-section {
  background: linear-gradient(180deg, var(--menta) 0%, var(--rosa-claro) 100%);
}

#fisioterapia {
  background: linear-gradient(180deg, var(--rosa-claro) 0%, var(--white) 100%);
}


.pilates-section {
  background: var(--white);
}

.pilates-visual::before {
  background: linear-gradient(
    to right,
    var(--white) 0%,
    rgba(var(--white-rgb), 0.7) 6%,
    rgba(var(--white-rgb), 0.25) 14%,
    transparent 26%
  );
}

@media (max-width: 900px) {
  .pilates-visual::before {
    background: linear-gradient(
      to bottom,
      transparent 74%,
      rgba(var(--white-rgb), 0.25) 86%,
      rgba(var(--white-rgb), 0.7) 94%,
      var(--white) 100%
    );
  }
}

.cf-section {
  background: var(--bege-claro);
}

.form-section {
  background: var(--menta);
  background-attachment: scroll;
}


.cf-form-transition {
  background: linear-gradient(180deg, var(--bege-claro) 0%, var(--menta) 100%);
  background-attachment: scroll;
}

.instagram-section {
  background: var(--menta);
}

.fade-ig-round {
  background: linear-gradient(to bottom, var(--menta) 0%, var(--bege-claro) 100%);
}

/* ── Onda para-quem → sobre (agora entre dois claros) ── */
.wave-pq-sobre {
  background-color: var(--sol-claro);
}

/* ══════════════════════════════════════════════
   ACENTOS — eyebrows e títulos
══════════════════════════════════════════════ */
.section-eyebrow {
  color: var(--terracota-medio);
  font-weight: 700;
}

.pilates-section .section-eyebrow,
.cf-section .section-eyebrow,
#sobre .section-eyebrow {
  color: var(--verde-agua-escuro);
}

#fisioterapia .section-eyebrow {
  color: var(--coral-profundo);
}


/* ══════════════════════════════════════════════
   BOTÕES — contraste e energia
══════════════════════════════════════════════ */
.btn-primary,
.btn-secondary {
  background: var(--terracota-medio);
  box-shadow: 0 6px 20px rgba(var(--terracota-medio-rgb), 0.28);
}

.btn-primary:hover,
.btn-secondary:hover {
  background: var(--verde-hover);
  box-shadow: 0 10px 30px rgba(var(--verde-hover-rgb), 0.38);
}

/* ══════════════════════════════════════════════
   TRUST BAR — faixa de energia
══════════════════════════════════════════════ */
.trust-bar {
  background: linear-gradient(
    90deg,
    var(--terracota-medio) 0%,
    var(--rosa-vivo) 50%,
    var(--coral) 100%
  );
}

.trust-dot {
  background: var(--sol);
}

/* ══════════════════════════════════════════════
   FISIOTERAPIA — pílulas coloridas
══════════════════════════════════════════════ */
.fst-icon {
  background: rgba(var(--coral-rgb), 0.15);
}

.fst-icon [data-lucide] {
  color: var(--coral-profundo);
}

.fst-btn.is-active {
  background: var(--terracota-medio);
  border-color: var(--terracota-medio);
}

.fst-btn.is-active .fst-icon {
  background: rgba(var(--white-rgb), 0.28);
}

.fst-btn.is-active .fst-icon [data-lucide] {
  color: var(--white);
}

.fsp-num {
  color: var(--coral);
  opacity: 0.16;
}

.fsp-tag {
  background: rgba(var(--coral-rgb), 0.15);
  color: var(--coral-profundo);
}

/* ══════════════════════════════════════════════
   COMO FUNCIONA — etapas coloridas
══════════════════════════════════════════════ */
.cf-item {
  --cf-accent: var(--verde-agua);
}
.cf-item:nth-child(2) {
  --cf-accent: var(--sol-profundo);
}
.cf-item:nth-child(3) {
  --cf-accent: var(--coral-profundo);
}
.cf-item:nth-child(4) {
  --cf-accent: var(--terracota-medio);
}

.cf-item .cf-icon {
  background: color-mix(in srgb, var(--cf-accent) 12%, var(--white));
  border-color: var(--cf-accent);
  color: var(--cf-accent);
}

.cf-item .cf-kicker {
  color: var(--cf-accent);
}

.cf-row::before {
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--verde-vivo) 12%,
    var(--sol) 38%,
    var(--coral) 64%,
    var(--terracota-medio) 88%,
    transparent 100%
  );
  opacity: 0.75;
  height: 2.5px;
}

/* ══════════════════════════════════════════════
   FORMAÇÕES — linha do tempo colorida
══════════════════════════════════════════════ */
.form-tl-line {
  background: linear-gradient(
    180deg,
    var(--verde-vivo) 0%,
    var(--sol) 50%,
    var(--terracota-medio) 100%
  );
  opacity: 0.55;
}

.form-cred-tag {
  background: rgba(var(--terracota-medio-rgb), 0.14);
  color: var(--terracota-escuro);
}

.form-tl-dot {
  background: var(--white);
  border-color: var(--verde-agua);
}

/* ══════════════════════════════════════════════
   HERO — ícones de confiança coloridos
══════════════════════════════════════════════ */
.hero-trust li:nth-child(1) [data-lucide] {
  color: var(--verde-profundo);
}
.hero-trust li:nth-child(2) [data-lucide] {
  color: var(--verde-medio);
}
.hero-trust li:nth-child(3) [data-lucide] {
  color: var(--coral);
}


/* ══════════════════════════════════════════════
   SOBRE — chips e destaques
══════════════════════════════════════════════ */
.sobre-float-card {
  background: linear-gradient(140deg, var(--verde-vivo), var(--verde-agua-escuro));
  color: var(--white);
}

.sobre-float-card .sobre-float-number,
.sobre-float-card .sobre-float-text {
  color: var(--white);
}

.sobre-name-accent {
  color: var(--terracota-medio);
}

/* ══════════════════════════════════════════════
   MOVIMENTO REDUZIDO
══════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .hero-glow,
  .hero-bg-img {
    animation: none !important;
  }
}