/* v4 · fio que se desenha, fundo vivo e títulos mais delicados (sobre a Atual polida).
   Peças do banco: fundo-seda, parallax, texto-revelado-rolagem, nota-manuscrita, escrita-rolagem (em banco/). */

/* ---------- títulos mais delicados (mesma Onest aprovada, menos peso e mais ar) ---------- */
.cr-hero__titulo{font-weight:600;font-size:clamp(30px,1.9vw + 18px,48px);line-height:1.12;letter-spacing:-.022em}
.cr-hero__sub{font-size:clamp(16.5px,.3vw + 15.5px,18.5px);line-height:1.6}
.cr-hero__texto{gap:20px}
.cr-h2{font-weight:700;font-size:clamp(28px,1.5vw + 16px,40px);line-height:1.1;letter-spacing:-.022em}
.cr-h3{font-weight:700;font-size:clamp(24px,.9vw + 16px,32px);letter-spacing:-.018em}
.cr-met__passos{font-weight:700;font-size:clamp(28px,1.5vw + 16px,40px);letter-spacing:-.025em}
.cr-naila__nome{font-weight:700;font-size:clamp(38px,2.6vw + 16px,58px);letter-spacing:-.03em}
.cr-ofe__cab .cr-h2{font-size:clamp(28px,1.5vw + 16px,40px)}  /* v19: era clamp(32px,2.4vw + 14px,52px) */
.cr-map__pergunta{font-weight:700}

/* ---------- fundo vivo nas seções claras: seda fixa na janela + papel ---------- */
body{background:var(--off)}
.v4-seda{z-index:-1;--cor-fundo:#F8F5F0;--cor-destaque:#B892D6;--cor-acento:#B892D6;--cor-acento-claro:#E3D6EE;--cor-destaque-claro:#D8C8E7;--fs-dobras:.62;--fs-linhas:.7}
.v4-papel{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .29 0 0 0 0 .22 0 0 0 0 .32 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cr-zap,.cr-map,.cr-faq,.cr-sup,.cr-dep__videos{background:transparent}
.cr-ent,.cr-cont{background:rgba(241,233,222,.42)}
.cr-met{background:linear-gradient(180deg,rgba(233,225,240,.7),rgba(242,236,245,.35) 55%,transparent)}
.cr-zap::before{display:none}

/* luz de janela com sombra de folhas (do primeiro protótipo), no WhatsApp e embaixo da Naila */
.v4-janela{position:absolute;left:0;right:0;top:0;height:min(820px,100%);z-index:0;pointer-events:none;overflow:hidden}
.v4-janela--baixo{top:auto;bottom:0;height:min(900px,60%)}
.v4-janela svg{position:absolute;inset:0;width:100%;height:100%}
.v4-janela__luz{filter:blur(16px)}
.v4-janela__folhas{filter:blur(3px)}
.v4-janela__folhas g{transform-box:view-box;transform-origin:78% 0;animation:v4-balanco 11s ease-in-out infinite alternate}
@keyframes v4-balanco{from{transform:rotate(-1.3deg)}to{transform:rotate(1.5deg) translateX(5px)}}
.cr-met{position:relative}
.cr-zap__grade,.cr-met .cr-c{position:relative;z-index:1}

/* ---------- luz que respira nas seções escuras ---------- */
.cr-hero__luz{animation:v4-respira 22s ease-in-out infinite alternate;transform-origin:30% 50%}
@keyframes v4-respira{from{transform:scale(1) translate(0,0);opacity:.9}to{transform:scale(1.12) translate(3%,-2%);opacity:1}}
.cr-ofe::after{content:"";position:absolute;width:70vmax;height:70vmax;left:-20vmax;top:-30vmax;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(184,146,214,.22),transparent 70%);animation:v4-deriva 26s ease-in-out infinite alternate}
.cr-ofe .cr-c{position:relative;z-index:2}
@keyframes v4-deriva{from{transform:translate(0,0)}to{transform:translate(18vmax,22vmax)}}
.cr-map__rede{animation:v4-aneis 18s ease-in-out infinite alternate;transform-origin:78% 20%}
@keyframes v4-aneis{from{transform:scale(1);opacity:.8}to{transform:scale(1.08);opacity:1}}

/* ---------- o fio ---------- */
.v4-fio{position:absolute;left:0;top:0;width:100%;height:0;z-index:-1;pointer-events:none;overflow:visible}
.v4-fio path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.v4-fio__traco{stroke:#A784C6;stroke-width:1.6}
.v4-fio__brilho{stroke:#D8C8E7;stroke-width:7;opacity:.55;filter:blur(4px)}
.v4-fio__ponto{fill:#fff;stroke:#8C6AA8;stroke-width:2;filter:drop-shadow(0 0 6px rgba(184,146,214,.95)) drop-shadow(0 0 16px rgba(184,146,214,.6))}
.v4-fio__nos circle{fill:#F8F5F0;stroke:#B892D6;stroke-width:1.6;transition:fill .4s,stroke .4s,r .4s}
.v4-fio__nos circle.v4-aceso{fill:#8C6AA8;stroke:#8C6AA8;filter:drop-shadow(0 0 6px rgba(184,146,214,.9))}
.v4-fio__nos circle.v4-final{stroke-width:2}

/* ---------- nota manuscrita: Josiane ---------- */
.v4-quem{display:block;font-weight:inherit}
.v4-quem::before{display:none}
.v4-quem__nota{--fonte-manuscrita:"Caveat",cursive;--nm-cor:var(--ameixa);--nm-tamanho:clamp(26px,1.6vw + 12px,34px);font-weight:600;white-space:nowrap}
.v4-quem__nota .nota-manuscrita__seta{display:none}
@media (min-width:1000px){
  .cr-zap__demo{position:relative}
  .v4-quem{position:absolute;right:calc(100% + 18px);bottom:12%;margin:0}
  .v4-quem__nota .nota-manuscrita__seta{display:block}
}

/* ---------- assinatura da Naila ---------- */
.v4-assinatura{--fonte-titulo:"Allura",cursive;--cor-destaque:#6B4A80;--escrita-decalque-opacidade:.18;width:min(300px,70%);margin-top:6px}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  .v4-janela__folhas g,.cr-hero__luz,.cr-ofe::after,.cr-map__rede{animation:none}
}
.modo-print .v4-janela__folhas g,.modo-print .cr-hero__luz,.modo-print .cr-ofe::after,.modo-print .cr-map__rede{animation:none}

/* selo da versão (marcação de trabalho) */
.pend-versao{position:fixed;right:14px;bottom:14px;z-index:9000;padding:8px 12px;border-radius:999px;background:#2A1D33;color:#E3D6EE;font:700 12px/1 var(--fonte);letter-spacing:.03em;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.sem-pend .pend-versao{display:none}
@media (max-width:560px){.pend-versao{top:12px;bottom:auto}}
