/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes leaf-drift {
  0%   { transform: translateX(0)    translateY(0)    rotate(0deg); }
  33%  { transform: translateX(8px)  translateY(-6px) rotate(2deg); }
  66%  { transform: translateX(-6px) translateY(4px)  rotate(-3deg); }
  100% { transform: translateX(0)    translateY(0)    rotate(0deg); }
}

@keyframes losango-draw {
  to { stroke-dashoffset: 0; }
}

/* ============================================================
   FOLHAS SVG AMBIENTE
   ============================================================ */
.leaf-tl {
  position: absolute;
  top: -40px; left: -60px;
  width: 180px;
  opacity: 0.18;
  animation: leaf-drift 9s ease-in-out infinite;
  pointer-events: none;
  color: var(--verde-floresta);
}
.leaf-br {
  position: absolute;
  bottom: -40px; right: -60px;
  width: 160px;
  opacity: 0.15;
  animation: leaf-drift 11s ease-in-out infinite reverse;
  transform-origin: center;
  pointer-events: none;
  color: var(--verde-floresta);
}

/* Seções verdes: folha em creme */
#cuidado .leaf-tl,
#jornada .leaf-tl,
#cta-final .leaf-tl { color: var(--creme); opacity: 0.08; }

/* Seção AURUM: folha inferior em creme */
#aurum .leaf-br { color: var(--creme); opacity: 0.10; }

/* ============================================================
   WILL-CHANGE (performance)
   ============================================================ */
.hero-dra-png, .leaf-tl, .leaf-br { will-change: transform; }

/* ============================================================
   ESTADO INICIAL FAQ ACCORDION
   ============================================================ */
.faq-resposta {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.faq-resposta p {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.faq-btn[aria-expanded="true"] + .faq-resposta p {
  opacity: 1;
  transition: opacity 0.25s ease 0.12s;
}

/* ============================================================
   LOSANGO AURUM
   ============================================================ */
.aurum-losango polygon {
  color: var(--creme);
}

/* ============================================================
   ESTADOS INICIAIS GSAP (evitam flash de conteúdo não-animado)
   ============================================================ */

/* ============================================================
   PREFERS-REDUCED-MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .leaf-tl, .leaf-br { animation: none !important; }
  /* NÃO sobrescrever .faq-resposta max-height aqui */
}