/* "Encontre o que te faz..." (v2): a frase fica parada no centro da tela e só a última palavra troca no lugar, com a rolagem
   (respirar, desacelerar, sentir...). A palavra nova entra de baixo, nítida; a anterior sobe e se desfaz.
   O fundo esquenta devagar e, no fim ("bem"), aparece o convite para conversar. */
.encontre{--enc-p:0;position:relative;color:#1d1424;padding:0;overflow:clip;
  background:color-mix(in srgb,#f6efe1,#f8dcb0 calc(var(--enc-p) * 100%))}
.enc-trilho{position:relative;height:calc(100svh + 320svh)}
.enc-palco{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5svh,48px);padding:0 20px;text-align:center}
.enc-palco::before{content:'';position:absolute;left:50%;top:50%;width:min(900px,120vw);aspect-ratio:1;translate:-50% -50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(245,158,11,calc(var(--enc-p) * .22)),rgba(245,158,11,0) 70%)}   /* calor parado no centro, cresce no fim */
.enc-frase{position:relative;margin:0;font-family:var(--font-headline);font-weight:800;font-size:clamp(2.2rem,5.4vw,5rem);line-height:1.08;letter-spacing:-.035em}
.enc-fixo{display:block}
.enc-troca{position:relative;display:block;height:1.2em;margin-top:.06em}
.enc-p{position:absolute;left:50%;top:0;white-space:nowrap;color:#521180;opacity:0;transform:translate(-50%,.55em);filter:blur(8px);
  transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.enc-p.on{opacity:1;transform:translate(-50%,0);filter:none}
.enc-p.saiu{opacity:0;transform:translate(-50%,-.55em);filter:blur(8px)}
.enc-p.enc-fim{color:transparent;background:linear-gradient(90deg,#f59e0b,#d97706 60%,#f5b545);-webkit-background-clip:text;background-clip:text}
.enc-pontos{display:flex;gap:10px}
.enc-pontos i{width:7px;height:7px;border-radius:50%;background:rgba(82,17,128,.2);transition:background .4s ease,transform .4s ease}
.enc-pontos i.on{background:#521180;transform:scale(1.3)}

/* convite final */
.enc-cta{display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.encontre.is-fim .enc-cta{opacity:1;transform:none;pointer-events:auto}
.encontre.is-fim .enc-pontos{opacity:0;transition:opacity .5s ease}
.enc-cta-t{margin:0;max-width:26ch;font-family:var(--font-headline);font-weight:700;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3;color:#3a2a44}
.enc-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;border-radius:999px;text-decoration:none;
  background:#521180;color:#fff;font:700 clamp(1rem,1.4vw,1.12rem) var(--font-body);letter-spacing:.01em;
  box-shadow:0 18px 40px -16px rgba(82,17,128,.6);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.enc-btn:hover{transform:translateY(-2px);background:#5e1696;box-shadow:0 24px 48px -16px rgba(82,17,128,.7)}
.enc-btn:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}

@media (max-width:760px){
  .enc-frase{font-size:clamp(2rem,9.6vw,2.8rem)}
  .enc-btn{width:100%;max-width:340px;justify-content:center}
}
/* sem movimento: tudo visível de uma vez */
@media (prefers-reduced-motion:reduce){
  .enc-trilho{height:auto}
  .enc-palco{position:relative;height:auto;padding:clamp(80px,12vh,120px) 20px}
  .enc-troca{height:auto}
  .enc-p,.enc-p.saiu{position:static;display:inline;opacity:1;transform:none;filter:none}
  .enc-p:not(:last-child)::after{content:', ';color:#1d1424}
  .enc-cta{opacity:1;transform:none;pointer-events:auto}
}

/* ---------- v3 (pedido da Rafaella): sem o laranja no fundo, mais devagar e com a letra maior ---------- */
.enc-trilho{height:calc(100svh + 540svh)}
.enc-frase{font-size:clamp(2.7rem,7vw,6.8rem);line-height:1.04}
.enc-troca{height:1.18em}
@media (max-width:760px){ .enc-frase{font-size:clamp(2.4rem,11.4vw,3.5rem)} }
.encontre[class*="ef-"]{background:var(--ef-bg) !important;transition:background 1.4s ease}
.encontre[class*="ef-"] .enc-palco::before{background:none}
.enc-luz{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.enc-luz i{position:absolute;width:60vmax;aspect-ratio:1;border-radius:50%;filter:blur(60px);opacity:.55;animation:encLuz 26s ease-in-out infinite alternate}
.enc-luz i:nth-child(1){left:-15vmax;top:-20vmax;background:var(--ef-l1)}
.enc-luz i:nth-child(2){right:-18vmax;bottom:-25vmax;background:var(--ef-l2);animation-duration:32s;animation-direction:alternate-reverse}
@keyframes encLuz{to{transform:translate(8vmax,6vmax) scale(1.12)}}
.enc-grao{position:absolute;inset:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.enc-palco>*:not(.enc-luz):not(.enc-grao){position:relative;z-index:1}
/* 1. ameixa: escuro da marca, luz lavanda e âmbar bem suave se movendo devagar */
.encontre.ef-ameixa{--ef-bg:#1b1022;--ef-l1:rgba(140,80,190,.55);--ef-l2:rgba(214,150,86,.30);color:#f6efe1}
.ef-ameixa .enc-p{color:#f5c67a}
.ef-ameixa .enc-pontos i{background:rgba(246,239,225,.22)}.ef-ameixa .enc-pontos i.on{background:#f5c67a}
.ef-ameixa .enc-cta-t{color:rgba(246,239,225,.82)}
.ef-ameixa .enc-grao{opacity:.09}
/* 2. areia: claro e neutro, sem esquentar; luz lilás leve */
.encontre.ef-areia{--ef-bg:#f3ede4;--ef-l1:rgba(190,160,220,.45);--ef-l2:rgba(230,205,170,.45)}
/* 3. tons: cada palavra traz um tom calmo diferente (névoa, lilás, rosado, sálvia, areia...) */
.encontre.ef-tons{--ef-bg:#e3e9ec;--ef-l1:rgba(255,255,255,.7);--ef-l2:rgba(82,17,128,.10)}
.ef-tons[data-i="1"]{--ef-bg:#e6e0ef}.ef-tons[data-i="2"]{--ef-bg:#f1e2e1}.ef-tons[data-i="3"]{--ef-bg:#e3e8dc}
.ef-tons[data-i="4"]{--ef-bg:#efe6d5}.ef-tons[data-i="5"]{--ef-bg:#ebdfe9}.ef-tons[data-i="6"]{--ef-bg:#f3e7d4}
@media (prefers-reduced-motion:reduce){ .enc-luz i{animation:none} }