/* PV Comunidade · versão FLUXO CONTÍNUO (06/10/2026)
   A página é uma viagem: um fundo só, que muda de tom sem cortes.
   noite (01–04) → amanhecer (05–06) → dia (07) → manhã/tarde (08–11) → embarque (12–13).
   Cada seção pinta um degradê de --de até --para; a seção seguinte começa no --para da anterior,
   então a emenda nunca aparece. Só tokens do DS v2 + 2 tons novos de transição. */

.pv-continua{
  --pv-noite:   var(--osv-noite);    /* #0C0A08 */
  --pv-noite-2: var(--osv-noite-2);  /* #15110D */
  --pv-grafite: var(--osv-grafite);  /* #1C1814 */
  --pv-aurora:  #261A11;             /* noite aquecida pelo Marrom #4E3B31 */
  --pv-aurora-2:#2F2014;
  --pv-brasa:   #3A2818;             /* o trecho mais quente da página (Trilha): sépia profunda, sem virar claro */
}

.pv-continua .osv-secao{
  --de:var(--pv-noite);--para:var(--pv-noite);
  --s-fundo:var(--para);
  background:linear-gradient(180deg,var(--de),var(--para));
}

/* Virada de superfície (escuro ⇄ dia): o degradê acontece todo no respiro do topo,
   antes de qualquer texto. O respiro cresce para a passagem não parecer corte. */
.pv-continua .pv-vira{
  padding-top:calc(var(--osv-secao-y) + clamp(3rem,2rem + 4vw,6rem));
  background:linear-gradient(180deg,var(--de) 0,var(--para) calc(var(--osv-secao-y) + clamp(2.5rem,1.5rem + 3.5vw,5rem)));
}

/* Trilha: o tom de cada trecho */
.pv-continua #inicio         {--de:var(--pv-noite);  --para:var(--pv-noite)}
.pv-continua #realidade      {--de:var(--pv-noite);  --para:var(--pv-noite-2)}
.pv-continua #mesmo-orcamento{--de:var(--pv-noite-2);--para:var(--pv-noite-2)}
.pv-continua #consequencia   {--de:var(--pv-noite-2);--para:var(--pv-grafite)}
.pv-continua #depoimentos    {--de:var(--pv-grafite);--para:var(--pv-aurora)}
.pv-continua #comunidade     {--de:var(--pv-aurora); --para:var(--pv-aurora-2)}
.pv-continua #trilha         {--de:var(--pv-aurora-2);--para:var(--pv-brasa)}
.pv-continua #thay-ia        {--de:var(--pv-brasa);  --para:var(--pv-grafite)}
.pv-continua #bonus          {--de:var(--pv-grafite);--para:var(--pv-noite-2)}
.pv-continua #viagens        {--de:var(--pv-noite-2);--para:var(--pv-noite-2)}
.pv-continua #resultados     {--de:var(--pv-noite-2);--para:var(--pv-noite)}
.pv-continua #oferta         {--de:var(--pv-noite);  --para:var(--pv-grafite)}
.pv-continua #garantia       {--de:var(--pv-grafite);--para:var(--pv-grafite)}
.pv-continua #quem-somos     {--de:var(--pv-grafite);--para:var(--pv-aurora)}
.pv-continua #faq            {--de:var(--pv-aurora); --para:var(--pv-noite)}
.pv-continua .pv-rodape      {background:var(--pv-noite)}

/* Trilha: sem faixa clara. O fundo chega ao tom mais quente da página e só os cards dos níveis
   são claros (class osv-sup--branco nos <li>), flutuando sobre ele */
.pv-continua #trilha .pv-nivel.osv-sup--branco{--s-texto-3:var(--osv-tinta-2);box-shadow:0 24px 50px -28px rgba(0,0,0,.8)}
.pv-continua #trilha .osv-fundo--mapa{opacity:.6}

/* Sem divisória nenhuma entre dobras */
.pv-continua .osv-secao + .osv-secao{border-top:0}

/* ─── O fio da página: rota pontilhada (pin → avião, do logo) que atravessa as dobras ───
   Desenhada por assets/js/continua.js nas margens laterais; cruza de um lado para o outro
   só nas viradas da narrativa, sempre no respiro entre dobras. */
.pv-continua main{position:relative}
.pv-rota{position:absolute;inset:0;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:none}
.pv-rota__linha{fill:none;stroke:var(--osv-sepia);stroke-width:2;stroke-linecap:round;stroke-dasharray:.1 9;opacity:.55}
.pv-rota__marco circle{fill:var(--osv-noite);stroke:var(--osv-sepia);stroke-width:1.5}
.pv-rota__marco .pv-rota__miolo{fill:var(--osv-laranja);stroke:none}
.pv-rota__aviao{fill:var(--osv-laranja)}
@media (max-width:1099px){.pv-rota{display:none}}

/* Grão: uma camada só para a página inteira (por seção, a textura reiniciava na emenda e marcava a divisa) */
.pv-continua main .osv-fundo--grao{display:none}
.pv-continua main::before{content:"";position:absolute;inset:0;z-index:4;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Luzes de fundo (brilho, holofotes, mapa) se apagam antes da divisa:
   sem isso o brilho é cortado reto na borda da seção e denuncia a emenda */
.pv-continua .osv-secao > .osv-fundo{
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
          mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.pv-continua #inicio > .osv-fundo{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
/* luz que antes nascia colada na borda vem para dentro da dobra */
.pv-continua #mesmo-orcamento > .osv-fundo--brilho{--brilho-y:35%!important}
.pv-continua #resultados > .osv-fundo--brilho-base{background:radial-gradient(70% 50% at 50% 80%,var(--s-brilho),transparent 70%)}

/* ════════ LEITURA E PERFORMANCE (06/10/2026) ════════
   Conteúdo aparece na hora (sem animação de entrada palavra por palavra / bloco a bloco),
   tipografia mais limpa, menos efeitos pesados (blur animado, backdrop-filter). */

/* Efeitos pesados fora: holofotes com blur animado viram uma luz estática */
.pv-continua .osv-fundo--holofotes{background:radial-gradient(70% 45% at 50% 0%,color-mix(in srgb,var(--osv-laranja) 16%,transparent),transparent 70%)}
.pv-continua .osv-fundo--holofotes::before,.pv-continua .osv-fundo--holofotes::after{display:none}
.pv-continua .osv-topo.is-solido,.pv-continua .pv-thay__status,.pv-continua .pv-foto__lugar,.pv-continua .osv-pilula{-webkit-backdrop-filter:none;backdrop-filter:none}
.pv-continua .osv-topo.is-solido{background:color-mix(in srgb,var(--osv-noite) 94%,transparent)}
.pv-continua .osv-pilula__ponto{animation:none}

/* Tipografia: títulos um peso abaixo e com respiro entre linhas; destaque sem itálico */
/* Headlines marcam a dobra: peso cheio, maiores, entrelinha justa */
.pv-continua{--osv-ts-d1:clamp(2.5rem,1.5rem + 4vw,5rem);--osv-ts-d2:clamp(2.25rem,1.4rem + 2.8vw,3.75rem)}
.pv-continua :is(.osv-d1,.osv-d2){font-weight:900;letter-spacing:-.02em;text-wrap:balance}
/* traço laranja sob cada headline de seção: marca o início da dobra */
.pv-continua .osv-d2::after{content:"";display:block;width:44px;height:3px;margin:.5em 0 0;border-radius:3px;background:var(--osv-laranja)}
.pv-continua :is(.osv-cab--centro,.osv-centro,.pv-escolha) .osv-d2::after{margin-inline:auto}
.pv-continua .osv-d1{line-height:1.05}
.pv-continua .osv-d2{line-height:1.08}
.pv-continua .osv-d3{font-weight:700;letter-spacing:-.01em;text-wrap:balance}
.pv-continua .osv-script{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--osv-laranja)}
.pv-continua .osv-lead{line-height:1.6;color:color-mix(in srgb,var(--s-texto) 80%,transparent);text-wrap:pretty}
.pv-continua .osv-rotulo{letter-spacing:.12em}

/* Depoimentos: cartões menores no desktop (3 à vista) */
.pv-continua #depoimentos .osv-carrossel__trilho{--item:min(78%,300px)!important}
.pv-continua .pv-depo__titulo{font:500 .9375rem/1.5 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-continua .pv-depo__titulo strong{font-weight:700;background:none;color:var(--osv-laranja-claro)}
.pv-continua .pv-depo .osv-play{width:44px;height:44px}
.pv-continua .pv-depo .osv-play svg{width:18px;height:18px}

/* ─── MOBILE: tudo um degrau menor, mais margem, leitura alinhada à esquerda ─── */
@media (max-width:760px){
  .pv-continua{
    --osv-gutter:1.5rem;
    --osv-secao-y:3.25rem;
    --osv-ts-d1:2.375rem;
    --osv-ts-d2:2.25rem;
    --osv-ts-d3:1.25rem;
    --osv-ts-d4:1.0625rem;
    --osv-ts-lead:1rem;
  }
  .pv-continua .osv-cab{margin-bottom:var(--osv-e-6);gap:var(--osv-e-3)}
  .pv-continua .osv-mt-10{margin-top:var(--osv-e-7)}
  .pv-continua .osv-mt-8{margin-top:var(--osv-e-6)}

  /* 01 · Abertura enxuta: título, frase, vídeo e botão cabem quase numa tela */
  .pv-continua #inicio{padding-top:calc(64px + var(--osv-e-6))!important}
  .pv-continua #inicio .osv-pilha{--gap:var(--osv-e-4)!important}
  .pv-continua #inicio .osv-lead{font-size:.9375rem}
  .pv-continua .pv-video .osv-play{width:52px;height:52px}
  .pv-continua .pv-video .osv-vitrine>img{aspect-ratio:16/9!important;object-position:center!important}
  .pv-continua .osv-btn--grande{min-height:52px;width:100%;padding:.85em 1em;font-size:.875rem;white-space:nowrap}
  .pv-continua .osv-btn--grande .osv-btn__seta{display:none}

  /* 02 · Recortes: faixa lateral em vez de três prints empilhados */
  .pv-continua .pv-recortes{display:grid;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;gap:var(--osv-e-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--osv-gutter);margin-inline:calc(var(--osv-gutter) * -1);padding:var(--osv-e-2) var(--osv-gutter);scrollbar-width:none}
  .pv-continua .pv-recortes::-webkit-scrollbar{display:none}
  .pv-continua .pv-recorte,.pv-continua .pv-recorte:nth-child(n){rotate:0deg;margin-top:0;scroll-snap-align:start}
  /* a faixa rola na horizontal, então recorta na vertical: folga embaixo para a legenda (fonte da notícia)
     e entrada só com fade — o deslocamento para baixo da animação empurrava a legenda para fora */
  .pv-continua .pv-recortes{padding-bottom:var(--osv-e-6);align-items:start}
  .js .pv-continua .pv-recortes[data-revelar-grupo]>*{transform:none}
  .pv-continua .pv-recorte__fonte{padding-bottom:2px}

  /* 03/04 · Comparativos mais compactos */
  .pv-continua :is(.pv-duelo__a,.pv-duelo__b){padding:var(--osv-e-4);font-size:.9375rem}
  .pv-continua .pv-duelo__vs{width:32px;height:32px}
  .pv-continua .pv-fim__card{padding:var(--osv-e-5)}

  /* 05 · Depoimentos: lista legível (miniatura + frase), sem carrossel */
  .pv-continua #depoimentos .osv-carrossel__setas{display:none}
  .pv-continua #depoimentos .osv-carrossel .osv-linha{display:none}
  .pv-continua #depoimentos .osv-carrossel__trilho{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:var(--osv-e-4);overflow:visible}
  .pv-continua .pv-depo{grid-template-columns:128px 1fr;align-items:center;gap:var(--osv-e-4);padding-bottom:var(--osv-e-4);border-bottom:1px solid var(--s-linha)}
  .pv-continua .pv-depo:last-child{border-bottom:0;padding-bottom:0}
  .pv-continua .pv-depo .osv-vitrine{border-radius:12px}
  .pv-continua .pv-depo .osv-play{width:34px;height:34px;right:6px;bottom:6px}
  .pv-continua .pv-depo .osv-play svg{width:14px;height:14px}
  .pv-continua .pv-depo__titulo{font-size:.875rem;line-height:1.45}

  /* 06 · Mockup grande, na largura toda da tela */
  .pv-continua .pv-comunidade__img{margin-inline:calc(var(--osv-gutter) * -1)}
  .pv-continua .pv-comunidade__img img{max-width:none;width:100%}

  /* 08 · Thay: ilustração em faixa, não em tela cheia */
  .pv-continua .pv-thay__arte{max-width:none;aspect-ratio:16/10}
  .pv-continua .pv-thay__arte img{height:100%;object-fit:cover;object-position:center 30%}
}

/* A conversa da Thay é o único trecho que ainda "chega" em sequência (é o próprio conteúdo);
   o bloco em si não fica escondido */
.js .pv-continua .pv-chat[data-revelar]{opacity:1;transform:none}

/* ─── Motion de entrada, leve: blocos sobem pouco e rápido; títulos sobem por trás de uma máscara (data-texto="corte") ─── */
.js .pv-continua [data-revelar]{transform:translateY(18px);transition-duration:.7s}
.js .pv-continua [data-revelar-grupo]>*{transform:translateY(16px);transition-duration:.6s}
.js .pv-continua [data-texto=corte] .osv-tx{transition-duration:.75s}
@media (prefers-reduced-motion:reduce){.js .pv-continua [data-revelar],.js .pv-continua [data-revelar-grupo]>*{transform:none}}

@media (max-width:760px){
  /* topo sempre sólido: o título nunca passa "por baixo" de um menu transparente */
  .pv-continua .osv-topo{background:color-mix(in srgb,var(--osv-noite) 94%,transparent)}

  /* 09 · Bônus: cards mais baixos */
  .pv-continua .pv-bento__card:not(.pv-bento__card--alto) .pv-bento__visual{min-height:180px}
  .pv-continua .pv-bento__card--alto .pv-bento__visual{max-height:230px;overflow:hidden}
  .pv-continua .pv-bento__texto{padding:var(--osv-e-5)}

  /* 11 · Prints: um por vez, grande o bastante para ler, deslizando para o lado (sem rolagem automática) */
  .pv-continua .pv-mural-prints{display:flex;gap:var(--osv-e-3);height:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--osv-gutter);
    margin-inline:calc(var(--osv-gutter) * -1);padding:var(--osv-e-2) var(--osv-gutter);-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
  .pv-continua .pv-mural-prints::-webkit-scrollbar{display:none}
  .pv-continua .pv-mural-prints__col,.pv-continua .pv-mural-prints__col:nth-child(3),.pv-continua .pv-mural-prints__trilho{display:contents}
  .pv-continua .pv-mural-prints__trilho{animation:none}
  .pv-continua .pv-print{flex:0 0 80%;align-self:flex-start;scroll-snap-align:start}
  .pv-continua .pv-print[aria-hidden="true"]{display:none}

  /* 12 · "A escolha é sua" alinhado como o resto */
}

@media (max-width:760px){
  /* 13 · FAQ: lista mais leve, perguntas em texto de leitura (não em título) */
  /* 10 · Fotos das viagens um pouco mais baixas */
  .pv-continua .pv-foto{width:210px}
}

/* ════════ 13 · FAQ — título + ajuda à esquerda, lista numerada à direita (sem caixas) ════════ */
.pv-faq2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"cab lista" "ajuda lista";grid-template-rows:auto 1fr;column-gap:clamp(2.5rem,6vw,6rem);row-gap:var(--osv-e-7);align-items:start}
.pv-faq2__cab{grid-area:cab;display:flex;flex-direction:column;gap:var(--osv-e-3)}
.pv-faq2 .osv-acordeao{grid-area:lista;gap:0;counter-reset:faq;border-top:1px solid var(--s-linha)}
.pv-faq2__ajuda{grid-area:ajuda;display:grid;gap:var(--osv-e-2);padding:var(--osv-e-6);border:1px solid var(--s-linha);border-radius:var(--osv-r-card);
  background:linear-gradient(160deg,color-mix(in srgb,var(--osv-laranja) 9%,transparent),transparent 60%)}
.pv-faq2__ajuda-titulo{font:700 var(--osv-ts-d4)/1.2 var(--osv-f-display);color:var(--s-texto)}
.pv-faq2__ajuda-texto{font:400 var(--osv-ts-corpo)/1.5 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-faq2__acoes{display:grid;gap:var(--osv-e-3);margin-top:var(--osv-e-3)}
.pv-faq2__acoes>*{width:100%;justify-content:center}
.pv-faq2 .pv-oferta__zap{color:var(--s-texto)}
.pv-faq2__garantia{display:flex;align-items:center;gap:var(--osv-e-2);margin-top:var(--osv-e-2);font:500 var(--osv-ts-peq)/1.3 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-faq2__garantia svg{flex:none;width:18px;height:18px;color:var(--osv-laranja)}

.pv-faq2 .osv-acordeao__item{counter-increment:faq;border:0;border-bottom:1px solid var(--s-linha);border-radius:0;background:none;transition:background var(--osv-dur-media) var(--osv-ease)}
.pv-faq2 .osv-acordeao__item.is-aberto{border-color:var(--s-linha);background:linear-gradient(90deg,color-mix(in srgb,var(--osv-laranja) 7%,transparent),transparent 70%)}
.pv-faq2 .osv-acordeao__gatilho{display:grid;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:var(--osv-e-3);padding:var(--osv-e-5) var(--osv-e-3) var(--osv-e-5) 0;
  font:600 var(--osv-ts-lead)/1.35 var(--osv-f-texto);color:var(--s-texto);transition:color var(--osv-dur-curta,.2s)}
.pv-faq2 .osv-acordeao__gatilho::before{content:counter(faq,decimal-leading-zero);font:700 var(--osv-ts-peq)/1 var(--osv-f-display);letter-spacing:.04em;color:var(--s-texto-3);padding-left:var(--osv-e-3)}
.pv-faq2 .osv-acordeao__gatilho:hover,.pv-faq2 .is-aberto .osv-acordeao__gatilho{color:var(--osv-laranja-claro)}
.pv-faq2 .is-aberto .osv-acordeao__gatilho::before{color:var(--osv-laranja)}
.pv-faq2 .osv-acordeao__mais{width:22px;height:22px;border:0;color:var(--s-texto-2)}
.pv-faq2 .is-aberto .osv-acordeao__mais{background:none;color:var(--osv-laranja);rotate:45deg}
.pv-faq2 .is-aberto .osv-acordeao__mais::after{rotate:90deg}
.pv-faq2 .osv-acordeao__painel p{padding:0 var(--osv-e-5) var(--osv-e-5) calc(2.25rem + var(--osv-e-3));font:400 var(--osv-ts-corpo)/1.65 var(--osv-f-texto);color:var(--s-texto-2);max-width:60ch}

@media (max-width:860px){
  .pv-faq2{grid-template-columns:1fr;grid-template-areas:"cab" "lista" "ajuda";row-gap:var(--osv-e-6)}
  .pv-faq2 .osv-acordeao__gatilho{grid-template-columns:1.75rem 1fr auto;font-size:.9375rem;padding-block:var(--osv-e-4)}
  .pv-faq2 .osv-acordeao__gatilho::before{padding-left:0}
  .pv-faq2 .osv-acordeao__painel p{padding:0 var(--osv-e-2) var(--osv-e-4) calc(1.75rem + var(--osv-e-3));font-size:.9375rem}
  .pv-faq2__ajuda{padding:var(--osv-e-5)}
}

/* ─── Mobile: headlines centralizadas (com rótulo e frase de apoio) + Trilha compacta ─── */
@media (max-width:760px){
  .pv-continua main :is(.osv-d1,.osv-d2){text-align:center}
  .pv-continua main .osv-d2::after{margin-inline:auto}
  .pv-continua main :is(.osv-d1,.osv-d2) ~ .osv-lead,.pv-continua .pv-faq2__cab,.pv-continua #comunidade .osv-pilha,.pv-continua #thay-ia .osv-pilha{text-align:center}
  .pv-continua main .osv-rotulo,.pv-continua main .osv-pilula{align-self:center}
  .pv-continua .pv-faq2__cab{align-items:center}
  .pv-continua #thay-ia .pv-chat{text-align:left}

  .pv-continua .pv-nivel{grid-template-columns:52px 1fr;gap:var(--osv-e-4);padding:var(--osv-e-4) var(--osv-e-4) var(--osv-e-3);width:100%}
  .pv-continua .pv-nivel + .pv-nivel{margin-top:var(--osv-e-5)}
  .pv-continua .pv-medalha{width:52px;height:52px}
  .pv-continua .pv-medalha__miolo{width:42px;height:42px;box-shadow:inset 0 0 0 2px var(--s-fundo)}
  .pv-continua .pv-medalha__miolo svg{width:20px;height:20px}
  .pv-continua .pv-medalha__num{bottom:-8px;padding:.25em .45em;font-size:.5625rem}
  .pv-continua .pv-nivel__corpo{gap:var(--osv-e-2)}
  .pv-continua .pv-nivel__nome{font-size:.75rem}
  .pv-continua .pv-nivel__obj{font-size:1.125rem;line-height:1.15}
  .pv-continua .pv-nivel__obj-rotulo{margin-bottom:.35em;font-size:.625rem}
  .pv-continua .pv-nivel__mais{padding-top:var(--osv-e-2);margin-top:0}
  .pv-continua .pv-nivel__mais summary{font-size:.8125rem}
}

/* Headline principal no desktop: duas linhas, um degrau menor */
@media (min-width:1024px){
  .pv-continua #inicio .osv-d1{font-size:clamp(3rem,1.6rem + 2.4vw,3.75rem);max-width:none;width:min(100%,1040px)}
}

/* ════════ 04 · CONSEQUÊNCIA — linha do tempo de 24 meses (não é mais card × card) ════════
   As duas pessoas no mesmo eixo de tempo: uma linha cinza com uma viagem só no fim;
   a outra se acende em laranja da esquerda para a direita, com destinos pelo caminho. */
.pv-tempo{--quem:9.5rem;display:grid;gap:var(--osv-e-7);max-width:920px;margin-inline:auto}
.pv-tempo__eixo{display:flex;justify-content:space-between;margin-left:calc(var(--quem) + var(--osv-e-6));padding-bottom:var(--osv-e-3);border-bottom:1px solid var(--s-linha);
  font:700 var(--osv-ts-rotulo)/1 var(--osv-f-texto);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase;color:var(--s-texto-3)}
.pv-tempo__faixa{display:grid;grid-template-columns:var(--quem) 1fr;column-gap:var(--osv-e-6);row-gap:var(--osv-e-4);align-items:center}
.pv-tempo__quem{font:800 var(--osv-ts-d4)/1.1 var(--osv-f-display);color:var(--s-texto)}
.pv-tempo__texto{grid-column:2;font:700 var(--osv-ts-d4)/1.35 var(--osv-f-display);color:var(--s-texto)}
.pv-tempo__faixa--ruim{--ruim:#EC7C7F}  /* vermelho leve: o #E5484D da página clareado */
.pv-tempo__faixa--ruim .pv-tempo__quem{color:var(--ruim)}
.pv-tempo__faixa--ruim .pv-tempo__texto{color:color-mix(in srgb,var(--ruim) 80%,var(--s-texto))}

.pv-tempo__linha{position:relative;height:28px;
  background:repeating-linear-gradient(90deg,var(--s-linha) 0 1px,transparent 1px calc(100% / 24)) 0 50%/100% 10px no-repeat,
             linear-gradient(var(--s-linha-forte),var(--s-linha-forte)) 0 50%/100% 2px no-repeat}
.pv-tempo__linha::before{content:"";position:absolute;left:0;right:0;top:calc(50% - 1.5px);height:3px;border-radius:3px;transform-origin:left;
  background:linear-gradient(90deg,var(--osv-laranja-fundo),var(--osv-laranja),var(--osv-laranja-claro));transform:scaleX(var(--progresso,1));
  transition:transform 1.8s cubic-bezier(.4,0,.2,1)}
.pv-tempo__faixa--ruim .pv-tempo__linha::before{display:none}
.pv-tempo__linha i{position:absolute;top:50%;left:calc((var(--m) - .5) / 24 * 100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
  background:var(--osv-laranja);box-shadow:0 0 0 4px color-mix(in srgb,var(--osv-laranja) 22%,transparent);
  transition:opacity .4s,scale .5s var(--osv-ease-mola,cubic-bezier(.34,1.56,.64,1));transition-delay:calc(var(--m) / 24 * 1.6s)}
.pv-tempo__faixa--ruim .pv-tempo__linha{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ruim) 30%,transparent) 0 1px,transparent 1px calc(100% / 24)) 0 50%/100% 10px no-repeat,
  linear-gradient(color-mix(in srgb,var(--ruim) 35%,transparent),color-mix(in srgb,var(--ruim) 35%,transparent)) 0 50%/100% 2px no-repeat}
.pv-tempo__faixa--ruim .pv-tempo__linha i{background:var(--ruim);box-shadow:0 0 0 4px color-mix(in srgb,var(--ruim) 22%,transparent);transition-delay:.2s}
.pv-tempo__faixa--ruim .pv-tempo__linha i b{color:var(--ruim)}
.pv-tempo__linha i b{position:absolute;bottom:calc(100% + 10px);right:0;white-space:nowrap;font:700 var(--osv-ts-rotulo)/1 var(--osv-f-texto);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase;color:var(--s-texto-3)}
/* entrada: a linha laranja "percorre" os 24 meses e os destinos acendem no caminho */
.js .pv-tempo[data-revelar]:not(.is-visivel) .pv-tempo__linha{--progresso:0}
.js .pv-tempo[data-revelar]:not(.is-visivel) .pv-tempo__linha i{opacity:0;scale:.3}
@media (prefers-reduced-motion:reduce){.pv-tempo__linha::before,.pv-tempo__linha i{transition:none}}
@media (max-width:760px){
  .pv-tempo{gap:var(--osv-e-6)}
  .pv-tempo__eixo{margin-left:0}
  .pv-tempo__faixa{grid-template-columns:1fr;row-gap:var(--osv-e-3);text-align:left}
  .pv-tempo__texto{grid-column:1;font-size:1rem}
  .pv-tempo__linha i{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}
}

/* ════════ 12 · A ESCOLHA — bifurcação de largura total (sem vermelho × verde) ════════
   Pergunta grande; embaixo dois caminhos colados: o de sempre, apagado; o com estratégia, aceso,
   apontando para a oferta logo abaixo. */
.pv-continua .pv-escolha{max-width:none;gap:var(--osv-e-8);margin-bottom:var(--osv-e-10)}
.pv-continua .pv-escolha__pergunta{max-width:820px;margin-inline:auto}
.pv-continua .pv-escolha__opcoes{position:relative;grid-template-columns:1fr 1fr;gap:0;width:100vw;margin-inline:calc(50% - 50vw);
  border-block:1px solid var(--s-linha)}
.pv-continua .pv-escolha__op{flex-direction:column;justify-content:center;gap:var(--osv-e-4);min-height:clamp(260px,24vw,340px);border:0;border-radius:0;
  padding:var(--osv-e-9) clamp(1.5rem,6vw,7rem)}
.pv-continua .pv-escolha__op b{margin-bottom:var(--osv-e-3);font:900 clamp(1.75rem,1.2rem + 1.8vw,2.75rem)/1 var(--osv-f-display);letter-spacing:-.02em}
.pv-continua .pv-escolha__op p{max-width:34ch;font:400 var(--osv-ts-lead)/1.55 var(--osv-f-texto)}
.pv-continua .pv-escolha__op .pv-selo{width:36px;height:36px}
.pv-continua .pv-escolha__op .pv-selo svg{width:16px;height:16px}
/* o de sempre: apagado */
.pv-continua .pv-escolha__op--ruim{align-items:flex-end;text-align:right;background:color-mix(in srgb,var(--osv-noite) 70%,transparent);color:var(--s-texto-3)}
.pv-continua .pv-escolha__op--ruim b{color:var(--s-texto-3)}
.pv-continua .pv-escolha__op--ruim .pv-selo{background:var(--s-linha);color:var(--s-texto-3)}
/* com estratégia: aceso */
.pv-continua .pv-escolha__op--bom{align-items:flex-start;color:var(--s-texto-2);
  background:radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--osv-laranja) 30%,transparent),transparent 70%),color-mix(in srgb,var(--osv-laranja) 6%,transparent);
  box-shadow:inset 3px 0 0 var(--osv-laranja)}
.pv-continua .pv-escolha__op--bom b{color:var(--osv-laranja-claro)}
.pv-continua .pv-escolha__op--bom .pv-selo{background:var(--osv-laranja);color:var(--osv-noite)}
.pv-continua .pv-escolha__seta{display:grid;place-items:center;width:40px;height:40px;margin-top:var(--osv-e-2);border-radius:50%;border:1px solid color-mix(in srgb,var(--osv-laranja) 50%,transparent);
  color:var(--osv-laranja);font:700 1.125rem/1 var(--osv-f-texto);animation:pv-desce 2s ease-in-out infinite}
@keyframes pv-desce{50%{translate:0 5px}}
.pv-continua .pv-escolha__ou{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;width:52px;height:52px;background:var(--osv-noite);border-color:var(--s-linha-forte);color:var(--s-texto-2)}
@media (prefers-reduced-motion:reduce){.pv-continua .pv-escolha__seta{animation:none}}
@media (max-width:760px){
  .pv-continua .pv-escolha{gap:var(--osv-e-6);margin-bottom:var(--osv-e-8)}
  .pv-continua .pv-escolha__opcoes{grid-template-columns:1fr}
  .pv-continua .pv-escolha__op{min-height:0;padding:var(--osv-e-7) var(--osv-gutter);align-items:center;text-align:center}
  .pv-continua .pv-escolha__op--bom{box-shadow:inset 0 3px 0 var(--osv-laranja);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--osv-laranja) 28%,transparent),transparent 70%)}
  .pv-continua .pv-escolha__op b{font-size:1.75rem}
  .pv-continua .pv-escolha__ou{position:relative;left:auto;top:auto;translate:none;justify-self:center;margin-block:-26px}
}
/* o estado final do data-revelar recorta o bloco (clip-path); aqui os caminhos precisam vazar até as bordas da tela */
.js .pv-continua .pv-escolha[data-revelar]{clip-path:none}

/* "A outra" em verde (par do vermelho leve de "Uma pessoa") */
.pv-tempo__faixa--bom{--bom:#5CC468}  /* --osv-verde #4CAF50 um pouco mais claro para o fundo escuro */
.pv-tempo__faixa--bom .pv-tempo__quem,.pv-tempo__faixa--bom .osv-script{color:var(--bom)}
.pv-tempo__faixa--bom .pv-tempo__linha::before{background:linear-gradient(90deg,color-mix(in srgb,var(--osv-verde) 70%,var(--osv-noite)),var(--osv-verde),var(--bom))}
.pv-tempo__faixa--bom .pv-tempo__linha i{background:var(--bom);box-shadow:0 0 0 4px color-mix(in srgb,var(--bom) 24%,transparent)}

/* Trilha: sem "Nível NN" — o nome do nível vira o rótulo do card */
.pv-continua .pv-nivel__nome{font:800 var(--osv-ts-rotulo)/1.2 var(--osv-f-texto);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase;color:var(--osv-laranja-fundo)}
.pv-continua .pv-nivel--vip .pv-nivel__nome{color:var(--osv-sepia)}

/* ════════ 05 · Depoimentos no celular — vídeo em destaque + lista para trocar ════════ */
.pv-depos{display:none}
@media (max-width:760px){
  .pv-continua #depoimentos .osv-carrossel{display:none}
  .pv-depos{display:grid;gap:var(--osv-e-4);scroll-margin-top:84px}
  .pv-depos__video{border-radius:16px}
  .pv-depos__video .osv-play{width:56px;height:56px;left:auto;top:auto;right:var(--osv-e-3);bottom:var(--osv-e-3);translate:none}
  .pv-depos__video .osv-play svg{width:22px;height:22px}
  .pv-depos__legenda{min-height:4.4em;font:500 1rem/1.5 var(--osv-f-texto);color:var(--s-texto-2);text-align:center;text-wrap:balance}
  .pv-depos__legenda strong{font-weight:700;color:var(--osv-laranja-claro)}
  .pv-depos.is-trocando .pv-depos__video img,.pv-depos.is-trocando .pv-depos__legenda{animation:pv-troca .45s var(--osv-ease)}
  @keyframes pv-troca{from{opacity:.25}to{opacity:1}}

  .pv-depos__lista{display:grid;gap:var(--osv-e-2);list-style:none;margin:var(--osv-e-2) 0 0;padding:0}
  .pv-depos__item{display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:var(--osv-e-3);width:100%;padding:var(--osv-e-2) var(--osv-e-3) var(--osv-e-2) var(--osv-e-2);
    border:1px solid var(--s-linha);border-radius:14px;background:color-mix(in srgb,var(--osv-branco) 3%,transparent);text-align:left;color:var(--s-texto);
    transition:border-color .25s,background .25s}
  .pv-depos__foto{display:block;width:48px;height:48px;border-radius:50%;overflow:hidden}
  .pv-depos__foto img{width:100%;height:100%;object-fit:cover;object-position:center 100%;scale:1.9;transform-origin:50% 72%}
  .pv-depos__txt{display:grid;gap:2px;min-width:0}
  .pv-depos__txt b{font:700 .9375rem/1.2 var(--osv-f-display)}
  .pv-depos__txt span{font:400 .8125rem/1.35 var(--osv-f-texto);color:var(--s-texto-2)}
  .pv-depos__ico{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--s-linha-forte);color:var(--s-texto-2)}
  .pv-depos__ico svg{width:11px;height:11px;margin-left:2px}
  .pv-depos__item.is-ativo{border-color:color-mix(in srgb,var(--osv-laranja) 55%,transparent);background:color-mix(in srgb,var(--osv-laranja) 9%,transparent)}
  .pv-depos__item.is-ativo .pv-depos__foto{box-shadow:0 0 0 2px var(--osv-laranja)}
  .pv-depos__item.is-ativo .pv-depos__txt span{color:var(--osv-laranja-claro)}
  .pv-depos__item.is-ativo .pv-depos__ico{background:var(--osv-laranja);border-color:var(--osv-laranja);color:var(--osv-noite)}
}
@media (prefers-reduced-motion:reduce){.pv-depos.is-trocando *{animation:none!important}}

/* Vídeos no formato normal de thumb (16:9) também no celular — o DS força 4:3 abaixo de 700px */
@media (max-width:700px){.pv-continua .osv-vitrine.osv-vitrine--16x9{--proporcao:16/9!important}}

/* ════════ 11 · Prints mais visuais: moldura de celular + selo com o resultado ════════ */
.pv-continua .pv-print{position:relative;padding:6px;border:0;border-radius:22px;background:#15110D;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--osv-branco) 10%,transparent),0 24px 50px -24px rgba(0,0,0,.9)}
.pv-continua .pv-print img{border-radius:16px}
.pv-continua .pv-print::before{content:"";position:absolute;top:10px;left:50%;translate:-50% 0;z-index:1;width:46px;height:5px;border-radius:5px;background:#15110D;opacity:.9}
.pv-continua .pv-print__selo{display:flex;align-items:center;gap:.45em;margin:2px 4px 8px;padding:.55em .8em;border-radius:12px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--osv-laranja) 22%,transparent),color-mix(in srgb,var(--osv-laranja) 8%,transparent));
  border:1px solid color-mix(in srgb,var(--osv-laranja) 35%,transparent);
  font:800 .9375rem/1.2 var(--osv-f-display);letter-spacing:-.005em;color:var(--osv-laranja-claro);text-wrap:balance}
.pv-continua .pv-print__selo::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--osv-laranja);box-shadow:0 0 0 3px color-mix(in srgb,var(--osv-laranja) 25%,transparent)}
.pv-continua .pv-print::before{display:none}
@media (max-width:760px){
  .pv-continua .pv-print{flex-basis:78%}
  /* prints muito altos não esticam a faixa: limite de altura, recorte pelo topo (onde está a conversa) */
  .pv-continua .pv-print img{max-height:400px;object-fit:cover;object-position:top}
  .pv-continua .pv-print__selo{font-size:1.0625rem;padding:.65em .85em}
}

/* ════════ 12b · QUEM SOMOS NÓS — foto dos criadores + história (texto da Home atual) ════════ */
.pv-criadores{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.pv-criadores__foto{position:relative;margin:0;border-radius:var(--osv-r-midia);overflow:hidden;aspect-ratio:4/5;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px color-mix(in srgb,var(--osv-branco) 8%,transparent)}
.pv-criadores__foto img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
.pv-criadores__foto::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(12,10,8,.75))}
.pv-criadores__foto figcaption{position:absolute;left:var(--osv-e-5);bottom:var(--osv-e-5);z-index:1;font:800 var(--osv-ts-d4)/1 var(--osv-f-display);color:var(--osv-branco)}
.pv-criadores__texto{display:flex;flex-direction:column;align-items:flex-start;gap:var(--osv-e-4)}
.pv-criadores__texto .osv-lead{max-width:56ch}
.pv-criadores__fatos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--osv-e-3);width:100%;margin:var(--osv-e-2) 0;padding:0;list-style:none}
.pv-criadores__fatos li{display:grid;gap:4px;padding:var(--osv-e-4);border:1px solid var(--s-linha);border-radius:14px;background:color-mix(in srgb,var(--osv-branco) 3%,transparent)}
.pv-criadores__fatos b{font:900 clamp(1.5rem,1.2rem + 1vw,2rem)/1 var(--osv-f-display);letter-spacing:-.02em;color:var(--osv-laranja)}
.pv-criadores__fatos span{font:500 var(--osv-ts-peq)/1.3 var(--osv-f-texto);color:var(--s-texto-2)}
@media (max-width:860px){
  .pv-criadores{grid-template-columns:1fr;gap:var(--osv-e-7)}
  .pv-criadores__foto{aspect-ratio:4/3;max-height:340px;width:100%}
  .pv-criadores__foto img{object-position:center 62%}
  .pv-criadores__texto{align-items:stretch}
  .pv-continua main #quem-somos :is(.pv-criadores__ola,.osv-lead){text-align:left}
  .pv-criadores__fatos{grid-template-columns:repeat(2,1fr);gap:var(--osv-e-2)}
  .pv-criadores__fatos li{padding:var(--osv-e-3);text-align:left}
  .pv-criadores__texto .osv-btn{width:100%;justify-content:center}
}
.pv-criadores__ola{font:700 var(--osv-ts-d4)/1.3 var(--osv-f-display);color:var(--s-texto)}

/* 11 · Prints no desktop: sem rolagem automática e sem o esfumado em cima/embaixo — mural parado,
   todos os prints inteiros e legíveis (3 colunas; as cópias do loop somem) */
@media (min-width:761px){
  .pv-continua .pv-mural-prints{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none;align-items:start}
  .pv-continua .pv-mural-prints__col{overflow:visible}
  .pv-continua .pv-mural-prints__trilho{animation:none;transform:none;translate:none}
  .pv-continua .pv-print[aria-hidden="true"]{display:none}
  .pv-continua .pv-print:hover{scale:1.02}
}

/* Mural recolhido (desktop): mostra a primeira fileira + "Ver mais depoimentos" */
.pv-mural-mais{display:none}
@media (min-width:761px){
  .pv-continua .pv-mural-prints{scroll-margin-top:100px;transition:max-height .6s var(--osv-ease)}
  .pv-continua .pv-mural-prints.is-recolhido{max-height:520px;overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}
  .pv-mural-mais{display:flex;align-items:center;gap:.5em;margin:var(--osv-e-6) auto 0;padding:.85em 1.6em;border-radius:var(--osv-r-pilula);
    border:1px solid color-mix(in srgb,var(--osv-laranja) 55%,transparent);background:color-mix(in srgb,var(--osv-laranja) 8%,transparent);
    font:700 var(--osv-ts-corpo)/1 var(--osv-f-texto);color:var(--osv-laranja-claro);cursor:pointer;transition:background .25s,color .25s}
  .pv-mural-mais::after{content:"↓";transition:rotate .3s}
  .pv-mural-mais[aria-expanded="true"]::after{rotate:180deg}
  .pv-mural-mais:hover{background:var(--osv-laranja);color:var(--osv-noite)}
}

/* 12 · A escolha: vermelho × verde (os mesmos tons do comparativo 03/04) para o contraste ler de longe */
.pv-continua .pv-escolha{--ruim:#EC7C7F;--bom:#5CC468}
.pv-continua .pv-escolha__op--ruim{color:color-mix(in srgb,var(--ruim) 55%,var(--s-texto));
  background:radial-gradient(90% 120% at 100% 50%,color-mix(in srgb,var(--ruim) 22%,transparent),transparent 70%),color-mix(in srgb,var(--ruim) 5%,transparent);
  box-shadow:inset -3px 0 0 var(--ruim)}
.pv-continua .pv-escolha__op--ruim b{color:var(--ruim);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--ruim) 60%,transparent)}
.pv-continua .pv-escolha__op--ruim .pv-selo{background:var(--ruim);color:var(--osv-noite)}
.pv-continua .pv-escolha__op--bom{color:var(--s-texto);
  background:radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--bom) 26%,transparent),transparent 70%),color-mix(in srgb,var(--bom) 6%,transparent);
  box-shadow:inset 3px 0 0 var(--bom)}
.pv-continua .pv-escolha__op--bom b{color:var(--bom)}
.pv-continua .pv-escolha__op--bom .pv-selo{background:var(--bom);color:var(--osv-noite)}
.pv-continua .pv-escolha__seta{border-color:color-mix(in srgb,var(--bom) 55%,transparent);color:var(--bom)}
@media (max-width:760px){
  .pv-continua .pv-escolha__op--ruim{box-shadow:inset 0 -3px 0 var(--ruim);background:radial-gradient(120% 90% at 50% 100%,color-mix(in srgb,var(--ruim) 22%,transparent),transparent 70%)}
  .pv-continua .pv-escolha__op--bom{box-shadow:inset 0 3px 0 var(--bom);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--bom) 26%,transparent),transparent 70%)}
}

/* 12 · A escolha em tópicos: 4 pares, um de cada lado */
.pv-continua .pv-escolha__lista{display:grid;gap:12px;margin:0;padding:0;list-style:none;text-align:left}
.pv-continua .pv-escolha__lista li{display:flex;align-items:center;gap:12px;font:500 var(--osv-ts-lead)/1.35 var(--osv-f-texto)}
.pv-continua .pv-escolha__lista svg{flex:none;width:22px;height:22px;padding:5px;border-radius:50%}
.pv-continua .pv-escolha__op--ruim .pv-escolha__lista svg{background:color-mix(in srgb,var(--ruim) 22%,transparent);color:var(--ruim)}
.pv-continua .pv-escolha__op--bom .pv-escolha__lista svg{background:var(--bom);color:var(--osv-noite)}
.pv-continua .pv-escolha__op--bom .pv-escolha__lista li{color:var(--s-texto)}
.pv-continua .pv-escolha__op > div{display:flex;flex-direction:column}
.pv-continua .pv-escolha__op--ruim > div{align-items:flex-end}
@media (max-width:760px){
  .pv-continua .pv-escolha__op > div,.pv-continua .pv-escolha__op--ruim > div{align-items:center}
  .pv-continua .pv-escolha__lista li{font-size:1rem}
}

/* 12 · A escolha, versão clean: sem fundos nem faixas; a cor fica só nos títulos e ícones */
.pv-continua .pv-escolha__opcoes{border-block:0}
.pv-continua :is(.pv-escolha__op--ruim,.pv-escolha__op--bom){background:none;box-shadow:none}
.pv-continua .pv-escolha__ou{background:transparent}
.pv-continua .pv-escolha__op{justify-content:flex-start;min-height:0;padding-block:var(--osv-e-7)}
@media (max-width:760px){
  .pv-continua :is(.pv-escolha__op--ruim,.pv-escolha__op--bom){background:none;box-shadow:none}
  .pv-continua .pv-escolha__op{padding-block:var(--osv-e-6)}
}

/* 12 · A escolha: o fecho de cada lado em destaque (o resultado de cada caminho) */
.pv-continua .pv-escolha__lista li.pv-escolha__destaque{margin-top:6px;font:800 clamp(1.25rem,1.05rem + .8vw,1.625rem)/1.2 var(--osv-f-display);letter-spacing:-.01em}
.pv-continua .pv-escolha__op--ruim li.pv-escolha__destaque{color:var(--ruim)}
.pv-continua .pv-escolha__op--bom li.pv-escolha__destaque{color:var(--bom)}
.pv-continua .pv-escolha__lista li.pv-escolha__destaque svg{width:26px;height:26px;padding:6px}
.pv-continua .pv-escolha__op--ruim li.pv-escolha__destaque svg{background:var(--ruim);color:var(--osv-noite)}