/* ══════════════════════════════════════════════════════════════════════
   Home nova (teste em /novo). Tudo com prefixo nv- pra não brigar com o styles.css.
   Usa os tokens do styles.css, então segue o tema claro/escuro sozinho.
   Faixas escuras: .banda (o topo, os trabalhos e o fecho). O resto é claro.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Base ── */
.nv-olho{font:700 12px/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--faixa-acento);margin-bottom:18px}
.nv-olho-claro{color:var(--destaque)}
.nv-secao{padding:clamp(80px,10vw,140px) 0}
.nv-secao h2,.nv-fecho h2{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.06;color:var(--titulo);font-size:clamp(34px,4.6vw,60px)}
.nv-secao h2 em,.nv-topo h1 em,.nv-fecho h2 em{font-style:normal;color:var(--destaque)}
.banda h2,.banda h1{color:var(--faixa-titulo)}
.banda h2 em,.banda h1 em{color:var(--faixa-acento)}
.nv-cabeca{max-width:760px;margin-bottom:clamp(36px,5vw,60px)}
.nv-nota{margin-top:14px;font-size:12.5px;color:var(--texto-suave)}
.nv-centro{text-align:center;margin-top:44px}
.nv-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.nv-acoes-centro{justify-content:center}
.nv-btn-grande{height:60px;padding:0 34px;font-size:15.5px;border:0;cursor:pointer}
.nv-link{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:var(--destaque);border-bottom:1px solid currentColor;padding-bottom:2px}
.banda .nv-link{color:var(--faixa-acento)}

/* ══ 1. Topo ══ */
.nv-topo{position:relative;overflow:hidden;padding:clamp(118px,13vh,160px) 0 clamp(60px,7vw,100px)}
.nv-topo-luz{position:absolute;inset:-30% auto auto 50%;transform:translateX(-50%);width:80vw;height:80vw;max-width:1100px;max-height:1100px;border-radius:50%;background:radial-gradient(circle,rgba(var(--violeta-rgb),.38),transparent 62%);pointer-events:none}
.nv-topo-centro{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.nv-topo-centro .nv-topo-sub{margin-inline:auto}
.nv-topo-centro .nv-topo-garantias{justify-content:center}
.nv-filme-caixa{position:relative;margin-top:clamp(40px,5vw,64px)}
.nv-topo h1{font-family:var(--display);font-weight:700;font-size:clamp(40px,5.4vw,80px);line-height:1.02;letter-spacing:-.035em}
.nv-topo-sub{margin-top:24px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;max-width:32em;color:rgba(var(--faixa-texto-rgb),.78)}
.nv-topo-garantias{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;font-size:14px;color:rgba(var(--faixa-texto-rgb),.75)}
.nv-topo-garantias li{display:flex;align-items:center;gap:8px}
.nv-topo-garantias li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:rgba(var(--violeta-claro-rgb),.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%239D8BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.nv-topo h1 em{display:block}@media (min-width:961px){.nv-topo h1{white-space:nowrap}}

/* O palco: notebook + celular com o site real rolando, e três avisos que contam a história */
.nv-palco{position:relative;padding:0 6% 9% 0}
.nv-lap{position:relative;padding:0 5%}
.nv-note{position:relative;padding:2.2% 2.2% 3%;border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#2a2c33,#16171c);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 40px 90px -30px rgba(0,0,0,.65)}
.nv-note::before{content:"";position:absolute;left:50%;top:.9%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#3b3e48;box-shadow:0 0 0 1px #000 inset}
.nv-note>.nv-note-barra{border-radius:6px 6px 0 0}
.nv-note>.nv-tela{border-radius:0 0 4px 4px;background:#fff}
.nv-lap-base{display:block;position:relative;height:clamp(10px,1.4vw,16px);margin:0 -5%;border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#d9dbe2,#a9acb6 55%,#7f828c);box-shadow:0 18px 30px -12px rgba(0,0,0,.6)}
.nv-lap-base::before{content:"";position:absolute;left:50%;top:0;width:16%;height:38%;transform:translateX(-50%);border-radius:0 0 8px 8px;background:#8d909a}
.nv-note-barra{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#ECEAF3;border-bottom:1px solid rgba(0,0,0,.06)}
.nv-note-barra i{width:9px;height:9px;border-radius:50%;background:#D9D5E6}
.nv-note-barra i:nth-child(1){background:#FF6159}.nv-note-barra i:nth-child(2){background:#FFBD2E}.nv-note-barra i:nth-child(3){background:#28C941}
.nv-note-barra span{margin-left:10px;padding:3px 12px;border-radius:6px;background:#fff;font:500 11px var(--sans);color:#555;flex:1;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-tela{position:relative;overflow:hidden}
.nv-note .nv-tela{aspect-ratio:16/10}
.nv-tela img{width:100%;height:auto;will-change:transform}
.nv-tela.rodando img{animation:nv-rola var(--tempo,26s) ease-in-out infinite alternate}
@keyframes nv-rola{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(var(--curso,0px))}}
.nv-cel{position:absolute;right:0;bottom:0;width:26%;min-width:112px;padding:clamp(3px,.35vw,5px);border-radius:clamp(22px,2.6vw,36px);background:#1d1e22;box-shadow:0 0 0 1px #4a4c52,0 0 0 2px #121316,0 30px 60px -20px rgba(0,0,0,.75)}
.nv-cel::before{content:"";position:absolute;z-index:2;left:50%;top:calc(clamp(3px,.35vw,5px) + 3.2%);width:27%;height:3.1%;transform:translateX(-50%);border-radius:99px;background:#000}
.nv-cel::after{content:"";position:absolute;right:-3px;top:24%;width:2px;height:11%;border-radius:0 2px 2px 0;background:#4a4c52}
.nv-cel-tela{aspect-ratio:9/19.5;border-radius:clamp(19px,2.25vw,32px);background:#fff}
.nv-aviso{position:absolute;display:grid;gap:2px;padding:12px 16px;border-radius:14px;background:rgba(var(--faixa-chip-rgb),.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--faixa-titulo-rgb),.14);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);font-size:12.5px;color:rgba(var(--faixa-texto-rgb),.85);opacity:0;transform:translateY(10px) scale(.96);animation:nv-aviso 12s var(--ease) infinite}
.nv-aviso b{font:600 13px var(--display);color:var(--faixa-titulo)}
.nv-aviso-1{left:-4%;top:12%}
.nv-aviso-2{left:6%;bottom:16%;animation-delay:2.4s}
.nv-aviso-1::before,.nv-aviso-2::before{content:"";position:absolute;left:-6px;top:14px;width:12px;height:12px;border-radius:50%;background:#25D366}
.nv-aviso-2::before{background:var(--violeta-claro)}
@keyframes nv-aviso{0%,4%{opacity:0;transform:translateY(10px) scale(.96)}9%,58%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-6px)}}
.nv-carimbo{position:absolute;right:20%;top:-4%;padding:10px 18px;border:2px solid var(--violeta-claro);border-radius:10px;font:700 14px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--violeta-claro);background:rgba(var(--faixa-chip-rgb),.85);transform:rotate(-8deg) scale(1.4);opacity:0;animation:nv-carimbo 12s var(--ease) infinite;animation-delay:4.8s}
@keyframes nv-carimbo{0%{opacity:0;transform:rotate(-8deg) scale(1.4)}5%,55%{opacity:1;transform:rotate(-8deg) scale(1)}63%,100%{opacity:0;transform:rotate(-8deg) scale(1)}}
@media (max-width:560px){.nv-aviso{font-size:11.5px;padding:9px 12px}.nv-aviso-1{left:0;top:4%}.nv-carimbo{right:8%;font-size:12px}}

/* ══ 2. Faixa de prova ══ */
.nv-prova{background:var(--fundo-alt);border-bottom:1px solid var(--linha);padding:26px 0}
.nv-prova-linha{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 36px}
.nv-prova p{font-size:15px;color:var(--texto)}
.nv-prova b{color:var(--titulo);font-family:var(--display);font-weight:600}
.nv-prova-quem{display:flex;align-items:center;gap:14px}
.nv-avatares{display:flex}
.nv-avatares img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid var(--fundo-alt);margin-left:-12px;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.nv-avatares img:first-child{margin-left:0}
.nv-prova-item{padding-left:20px;border-left:1px solid var(--linha)}
@media (max-width:760px){.nv-prova-item{padding-left:0;border-left:0}}

/* ══ 3. A dor ══ */
.nv-dor-grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:center}
.nv-dor-texto>p{margin-top:22px;font-size:18px;line-height:1.65;max-width:34em}
.nv-dor-texto b{color:var(--titulo)}
.nv-golpe{margin-top:34px;padding:22px 24px;border-left:3px solid var(--destaque);border-radius:0 14px 14px 0;background:rgba(var(--destaque-rgb),.06)}
.nv-golpe h3{font:600 22px var(--display);color:var(--titulo);margin-bottom:8px}
.nv-golpe p{font-size:15.5px}
@media (max-width:900px){.nv-dor-grade{grid-template-columns:1fr}}

/* A busca: ilustração animada (a frase digita, o clique vai pro concorrente) */
.nv-busca{position:relative;padding:22px;border-radius:20px;background:var(--card-fundo);border:1px solid var(--card-linha);box-shadow:0 30px 70px -40px var(--card-sombra)}
.nv-busca-campo{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--linha);font-size:16px;color:var(--titulo)}
.nv-busca-campo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;opacity:.5}
.nv-cursor{width:2px;height:20px;background:var(--destaque);animation:nv-pisca 1s steps(2) infinite}
@keyframes nv-pisca{50%{opacity:0}}
.nv-busca-mapa{position:relative;height:150px;margin:16px 0;border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(var(--grafite-rgb),.07) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(var(--grafite-rgb),.07) 23px 24px),rgba(var(--grafite-rgb),.04)}
.nv-pin{position:absolute;display:grid;gap:2px;padding:8px 12px;border-radius:10px;background:var(--card-fundo);box-shadow:0 8px 20px -8px rgba(0,0,0,.3);font-size:12px;color:var(--texto);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.nv-pin b{font:600 13px var(--display);color:var(--titulo)}
.nv-pin u{text-decoration:none;color:var(--destaque);font-weight:600}
.nv-pin-a{left:8%;top:18%}.nv-pin-b{right:8%;bottom:16%;transition-delay:.25s}
.nv-busca-lista{list-style:none;display:grid;gap:10px}
.nv-res{display:grid;gap:2px;padding:12px 14px;border-radius:12px;opacity:0;transform:translateY(8px);transition:opacity .5s .5s,transform .5s .5s,background .4s,box-shadow .4s}
.nv-res small{font-size:12px;color:var(--texto-suave)}
.nv-res b{font:600 15px var(--display);color:#1a0dab}
html.tema-escuro .nv-res b{color:#a8c7fa}
.nv-res span{font-size:13px;color:var(--texto-suave)}
.nv-res+.nv-res{transition-delay:.7s}
.nv-busca.ativa .nv-pin,.nv-busca.ativa .nv-res{opacity:1;transform:none}
.nv-busca.clicou .nv-res-rival{background:rgba(var(--destaque-rgb),.08);box-shadow:0 0 0 2px rgba(var(--destaque-rgb),.5)}
.nv-busca-clique{position:absolute;left:58%;top:30%;width:22px;height:22px;border-radius:50%;background:rgba(var(--destaque-rgb),.35);border:2px solid var(--destaque);opacity:0;transition:left 1.1s var(--ease),top 1.1s var(--ease),opacity .3s}
.nv-busca.clicou .nv-busca-clique{opacity:1;left:30%;top:calc(100% - 132px)}
.nv-busca figcaption{margin-top:14px;font-size:13px;color:var(--texto-suave)}
.nv-busca figcaption b{color:var(--titulo)}

/* ══ 4. Comparação ══ */
.nv-compara{background:var(--fundo-alt)}
.nv-tabela{border-radius:18px;overflow:hidden;border:1px solid var(--card-linha);background:var(--card-fundo)}
.nv-tabela{max-width:980px}
.nv-linha{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;align-items:stretch;border-top:1px solid var(--card-linha)}
.nv-linha:first-child{border-top:0}
.nv-linha>span{padding:18px 20px;font-size:15px}
.nv-linha>span:first-child{font:600 15px var(--display);color:var(--titulo)}
.nv-linha-cab>span{font:700 12px var(--sans)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-suave)!important}
.nv-eu{background:rgba(var(--destaque-rgb),.07);color:var(--titulo);font-weight:600}
.nv-linha-cab .nv-eu{color:var(--destaque)!important}
.nv-sim::before{content:"✓ ";color:var(--destaque);font-weight:700}
.nv-nao{color:var(--texto-suave)}
.nv-nao::before{content:"✕ ";opacity:.6}
@media (max-width:760px){
  .nv-linha{grid-template-columns:1fr 1fr}
  .nv-linha>span:first-child{grid-column:1/-1;padding-bottom:4px;background:var(--fundo-alt)}
  .nv-linha-cab>span:first-child{display:none}
  .nv-linha>span{padding:12px 12px;font-size:13.5px}
}

/* ══ 5. Como funciona ══ */
.nv-passos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.nv-passos li{position:relative;display:flex;flex-direction:column;padding:30px 28px;border-radius:20px;background:var(--card-fundo);border:1px solid var(--card-linha);box-shadow:0 20px 50px -36px var(--card-sombra)}
.nv-passo-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(150deg,var(--violeta-claro),var(--violeta));color:#fff;font:700 18px var(--display);margin-bottom:22px}
.nv-passos h3{font:600 22px/1.2 var(--display);color:var(--titulo);margin-bottom:10px}
.nv-passos p{font-size:15.5px}
.nv-passo-ilus{margin-top:auto;padding-top:24px}
.nv-passo-ilus span{display:inline-block;padding:10px 14px;border-radius:14px;font-size:13px}
.nv-ilus-zap span{background:#DCF8C6;color:#1f2d1f;border-radius:14px 14px 14px 4px}
.nv-ilus-previa span{background:rgba(var(--destaque-rgb),.1);color:var(--destaque);font-weight:600}
.nv-ilus-previa span::before{content:"● ";color:#25D366}
.nv-ilus-ar span{border:1px dashed rgba(var(--destaque-rgb),.5);color:var(--titulo);font-weight:600}
@media (max-width:860px){.nv-passos{grid-template-columns:1fr}}

/* ══ 6. Trabalhos ══ */
.nv-trabalhos{padding:clamp(80px,10vw,140px) 0}
.nv-cases{display:grid;gap:clamp(60px,8vw,110px)}
.nv-case{display:grid;grid-template-columns:1.5fr .7fr;gap:clamp(28px,4vw,60px);align-items:center}
.nv-case:nth-child(2){grid-template-columns:.7fr 1.5fr}
.nv-case:nth-child(2) .nv-case-palco{order:2}
.nv-case-palco{position:relative;padding:0 7% 10% 0}
.nv-case-quem{font:700 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--faixa-acento);margin-bottom:14px}
.nv-case h3{font:600 clamp(24px,2.4vw,32px)/1.2 var(--display);color:var(--faixa-titulo);margin-bottom:20px}
@media (max-width:900px){.nv-case,.nv-case:nth-child(2){grid-template-columns:1fr}.nv-case:nth-child(2) .nv-case-palco{order:0}}

/* ══ 7. Depoimentos: carrossel que anda sozinho e pausa no toque ══ */
.nv-depo{padding-bottom:clamp(50px,6vw,90px)}
.nv-depo .nv-cabeca{margin-bottom:clamp(24px,3vw,40px)}
/* sem mask: mask + filho animado + opacidade deixa o carrossel em branco no Safari do iPhone; as bordas esmaecidas agora são duas faixas na cor do fundo */
.nv-carrossel{position:relative;overflow:hidden;margin-top:clamp(-10px,-1vw,0px);padding:10px 0 40px}
.nv-carrossel::before,.nv-carrossel::after{content:"";position:absolute;top:0;bottom:0;width:7%;z-index:2;pointer-events:none}
.nv-carrossel::before{left:0;background:linear-gradient(90deg,var(--fundo),transparent)}
.nv-carrossel::after{right:0;background:linear-gradient(270deg,var(--fundo),transparent)}
.nv-carrossel-trilho{display:flex;align-items:flex-start;gap:20px;width:max-content;padding-right:20px}
.nv-carrossel-trilho.correndo{animation:nv-faixa var(--dur,60s) linear infinite}
.nv-carrossel:hover .nv-carrossel-trilho,.nv-carrossel:active .nv-carrossel-trilho{animation-play-state:paused}
@keyframes nv-faixa{to{transform:translateX(-50%)}}
.nv-depo-card{flex:0 0 clamp(290px,30vw,440px);display:flex;flex-direction:column;gap:14px;padding:26px 28px;border-radius:20px;background:var(--card-fundo);border:1px solid var(--card-linha);box-shadow:0 24px 60px -40px var(--card-sombra)}
.nv-depo-quem{display:flex;align-items:center;gap:12px}
.nv-depo-quem img{width:52px;height:52px;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(var(--destaque-rgb),.18)}
.nv-depo-quem span{display:grid;font-size:13.5px;line-height:1.35;color:var(--texto-suave)}
.nv-depo-quem b{font:600 16px var(--display);color:var(--titulo)}
.nv-depo-quem .nv-estrelas{margin-left:auto;font-style:normal;color:#F5B301;letter-spacing:.12em;font-size:15px;white-space:nowrap}
.nv-depo-card p{font:500 17px/1.6 var(--display);color:var(--titulo)}
@media (max-width:560px){.nv-depo-quem{flex-wrap:wrap}.nv-depo-quem .nv-estrelas{margin-left:64px;width:100%}.nv-depo-card p{font-size:16px}}

/* ══ Quem faz: bloco compacto, foto em tamanho de cartão ══ */
.nv-sobre{background:var(--fundo-alt);padding:clamp(60px,7vw,96px) 0}
.nv-sobre-grade{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:center;max-width:960px}
.nv-sobre-foto{width:clamp(180px,20vw,260px);height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:20px;box-shadow:0 30px 60px -36px var(--card-sombra)}
.nv-sobre h2{font-size:clamp(28px,3.2vw,42px)}
.nv-sobre-texto>p{margin-top:16px;font-size:16.5px;line-height:1.65;max-width:36em}
.nv-assina{font-weight:600;color:var(--titulo)!important;font-size:14.5px!important}
@media (max-width:640px){.nv-sobre-grade{grid-template-columns:1fr}.nv-sobre-foto{width:180px}}

/* ══ 8. Investimento ══ */
.nv-preco-site{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:28px;overflow:hidden;background:var(--card-fundo);border:1px solid var(--card-linha);box-shadow:0 40px 90px -50px var(--card-sombra)}
.nv-preco-valor{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4vw,56px);background:radial-gradient(ellipse 90% 70% at 0% 0%,rgba(var(--destaque-rgb),.12),transparent 70%)}
.nv-preco-rotulo{font:700 12px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--destaque)}
.nv-preco-num{display:grid;margin:14px 0 10px;line-height:1}
.nv-preco-num small{font:500 17px var(--sans);color:var(--texto-suave);margin-bottom:8px}
.nv-preco-num b{font:700 clamp(64px,8vw,104px)/.95 var(--display);letter-spacing:-.045em;color:var(--titulo);font-variant-numeric:tabular-nums}
.nv-preco-pag{font-size:15px;color:var(--texto-suave);margin-bottom:28px;max-width:26em}
.nv-preco-risco{margin-top:18px;font-size:14.5px;color:var(--texto-suave)}
.nv-preco-risco b{color:var(--titulo);font-weight:600}
.nv-preco-site .nv-inclui{list-style:none;margin:0;padding:clamp(26px,3.4vw,48px) clamp(26px,3.4vw,52px);display:grid;align-content:center;gap:0;border-left:1px solid var(--card-linha)}
.nv-preco-site .nv-inclui li{position:relative;display:grid;gap:2px;padding:14px 0 14px 40px;border-top:1px solid var(--card-linha);font-size:14.5px;color:var(--texto-suave)}
.nv-preco-site .nv-inclui li:first-child{border-top:0}
.nv-preco-site .nv-inclui li::before{content:"";position:absolute;left:0;top:15px;width:24px;height:24px;border-radius:50%;background:rgba(var(--destaque-rgb),.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%236C5CE7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.nv-preco-site .nv-inclui b{font:600 16px var(--display);color:var(--titulo)}

.nv-motion{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);margin-top:clamp(18px,2.4vw,28px);border-radius:28px;overflow:hidden;background:var(--faixa-fundo);color:rgba(var(--faixa-texto-rgb),.78);box-shadow:0 40px 90px -50px rgba(0,0,0,.6)}
.nv-motion .rl-wrap{margin:0;border-radius:0}
.nv-motion-texto{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,56px)}
.nv-motion-texto .nv-olho{color:var(--faixa-acento)}
.nv-motion h3{font:600 clamp(28px,3vw,40px)/1.1 var(--display);letter-spacing:-.02em;color:var(--faixa-titulo);margin-bottom:14px}
.nv-motion h3 em{font-style:normal;color:var(--faixa-acento)}
.nv-motion-texto>p{font-size:16px;line-height:1.6;max-width:34em}
.nv-motion-precos{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 20px;padding:0}
.nv-motion-precos li{display:grid;gap:6px;padding:16px 16px 14px;border-radius:16px;background:rgba(var(--faixa-titulo-rgb),.05);border:1px solid rgba(var(--faixa-titulo-rgb),.12)}
.nv-motion-precos span{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--faixa-acento)}
.nv-motion-precos b{font:600 clamp(19px,1.8vw,24px) var(--display);letter-spacing:-.02em;color:var(--faixa-titulo);white-space:nowrap}
.nv-motion-pe{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;font-size:14px;color:rgba(var(--faixa-texto-rgb),.6)}
.nv-motion .nv-link{color:var(--faixa-acento)}
.nv-preco .nv-mais{margin-top:22px;font-size:14.5px;text-align:center;color:var(--texto-suave)}
@media (max-width:900px){
  .nv-preco-site{grid-template-columns:1fr}
  .nv-preco-site .nv-inclui{border-left:0;border-top:1px solid var(--card-linha)}
  .nv-motion{grid-template-columns:1fr}
  .nv-motion .rl-wrap{max-width:440px;width:100%;margin:0 auto}
}
@media (max-width:520px){.nv-motion-precos{grid-template-columns:1fr 1fr}}

/* ══ 9. Dúvidas ══ */
.nv-faq-lista{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,4vw,56px)}
.nv-faq details{border-top:1px solid var(--linha)}
.nv-faq summary{list-style:none;cursor:pointer;position:relative;padding:22px 40px 22px 0;font:600 19px/1.3 var(--display);color:var(--titulo)}
.nv-faq summary::-webkit-details-marker{display:none}
.nv-faq summary::after{content:"+";position:absolute;right:4px;top:18px;font:400 28px var(--sans);color:var(--destaque);transition:transform .3s var(--ease)}
.nv-faq details[open] summary::after{transform:rotate(45deg)}
.nv-faq details p{padding:0 0 22px;font-size:15.5px;max-width:34em}
@media (max-width:760px){.nv-faq-lista{grid-template-columns:1fr}}

/* ══ 10. Fecho ══ */
.nv-fecho{padding:clamp(90px,11vw,150px) 0;text-align:center}
.nv-fecho h2{font-size:clamp(40px,6vw,80px);color:var(--faixa-titulo)}
.nv-fecho-miolo>p{margin:20px auto 0;max-width:30em;font-size:18px;color:rgba(var(--faixa-texto-rgb),.75)}

/* ══ O formulário da prévia ══ */
.nv-dialogo{margin:auto;width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:22px;background:var(--card-fundo);color:var(--texto);box-shadow:0 40px 100px -20px rgba(0,0,0,.6)}
.nv-dialogo::backdrop{background:rgba(11,13,18,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.nv-form{position:relative;display:grid;gap:16px;padding:clamp(24px,5vw,36px)}
.nv-form h2{font:600 26px/1.15 var(--display);color:var(--titulo);margin-top:-8px}
.nv-fechar{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:24px;color:var(--texto-suave);cursor:pointer}
.nv-fechar:hover{background:var(--fundo-alt)}
.nv-campo{display:grid;gap:7px;font-size:14px;font-weight:600;color:var(--titulo)}
.nv-campo small{font-weight:400;color:var(--texto-suave)}
.nv-campo input,.nv-campo select{height:52px;padding:0 16px;border-radius:12px;border:1px solid var(--linha);background:var(--fundo);color:var(--titulo);font:400 16px var(--sans)}
.nv-campo input:focus,.nv-campo select:focus{outline:2px solid var(--destaque);outline-offset:1px;border-color:transparent}
.nv-campo.erro input,.nv-campo.erro select{border-color:#D92D20}
.nv-isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nv-erro{min-height:0;font-size:14px;color:#D92D20}
.nv-erro:empty{display:none}
.nv-enviar{width:100%}
.nv-form-pe{font-size:13px;text-align:center;color:var(--texto-suave)}

/* ── Quem prefere menos movimento: tudo parado, no quadro final ── */
@media (prefers-reduced-motion:reduce){
  .nv-tela.rodando img,.nv-aviso,.nv-carimbo,.nv-cursor,.nv-carrossel-trilho{animation:none!important}
  .nv-carrossel{overflow-x:auto}
  .nv-aviso,.nv-carimbo{opacity:1;transform:none}
  .nv-carimbo{transform:rotate(-8deg)}
  .nv-pin,.nv-res{opacity:1;transform:none;transition:none}
}

/* ══ /portfolio (desde 09/10/2026): mesma linguagem da home ══ */
.pf-topo{position:relative;overflow:hidden;padding:clamp(130px,15vh,170px) 0 clamp(50px,6vw,80px);text-align:center}
.pf-topo-miolo{position:relative;display:flex;flex-direction:column;align-items:center}
.pf-topo h1{font-family:var(--display);font-weight:700;font-size:clamp(42px,6vw,84px);line-height:1.02;letter-spacing:-.035em}
.pf-topo h1 em{font-style:normal;color:var(--faixa-acento)}
.pf-topo .nv-topo-sub{margin:22px auto 0}
.pf-indice{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:34px 0 0;padding:0}
.pf-indice a{color:var(--faixa-titulo);font-weight:600;border-bottom:1px solid rgba(var(--faixa-titulo-rgb),.3);padding-bottom:3px}
.pf-indice a:hover{border-color:var(--faixa-acento);color:var(--faixa-acento)}
.pf-pagina #sites{padding-top:clamp(30px,4vw,50px)}
.pf-num{font:700 clamp(54px,6vw,84px)/1 var(--display);letter-spacing:-.04em;color:rgba(var(--faixa-titulo-rgb),.12);margin-bottom:6px}
.pf-desc{font-size:16px;line-height:1.65;color:rgba(var(--faixa-texto-rgb),.78);margin:-6px 0 14px}
.pf-feito{font-size:13.5px;letter-spacing:.02em;color:var(--faixa-acento);margin-bottom:22px}
/* recuperação */
.pf-recupera{background:var(--fundo-alt)}
.pf-recupera-grade{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
.pf-recupera h2 em{font-style:normal;color:var(--destaque)}
.pf-recupera-grade>div>p{margin-top:18px;font-size:17px;line-height:1.65;max-width:34em}
.pf-passos{list-style:none;counter-reset:p;display:grid;gap:12px;margin:26px 0 0;padding:0}
.pf-passos li{counter-increment:p;display:flex;gap:14px;align-items:baseline;font-size:16px}
.pf-passos li::before{content:counter(p,decimal-leading-zero);font:700 13px var(--display);color:var(--destaque);letter-spacing:.06em}
.pf-passos b{color:var(--titulo);font-weight:600}
.pf-depo{padding:clamp(26px,3vw,40px);border-radius:24px;background:var(--card-fundo);border:1px solid var(--card-linha);box-shadow:0 30px 70px -40px var(--card-sombra)}
.pf-depo>p{font:500 clamp(17px,1.6vw,21px)/1.55 var(--display);color:var(--titulo)}
.pf-depo-quem{display:flex;align-items:center;gap:14px;margin-top:22px}
.pf-depo-quem img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.pf-depo-quem span{display:grid;font-size:14px;color:var(--texto-suave)}
.pf-depo-quem b{font:600 16px var(--display);color:var(--titulo)}
@media (max-width:860px){.pf-recupera-grade{grid-template-columns:1fr}}
/* motion */
.pf-motion{padding:clamp(80px,10vw,130px) 0}
.pf-motion-sub{margin-top:16px;font-size:17px;color:rgba(var(--faixa-texto-rgb),.75);max-width:36em}
.pf-motion figure{margin:0}
.pf-motion figcaption{margin-top:14px;font-size:14.5px;color:rgba(var(--faixa-texto-rgb),.7)}
.pf-motion figcaption b{color:var(--faixa-titulo);font-weight:600}
.pf-motion-par{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(18px,2.6vw,32px);margin-top:clamp(40px,5vw,64px);align-items:start}
.pf-relogio .rl-wrap{margin:0;border-radius:24px}
.pf-nichos .nc{border-radius:24px}
.pf-motion-cta{margin-top:clamp(36px,4vw,52px);text-align:center}
@media (max-width:860px){.pf-motion-par{grid-template-columns:1fr}.pf-relogio{max-width:420px}}

/* ── Convite: uma linha e o botão, entre as seções (mesmo rótulo do topo) ── */
.nv-convite{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-top:clamp(40px,5vw,64px)}
.nv-convite>p{margin:0;max-width:34em;font:500 clamp(18px,2vw,22px)/1.35 var(--display);letter-spacing:-.015em;color:var(--titulo)}
.nv-convite-dentro{margin-top:clamp(36px,4vw,56px)}
.nv-convite .nv-link{font-size:15px}

/* ── O que você recebe (vc-): lista editorial, sem cartões ── */
.vc-recebe{background:var(--fundo)}
.vc-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.vc-cabeca{position:sticky;top:110px}
.vc-cabeca h2{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.06;color:var(--titulo);font-size:clamp(32px,4vw,52px);margin:10px 0 0}
.vc-sub{margin:20px 0 0;max-width:30em;color:var(--texto-suave);font-size:16px;line-height:1.55}
.vc-lista{list-style:none;margin:0;padding:0}
.vc-lista li{display:grid;grid-template-columns:44px 1fr;gap:clamp(12px,2vw,24px);padding:clamp(18px,2.2vw,26px) 0;border-top:1px solid var(--card-linha)}
.vc-lista li:last-child{border-bottom:1px solid var(--card-linha)}
.vc-n{font:600 14px var(--display);letter-spacing:.04em;color:var(--violeta-claro);padding-top:5px}
.vc-lista h3{margin:0;font:600 clamp(18px,1.9vw,22px)/1.25 var(--display);letter-spacing:-.015em;color:var(--titulo)}
.vc-lista p{margin:6px 0 0;color:var(--texto-suave);font-size:15.5px;line-height:1.55}
@media (max-width:860px){.vc-grade{grid-template-columns:1fr}.vc-cabeca{position:static}}