/* PV Comunidade OSV 2026 — peças novas. Só tokens do DS v2. */

/* Escala desta página (pedido do Lucas, 05/10/2026): tudo um degrau menor
   e mais respiro nas laterais. Só redefine tokens do DS. */
:root{
  --osv-largura:1040px;
  --osv-gutter:clamp(1.25rem,.25rem + 5vw,5rem);
  --osv-secao-y:clamp(3.5rem,2.5rem + 4vw,6.5rem);
  --osv-ts-mega:clamp(2.5rem,1.4rem + 4.8vw,5.5rem);
  --osv-ts-d1:clamp(2.125rem,1.3rem + 3.4vw,4.25rem);
  --osv-ts-d2:clamp(1.75rem,1.2rem + 2vw,2.75rem);
  --osv-ts-d3:clamp(1.3rem,1.1rem + .8vw,1.75rem);
  --osv-ts-d4:clamp(1.125rem,1rem + .4vw,1.375rem);
  --osv-ts-lead:clamp(1rem,.95rem + .25vw,1.125rem);
}

/* Marcador de copy pendente (sai quando o texto final chegar) */
.pv-copy{display:inline-block;padding:.15em .5em;border:1px dashed var(--s-linha-forte);border-radius:var(--osv-r-pilula);color:var(--s-texto-3);font:500 var(--osv-ts-peq)/1.4 var(--osv-f-texto)}

/* 01 · Vídeo de abertura */
.pv-video{width:100%;max-width:760px;margin-inline:auto}
.pv-video .osv-vitrine{box-shadow:0 40px 120px -40px var(--s-sombra)}
/* A capa tem texto no centro (preço): o play vai para o canto inferior direito */
.pv-video .osv-play{left:auto;top:auto;right:var(--osv-e-5);bottom:var(--osv-e-5);translate:none}
@media (max-width:760px){.pv-video .osv-play{width:64px;height:64px;right:var(--osv-e-3);bottom:var(--osv-e-3)}}

/* 02 · Recortes de notícia */
.pv-recortes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--osv-e-6);align-items:start}
.pv-recorte{display:grid;gap:var(--osv-e-3);rotate:-1.5deg;transition:rotate var(--osv-dur-media) var(--osv-ease),translate var(--osv-dur-media) var(--osv-ease)}
.pv-recorte:nth-child(2){rotate:1.2deg;margin-top:var(--osv-e-8)}
.pv-recorte:nth-child(3){rotate:-.8deg;margin-top:var(--osv-e-3)}
.pv-recorte:hover{rotate:0deg;translate:0 calc(var(--osv-e-2) * -1)}
.pv-recorte img{width:100%;height:auto;border-radius:var(--osv-r-peq);border:1px solid var(--s-linha);box-shadow:0 24px 60px -28px var(--s-sombra)}
.pv-recorte__fonte{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-ponte{max-width:var(--osv-medida);margin-inline:auto;text-align:center;text-wrap:balance}
@media (max-width:760px){
  .pv-recortes{grid-template-columns:1fr;gap:var(--osv-e-5)}
  .pv-recorte,.pv-recorte:nth-child(n){margin-top:0}
}

/* 01 · Ênfase no lead */
.pv-enfase{color:var(--s-texto);font-weight:700;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--osv-laranja) 45%,transparent) 62%);padding-inline:.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 03 · Duelo: uma pessoa (ruim) × a outra (bom)
   --pv-ruim = o mesmo vermelho do osv-alerta--erro do DS
   --pv-bom = verde do DS (pedido do Lucas, 05/10/2026: verde só nesse contraste bom × ruim) */
.pv-duelo{--pv-ruim:#E5484D;--pv-bom:var(--osv-verde);max-width:var(--osv-largura);margin-inline:auto}
.pv-duelo__cab,.pv-duelo__linha{display:grid;grid-template-columns:minmax(140px,.55fr) 1fr auto 1fr;gap:var(--osv-e-4);align-items:stretch}
.pv-duelo__cab{padding-bottom:var(--osv-e-4);font:800 var(--osv-ts-lead)/1 var(--osv-f-display);letter-spacing:var(--osv-tr-titulo)}
.pv-duelo__cab-a,.pv-duelo__cab-b{display:flex;align-items:center;gap:var(--osv-e-3);padding-inline:var(--osv-e-5)}
.pv-duelo__cab-a{color:var(--pv-ruim)}
.pv-duelo__cab-b{color:var(--pv-bom)}
.pv-duelo__lista{display:grid;gap:var(--osv-e-4)}
.pv-duelo__tema{display:flex;align-items:center;gap:var(--osv-e-3);font:800 var(--osv-ts-d4)/1.1 var(--osv-f-display);color:var(--s-texto)}
.pv-duelo__tema svg{flex:none;width:22px;height:22px;color:var(--s-acento)}
.pv-duelo__a,.pv-duelo__b{display:flex;gap:var(--osv-e-3);align-items:flex-start;padding:var(--osv-e-5);border-radius:var(--osv-r-card);font:500 var(--osv-ts-corpo)/1.5 var(--osv-f-texto)}
.pv-duelo__a{border:1px dashed color-mix(in srgb,var(--pv-ruim) 45%,transparent);background:color-mix(in srgb,var(--pv-ruim) 7%,transparent);color:var(--s-texto-3)}
.pv-duelo__b{border:1px solid var(--pv-bom);background:linear-gradient(135deg,color-mix(in srgb,var(--pv-bom) 14%,transparent),color-mix(in srgb,var(--pv-bom) 3%,transparent));color:var(--s-texto);font-weight:600;box-shadow:0 12px 28px -22px color-mix(in srgb,var(--pv-bom) 60%,transparent)}
.pv-duelo__vs{align-self:center;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--s-linha-forte);background:var(--s-fundo);font:800 var(--osv-ts-rotulo)/1 var(--osv-f-display);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase;color:var(--s-texto-3)}
.pv-selo{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%}
.pv-selo svg{width:13px;height:13px}
.pv-selo--ruim{background:color-mix(in srgb,var(--pv-ruim) 18%,transparent);color:var(--pv-ruim)}
.pv-selo--bom{background:var(--pv-bom);color:var(--osv-branco)}
.pv-duelo__cab .pv-selo{width:28px;height:28px}
@media (max-width:760px){
  .pv-duelo__cab{display:none}
  .pv-duelo__linha{grid-template-columns:1fr;gap:var(--osv-e-2);padding-bottom:var(--osv-e-5)}
  .pv-duelo__vs{justify-self:center;width:32px;height:32px;margin-block:calc(var(--osv-e-2) * -1);position:relative;z-index:1}
}

/* 04 · Consequência: 1 viagem em 24 meses × sempre num lugar novo */
.pv-fim{--pv-ruim:#E5484D;--pv-bom:var(--osv-verde);display:grid;grid-template-columns:1fr 1fr;gap:var(--osv-e-6);max-width:var(--osv-largura);margin-inline:auto}
.pv-fim__card{display:flex;flex-direction:column;gap:var(--osv-e-4);padding:var(--osv-e-6);border-radius:var(--osv-r-card)}
.pv-fim__card--ruim{border:1px dashed color-mix(in srgb,var(--pv-ruim) 45%,transparent);background:color-mix(in srgb,var(--pv-ruim) 6%,transparent)}
.pv-fim__card--bom{border:1px solid var(--pv-bom);background:linear-gradient(135deg,color-mix(in srgb,var(--pv-bom) 14%,transparent),color-mix(in srgb,var(--pv-bom) 3%,transparent));box-shadow:0 12px 28px -22px color-mix(in srgb,var(--pv-bom) 60%,transparent)}
.pv-fim__topo{display:flex;align-items:center;gap:var(--osv-e-3);font:800 var(--osv-ts-lead)/1 var(--osv-f-display)}
.pv-fim__card--ruim .pv-fim__topo{color:var(--pv-ruim)}
.pv-fim__card--bom .pv-fim__topo{color:var(--pv-bom)}
.pv-fim__texto{margin-top:auto;font:800 var(--osv-ts-d4)/1.25 var(--osv-f-display);letter-spacing:var(--osv-tr-titulo)}
.pv-fim__card--ruim .pv-fim__texto{color:var(--s-texto-3)}
.pv-fim__card--bom .pv-fim__texto{color:var(--s-texto)}

/* calendário de 24 meses, só o último aceso */
.pv-meses{display:grid;grid-template-columns:repeat(12,12px);gap:var(--osv-e-2);justify-content:start}
.pv-meses i{aspect-ratio:1;border-radius:50%;border:1px solid var(--s-linha)}
.pv-meses i.is-viagem{border-color:var(--pv-ruim);background:color-mix(in srgb,var(--pv-ruim) 35%,transparent)}
.pv-meses__legenda{display:flex;gap:var(--osv-e-4);max-width:calc(12 * 12px + 11 * var(--osv-e-2));justify-content:space-between;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)}

/* rota com vários destinos */
.pv-mapa{width:100%;max-width:240px;height:auto;overflow:visible}
.pv-mapa__rota{stroke:var(--pv-bom);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}
.pv-mapa__pin{fill:var(--pv-bom);stroke:none}
.pv-mapa__pin circle{fill:var(--s-fundo)}
.is-visivel .pv-mapa__pin,.pv-fim__card--bom .pv-mapa__pin{animation:pv-pin var(--osv-dur-lenta) var(--osv-ease-mola) both;animation-delay:calc(var(--i) * 140ms + 300ms)}
@keyframes pv-pin{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:reduce){.pv-mapa__pin{animation:none!important}}
@media (max-width:760px){
  .pv-fim{grid-template-columns:1fr;gap:var(--osv-e-4)}
  .pv-fim__card{padding:var(--osv-e-5)}
}

/* 05 · Depoimentos em vídeo */
.pv-depo{display:grid;gap:var(--osv-e-4);align-content:start}
.pv-depo .osv-play{width:56px;height:56px;left:auto;top:auto;right:var(--osv-e-4);bottom:var(--osv-e-4);translate:none}
.pv-depo__titulo{font:700 var(--osv-ts-lead)/1.35 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-depo__titulo strong{color:var(--s-texto);font-weight:800;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--osv-laranja) 35%,transparent) 60%);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 06 · O Segredo do Viajante */
.pv-comunidade{align-items:center}
.pv-comunidade .osv-lead strong{color:var(--s-texto)}
.pv-comunidade__img img{width:100%;height:auto;max-width:560px;margin-inline:auto;display:block}

/* 07 · Trilha do Viajante — rota tracejada animada em zigue-zague (ideia do "how-it-works")
   + cards de CONQUISTA: o objetivo é a manchete; medalha com anel de progresso (25 → 100%);
   a descrição abre em "Ver o que você aprende". O tom esquenta a cada nível; o VIP é noite + dourado. */
.pv-mural{position:relative;max-width:940px;margin-inline:auto}
.pv-mural__rota{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pv-mural__rota path{fill:none;stroke:var(--osv-sepia);stroke-width:2;stroke-dasharray:8 6;stroke-linecap:round;animation:pv-rota 3s linear infinite}
@keyframes pv-rota{to{stroke-dashoffset:-140}}
.pv-mural__lista{position:relative;display:flex;flex-direction:column;list-style:none;padding:0;margin:0}

.pv-nivel{--c1:color-mix(in srgb,var(--osv-sepia) 55%,var(--osv-branco));--c2:var(--osv-sepia);
  position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--osv-e-5);align-items:start;width:min(100%,420px);padding:var(--osv-e-6);border-radius:var(--osv-r-card);
  border:1px solid var(--s-linha);border-top:3px solid var(--c2);background:var(--s-fundo);
  box-shadow:0 18px 40px -26px var(--s-sombra);transition:translate var(--osv-dur-media) var(--osv-ease),box-shadow var(--osv-dur-media) var(--osv-ease)}
/* cada nível com seu tom, dentro do manual: Sépia Mapa → Laranja Claro → Laranja Âmbar → Noite + Sépia (VIP).
   Rota em Sépia (manual: "rotas, linhas de mapa"). */
.pv-nivel:nth-child(2){--c1:var(--osv-laranja-claro);--c2:var(--osv-laranja)}
.pv-nivel:nth-child(3){--c1:var(--osv-laranja);--c2:var(--osv-laranja-fundo)}
.pv-nivel:hover{translate:0 calc(var(--osv-e-1) * -1);box-shadow:0 26px 50px -26px var(--s-sombra)}
.pv-nivel:nth-child(odd){align-self:flex-start;margin-left:4%}
.pv-nivel:nth-child(even){align-self:flex-end;margin-right:4%}
.pv-nivel + .pv-nivel{margin-top:calc(var(--osv-e-9) * -1)}

/* medalha: anel de progresso + miolo em degradê */
.pv-medalha{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;
  background:conic-gradient(var(--c2) var(--p),color-mix(in srgb,var(--c2) 14%,transparent) 0)}
.pv-medalha__miolo{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:var(--osv-branco);
  background:radial-gradient(80% 80% at 30% 20%,color-mix(in srgb,var(--osv-branco) 30%,transparent),transparent 60%),linear-gradient(135deg,var(--c1),var(--c2));
  box-shadow:inset 0 0 0 3px var(--s-fundo)}
.pv-medalha__miolo svg{width:30px;height:30px}
.pv-medalha__num{position:absolute;bottom:-6px;left:50%;translate:-50% 0;padding:.3em .6em;border-radius:var(--osv-r-pilula);background:var(--osv-tinta);color:var(--osv-branco);font:800 var(--osv-ts-rotulo)/1 var(--osv-f-display);letter-spacing:.06em}

.pv-nivel__corpo{display:grid;gap:var(--osv-e-3)}
.pv-nivel__nome{display:flex;flex-wrap:wrap;align-items:center;gap:var(--osv-e-2);font:700 var(--osv-ts-peq)/1.2 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-nivel__nome span{font:800 var(--osv-ts-rotulo)/1 var(--osv-f-texto);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase;color:var(--osv-laranja)}
.pv-nivel--vip .pv-nivel__nome span{color:var(--osv-sepia)}
.pv-nivel__obj{display:block;font:800 clamp(1.375rem,1.15rem + .8vw,1.75rem)/1.12 var(--osv-f-display);letter-spacing:var(--osv-tr-titulo);color:var(--s-texto);text-wrap:balance}
.pv-nivel__obj-rotulo{display:block;margin-bottom:var(--osv-e-2);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-nivel__mais{border-top:1px solid var(--s-linha);padding-top:var(--osv-e-3);margin-top:var(--osv-e-1)}
.pv-nivel__mais summary{display:flex;justify-content:space-between;align-items:center;gap:var(--osv-e-2);cursor:pointer;list-style:none;font:700 var(--osv-ts-peq)/1 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-nivel__mais summary::-webkit-details-marker{display:none}
.pv-nivel__mais summary i{position:relative;flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--s-linha-forte)}
.pv-nivel__mais summary i::before,.pv-nivel__mais summary i::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:1.5px;background:currentColor;translate:-50% -50%;transition:rotate var(--osv-dur-rapida) var(--osv-ease)}
.pv-nivel__mais summary i::after{rotate:90deg}
.pv-nivel__mais[open] summary i::after{rotate:0deg}
.pv-nivel__mais p{margin-top:var(--osv-e-3);font:400 var(--osv-ts-peq)/1.55 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-nivel__mais summary:focus-visible{outline:2px solid var(--osv-laranja);outline-offset:4px;border-radius:var(--osv-r-peq)}

/* VIP: o card final vira noite com dourado */
.pv-nivel--vip{--c1:var(--osv-laranja-claro);--c2:var(--osv-sepia);--s-texto:var(--osv-branco);--s-texto-2:color-mix(in srgb,var(--osv-branco) 72%,transparent);--s-texto-3:color-mix(in srgb,var(--osv-branco) 55%,transparent);--s-linha:color-mix(in srgb,var(--osv-branco) 14%,transparent);--s-linha-forte:color-mix(in srgb,var(--osv-branco) 30%,transparent);--s-fundo:var(--osv-noite-2);
  border-color:color-mix(in srgb,var(--osv-sepia) 55%,transparent);background:radial-gradient(90% 80% at 0% 0%,color-mix(in srgb,var(--osv-laranja) 22%,transparent),transparent 60%),linear-gradient(160deg,var(--osv-marrom),var(--osv-noite))}
.pv-nivel--vip .pv-medalha__miolo{color:var(--osv-noite)}
.pv-nivel--vip .pv-medalha__num{background:linear-gradient(135deg,var(--osv-laranja-claro),var(--osv-sepia));color:var(--osv-noite)}
.pv-nivel--vip 
@media (prefers-reduced-motion:reduce){.pv-mural__rota path{animation:none}}
@media (max-width:900px){
  .pv-nivel,.pv-nivel:nth-child(n){align-self:center;margin-inline:0}
  .pv-nivel + .pv-nivel{margin-top:var(--osv-e-8)}
}
@media (max-width:420px){
  .pv-nivel{grid-template-columns:1fr;padding:var(--osv-e-5)}
}

/* 08 · Thay IA — ilustração em destaque + conversa em balões (sem moldura de celular) */
.pv-thay{align-items:center}
.pv-thay__arte{position:relative;margin:0;max-width:460px;justify-self:center;border-radius:var(--osv-r-midia);overflow:hidden;border:1px solid var(--s-linha);box-shadow:0 40px 100px -40px color-mix(in srgb,var(--osv-laranja) 45%,transparent)}
.pv-thay__arte img{display:block;width:100%;height:auto}
.pv-thay__status{position:absolute;left:var(--osv-e-4);bottom:var(--osv-e-4);display:flex;align-items:center;gap:var(--osv-e-2);padding:.55em .9em;border-radius:var(--osv-r-pilula);background:color-mix(in srgb,var(--osv-noite) 72%,transparent);backdrop-filter:blur(8px);color:var(--osv-branco);font:700 var(--osv-ts-peq)/1 var(--osv-f-texto)}
/* ícone do WhatsApp (cor oficial do app, só como sinalização de canal) */
.pv-zap-ico{flex:none;width:22px;height:22px}
.pv-pilula-zap{gap:var(--osv-e-2)}
.pv-pilula-zap .pv-zap-ico{width:18px;height:18px}

.pv-chat{display:grid;gap:var(--osv-e-3);max-width:460px}
.pv-chat__linha{display:flex;align-items:flex-end;gap:var(--osv-e-2)}
.pv-chat__linha img,.pv-chat__vazio{flex:none;width:32px;height:32px;border-radius:50%}
.pv-chat__linha img{object-fit:cover}
.pv-chat__msg{max-width:88%;padding:var(--osv-e-3) var(--osv-e-4);border-radius:18px 18px 18px 4px;background:color-mix(in srgb,var(--osv-branco) 8%,transparent);border:1px solid var(--s-linha);color:var(--s-texto-2);font:400 var(--osv-ts-peq)/1.5 var(--osv-f-texto)}
.pv-chat__msg b{color:var(--s-texto);font-weight:700}
.pv-chat__msg--eu{justify-self:end;border-radius:18px 18px 4px 18px;background:var(--osv-laranja);border-color:var(--osv-laranja);color:var(--osv-noite);font-weight:600}
/* os balões chegam em sequência quando a conversa entra na tela */
.pv-chat > *{animation:pv-chega var(--osv-dur-media) var(--osv-ease) both;animation-delay:calc(var(--d) * 900ms + 300ms)}
.js .pv-chat:not(.is-visivel) > *{animation-play-state:paused}
@keyframes pv-chega{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:reduce){.pv-chat > *{animation:none}}
@media (max-width:760px){.pv-thay__arte{max-width:360px}}

/* 09 · Alertas, roteiros e materiais — bento: alertas grande à esquerda, roteiros e guias empilhados.
   Cards escuros com o visual ocupando tudo e o texto por cima, sobre um véu de noite. */
.pv-bento{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:repeat(2,minmax(250px,auto));gap:var(--osv-e-4);list-style:none;padding:0;margin:0}
.pv-bento__card{position:relative;display:grid;border-radius:var(--osv-r-card);overflow:hidden;border:1px solid var(--s-linha);background:linear-gradient(160deg,color-mix(in srgb,var(--osv-branco) 6%,var(--osv-noite-2)),var(--osv-noite-2));box-shadow:0 24px 50px -30px var(--osv-noite)}
/* card alto: notificações em cima, texto embaixo */
.pv-bento__card--alto{grid-row:span 2;grid-template-rows:1fr auto}
/* cards menores: texto à esquerda, imagem à direita com fusão na noite */
.pv-bento__card:not(.pv-bento__card--alto){grid-template-columns:1fr 1fr;align-items:end}
.pv-bento__card:not(.pv-bento__card--alto) .pv-bento__visual{grid-column:2;grid-row:1;align-self:stretch;min-height:250px}
.pv-bento__card:not(.pv-bento__card--alto) .pv-bento__texto{grid-column:1;grid-row:1;position:relative;z-index:1}
.pv-bento__visual{display:block;transition:scale var(--osv-dur-lenta) var(--osv-ease)}
.pv-bento__texto{display:grid;gap:var(--osv-e-2);padding:var(--osv-e-6);color:var(--osv-branco)}
.pv-bento__texto p{max-width:34ch;font:400 var(--osv-ts-corpo)/1.5 var(--osv-f-texto);color:color-mix(in srgb,var(--osv-branco) 78%,transparent)}
.pv-bento__titulo{font:800 var(--osv-ts-d4)/1.12 var(--osv-f-display);letter-spacing:var(--osv-tr-titulo);color:var(--osv-branco)}
.pv-bento__card--alto .pv-bento__titulo{font-size:var(--osv-ts-d3)}
.pv-bento__mais{display:grid;place-items:center;width:30px;height:30px;margin-bottom:var(--osv-e-1);border-radius:50%;background:var(--osv-laranja);color:var(--osv-noite);font:800 1.25rem/1 var(--osv-f-display)}
@media (max-width:860px){
  .pv-bento{grid-template-columns:1fr;grid-template-rows:none;max-width:480px;margin-inline:auto}
  .pv-bento__card--alto{grid-row:auto}
  .pv-bento__card:not(.pv-bento__card--alto){grid-template-columns:1fr;grid-template-rows:auto auto;align-items:start}
  .pv-bento__card:not(.pv-bento__card--alto) .pv-bento__visual{grid-column:1;grid-row:1;min-height:230px}
  .pv-bento__card:not(.pv-bento__card--alto) .pv-bento__texto{padding-top:var(--osv-e-2)}
  .pv-bento__card:not(.pv-bento__card--alto) .pv-bento__texto{grid-column:1;grid-row:2}
}

/* visual dos roteiros: documento "Roteiro OSV" com os dias e o botão de copiar; outros destinos atrás */
.pv-roteiros{position:relative;display:grid;place-items:center;padding:var(--osv-e-5);
  background:radial-gradient(70% 70% at 70% 30%,color-mix(in srgb,var(--osv-sepia) 22%,transparent),transparent 70%)}
.pv-doc{grid-area:1/1;position:relative;translate:0 14px;display:grid;gap:var(--osv-e-2);width:min(100%,220px);padding:var(--osv-e-4);border-radius:14px;background:var(--osv-branco);color:var(--osv-tinta);box-shadow:0 18px 40px -14px var(--osv-noite)}
.pv-doc svg{width:14px;height:14px}
.pv-doc--tras{display:flex;align-items:center;gap:var(--osv-e-1);height:150px;align-content:start;align-items:flex-start;rotate:var(--r);translate:var(--x,0) -52px;padding-top:var(--osv-e-3);background:linear-gradient(160deg,var(--c1),var(--c2));font:700 .6875rem/1 var(--osv-f-texto);color:var(--osv-branco)}
.pv-doc__selo{justify-self:start;padding:.35em .6em;border-radius:var(--osv-r-pilula);background:var(--osv-laranja);color:var(--osv-noite);font:800 .625rem/1 var(--osv-f-texto);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase}
.pv-doc__destino{display:flex;align-items:center;gap:var(--osv-e-1);font:800 1rem/1 var(--osv-f-display)}
.pv-doc__dias{display:grid;gap:6px;list-style:none;padding:0;margin:0}
.pv-doc__dias li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--osv-e-2);font:700 .625rem/1 var(--osv-f-texto);color:var(--osv-tinta-3)}
.pv-doc__dias i{height:6px;width:var(--w);border-radius:var(--osv-r-pilula);background:var(--osv-linha-clara)}
.pv-doc__copiar{display:flex;align-items:center;justify-content:center;gap:var(--osv-e-1);margin-top:var(--osv-e-1);padding:.6em;border-radius:10px;background:var(--osv-noite);color:var(--osv-branco);font:700 .6875rem/1 var(--osv-f-texto)}
.pv-bento__card:hover .pv-doc__copiar{background:var(--osv-laranja);color:var(--osv-noite)}


/* cores dos roteiros (cada destino com sua paleta: Peru terracota, Curaçao fachadas coloridas, Noronha mar)
   e dos guias (VIP sépia + noite azulada, planejar laranja + terracota) — pedido do Lucas, 05/10/2026 */
.pv-doc--frente{overflow:hidden;padding-top:0}
.pv-doc__capa{display:block;height:44px;margin:0 calc(var(--osv-e-4) * -1) var(--osv-e-1);color:color-mix(in srgb,var(--osv-noite) 30%,transparent);
  background:linear-gradient(180deg,#F9A84A,#C4700F)}
.pv-doc__capa svg{display:block;width:100%;height:100%}
.pv-doc--frente .pv-doc__selo{position:absolute;top:var(--osv-e-3);left:var(--osv-e-4);background:var(--osv-branco)}
.pv-guia b{text-shadow:0 1px 2px color-mix(in srgb,var(--osv-noite) 40%,transparent)}

/* visual dos guias: livretos em leque, no estilo das capas OSV */
.pv-guias{position:relative;display:grid;place-items:center;background:radial-gradient(70% 70% at 60% 40%,color-mix(in srgb,var(--osv-laranja) 22%,transparent),transparent 70%)}
.pv-guia{grid-area:1/1;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--osv-e-1);width:118px;aspect-ratio:3/4;padding:var(--osv-e-3);border-radius:10px;rotate:var(--r);translate:var(--x) 0;
  background:linear-gradient(180deg,var(--g1) 0 40%,var(--g2) 40%);box-shadow:0 18px 36px -14px var(--osv-noite);transition:rotate var(--osv-dur-media) var(--osv-ease),translate var(--osv-dur-media) var(--osv-ease)}
.pv-guia span{font:800 .75rem/1 var(--osv-f-display);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase;color:var(--osv-laranja)}
.pv-guia b{font:800 .875rem/1.1 var(--osv-f-display);color:var(--osv-branco)}
.pv-guia--frente{z-index:1}
.pv-bento__card:hover .pv-guia{rotate:0deg}

/* visual dos alertas: notificações empilhadas que entram em sequência */
.pv-alertas{display:flex;flex-direction:column;justify-content:center;gap:var(--osv-e-2);padding:var(--osv-e-7) var(--osv-e-6) var(--osv-e-2);
  background:radial-gradient(80% 70% at 80% 0%,color-mix(in srgb,var(--osv-laranja) 30%,transparent),transparent 60%),linear-gradient(160deg,var(--osv-marrom),var(--osv-noite))}
.pv-alerta{display:flex;align-items:center;gap:var(--osv-e-3);padding:var(--osv-e-3);border-radius:14px;background:color-mix(in srgb,var(--osv-branco) 92%,transparent);box-shadow:0 10px 24px -12px var(--osv-noite);
  animation:pv-notifica 6s var(--osv-ease) infinite;animation-delay:calc(var(--i) * 400ms)}
.pv-alerta:nth-child(2){scale:.96;opacity:.9}
.pv-alerta:nth-child(3){scale:.92;opacity:.75}
.pv-alerta__ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--osv-laranja);color:var(--osv-noite)}
.pv-alerta__ico svg{width:16px;height:16px}
.pv-alerta p{flex:1;min-width:0;font:400 .75rem/1.3 var(--osv-f-texto);color:var(--osv-tinta-2)}
.pv-alerta p b{display:block;font:700 .75rem/1.2 var(--osv-f-texto);color:var(--osv-tinta)}
.pv-alerta time{align-self:flex-start;font:400 .625rem/1 var(--osv-f-texto);color:var(--osv-tinta-3)}
@keyframes pv-notifica{0%{translate:0 -10px;opacity:0}8%,85%{translate:0 0;opacity:1}100%{translate:0 0;opacity:0}}
@media (prefers-reduced-motion:reduce){.pv-alerta{animation:none}}
/* 10 · Viagens OSV — faixas de fotos de ponta a ponta, em sentidos opostos; pausam no hover */
.pv-fotos{display:grid;gap:var(--osv-e-4);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pv-fotos__linha{overflow:hidden}
.pv-fotos__trilho{display:flex;gap:var(--osv-e-4);width:max-content;animation:pv-faixa 48s linear infinite}
.pv-fotos__linha--reversa .pv-fotos__trilho{animation-direction:reverse;animation-duration:56s}
.pv-fotos:hover .pv-fotos__trilho{animation-play-state:paused}
@keyframes pv-faixa{to{translate:calc(-50% - var(--osv-e-4) / 2) 0}}
.pv-foto{position:relative;flex:none;width:clamp(240px,26vw,380px);aspect-ratio:4/3;margin:0;border-radius:var(--osv-r-midia);overflow:hidden}
.pv-foto img{width:100%;height:100%;object-fit:cover;object-position:var(--foco,center);display:block;transition:scale var(--osv-dur-lenta) var(--osv-ease)}
.pv-foto:hover img{scale:1.05}
.pv-foto__lugar{position:absolute;left:var(--osv-e-3);bottom:var(--osv-e-3);display:flex;align-items:center;gap:var(--osv-e-1);padding:.5em .8em;border-radius:var(--osv-r-pilula);background:color-mix(in srgb,var(--osv-noite) 65%,transparent);backdrop-filter:blur(8px);color:var(--osv-branco);font:700 var(--osv-ts-peq)/1 var(--osv-f-texto)}
.pv-foto__lugar svg{width:14px;height:14px;color:var(--osv-laranja)}
.pv-viagens__fecho{max-width:var(--osv-medida);margin-inline:auto;text-align:center;text-wrap:balance}
@media (prefers-reduced-motion:reduce){.pv-fotos__trilho{animation:none}.pv-fotos__linha{overflow-x:auto}}

/* 11 · Mural de prints — 3 colunas correndo na vertical (a do meio sobe), pausam no hover; bordas somem no escuro */
.pv-mural-prints{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--osv-e-4);height:min(720px,80vh);overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.pv-mural-prints__col{overflow:hidden}
.pv-mural-prints__trilho{display:flex;flex-direction:column;gap:var(--osv-e-4);animation:pv-sobe-desce 60s linear infinite}
.pv-mural-prints__col--sobe .pv-mural-prints__trilho{animation-direction:reverse;animation-duration:70s}
.pv-mural-prints:hover .pv-mural-prints__trilho{animation-play-state:paused}
@keyframes pv-sobe-desce{to{translate:0 calc(-50% - var(--osv-e-4) / 2)}}
.pv-print{margin:0;border-radius:var(--osv-r-card);overflow:hidden;border:1px solid var(--s-linha);background:var(--osv-branco);box-shadow:0 18px 40px -24px var(--osv-noite);transition:scale var(--osv-dur-media) var(--osv-ease)}
.pv-print:hover{scale:1.03}
.pv-print img{display:block;width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.pv-mural-prints__trilho{animation:none}.pv-mural-prints{height:auto;-webkit-mask-image:none;mask-image:none}}
@media (max-width:760px){
  .pv-mural-prints{grid-template-columns:repeat(2,1fr);gap:var(--osv-e-3);height:620px}
  .pv-mural-prints__col:nth-child(3){display:none}
  .pv-mural-prints__trilho{gap:var(--osv-e-3)}
}

/* 12 · Oferta — card único com o produto e o CTA de cadastro (valor oculto até o checkout) + 4 entregáveis ilustrados */
.pv-oferta2{display:grid;grid-template-columns:1.25fr .85fr;gap:var(--osv-e-9);align-items:center}
.pv-oferta2__lado{display:flex;flex-direction:column;gap:var(--osv-e-4)}
.pv-recebe{display:grid;gap:var(--osv-e-4);list-style:none;padding:0;margin:var(--osv-e-4) 0 0}
.pv-recebe li{display:flex;gap:var(--osv-e-4);align-items:flex-start}
.pv-recebe p{padding-top:.35em;font:400 var(--osv-ts-lead)/1.5 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-recebe b{color:var(--s-texto);font-weight:700}
.pv-recebe__ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--osv-laranja) 15%,transparent);border:1px solid color-mix(in srgb,var(--osv-laranja) 30%,transparent);color:var(--osv-laranja)}
.pv-recebe__ico svg{width:22px;height:22px}
.pv-recebe__ico--foto{overflow:hidden;padding:0;border-color:var(--osv-laranja)}
.pv-recebe__ico--foto img{width:100%;height:100%;object-fit:cover}
.pv-decisao{display:flex;flex-direction:column;gap:var(--osv-e-3);padding:var(--osv-e-7)}
.pv-decisao__nome{margin-bottom:var(--osv-e-2);font:900 var(--osv-ts-d3)/1.05 var(--osv-f-display);letter-spacing:var(--osv-tr-titulo);color:var(--s-texto)}
.pv-decisao__garantia{display:flex;align-items:center;gap:var(--osv-e-4);margin-top:var(--osv-e-3);padding-top:var(--osv-e-4);border-top:1px solid var(--s-linha)}
.pv-decisao__garantia .osv-garantia__selo{flex:none;transform:scale(.8);transform-origin:left center}
.pv-decisao__garantia p{font:400 var(--osv-ts-peq)/1.45 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-decisao__garantia b{color:var(--s-texto)}
@media (max-width:900px){.pv-oferta2{grid-template-columns:1fr;gap:var(--osv-e-7);max-width:560px}}
.pv-oferta__zap{display:flex;align-items:center;justify-content:center;gap:var(--osv-e-2);padding:.75em;border-radius:var(--osv-r-pilula);border:1px solid var(--s-linha-forte);color:var(--s-texto);font:700 var(--osv-ts-peq)/1 var(--osv-f-texto);text-decoration:none;transition:border-color var(--osv-dur-rapida) var(--osv-ease)}
.pv-oferta__zap:hover{border-color:#25D366}
.pv-oferta__zap .pv-zap-ico{width:20px;height:20px}

/* modal de cadastro (classe .active vem do conversion-flow.js) */
.pv-modal{position:fixed;inset:0;z-index:var(--osv-z-modal);display:grid;place-items:center;padding:var(--osv-gutter);background:color-mix(in srgb,var(--osv-noite) 80%,transparent);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--osv-dur-media) var(--osv-ease),visibility var(--osv-dur-media)}
.pv-modal.active{opacity:1;visibility:visible}
.pv-modal__caixa{position:relative;display:flex;flex-direction:column;gap:var(--osv-e-3);width:min(100%,440px);padding:var(--osv-e-7);border-radius:var(--osv-r-card);border:1px solid var(--s-linha-forte);background:var(--osv-noite-2);box-shadow:0 40px 100px -30px var(--osv-noite);translate:0 16px;transition:translate var(--osv-dur-media) var(--osv-ease)}
.pv-modal.active .pv-modal__caixa{translate:0 0}
.pv-modal__fechar{position:absolute;top:var(--osv-e-3);right:var(--osv-e-3);width:36px;height:36px;border-radius:50%;border:1px solid var(--s-linha);background:none;color:var(--s-texto-2);cursor:pointer}
.pv-modal__texto{font:400 var(--osv-ts-peq)/1.5 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-modal__form{display:grid;gap:var(--osv-e-3);margin-top:var(--osv-e-2)}
.pv-campo{display:grid;gap:var(--osv-e-1)}
.pv-campo span{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-campo input{width:100%;padding:.85em 1em;border-radius:12px;border:1px solid var(--s-linha-forte);background:color-mix(in srgb,var(--osv-branco) 5%,transparent);color:var(--s-texto);font:500 var(--osv-ts-corpo)/1.2 var(--osv-f-texto)}
.pv-campo input:focus{outline:2px solid var(--osv-laranja);outline-offset:1px;border-color:transparent}
.pv-modal__seguro{text-align:center;font:400 var(--osv-ts-rotulo)/1.4 var(--osv-f-texto);color:var(--s-texto-3)}


/* 12 · bônus marcados na lista */
.pv-tag-bonus{display:inline-block;margin-left:var(--osv-e-1);padding:.2em .55em;border-radius:var(--osv-r-pilula);background:var(--osv-laranja);color:var(--osv-noite);font:800 .625rem/1.2 var(--osv-f-texto);letter-spacing:var(--osv-tr-rotulo);text-transform:uppercase;vertical-align:middle}
.pv-recebe__ico--bonus{background:color-mix(in srgb,var(--osv-sepia) 16%,transparent);border-color:color-mix(in srgb,var(--osv-sepia) 35%,transparent);color:var(--osv-sepia)}
.pv-recebe{gap:var(--osv-e-3)}
.pv-recebe p{font-size:var(--osv-ts-corpo)}

/* 11 · faixa "investimento de volta" */
.pv-retorno{display:flex;align-items:center;justify-content:center;gap:var(--osv-e-3);width:fit-content;max-width:100%;margin-inline:auto;padding:.8em 1.4em;border-radius:var(--osv-r-pilula);border:1px solid color-mix(in srgb,var(--osv-laranja) 45%,transparent);background:color-mix(in srgb,var(--osv-laranja) 12%,transparent);color:var(--s-texto);font:500 var(--osv-ts-lead)/1.3 var(--osv-f-texto);text-align:center}
.pv-retorno b{color:var(--osv-laranja);font-weight:800}
.pv-retorno__ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--osv-laranja);color:var(--osv-noite)}
.pv-retorno__ico svg{width:17px;height:17px}

/* 12 · a escolha (mesma linguagem ruim × bom das dobras 03/04) */
.pv-escolha{--pv-ruim:#E5484D;--pv-bom:var(--osv-verde);display:grid;gap:var(--osv-e-5);max-width:900px;margin-inline:auto;text-align:center}
.pv-escolha__pergunta{text-wrap:balance}
.pv-escolha__opcoes{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--osv-e-4);align-items:stretch;text-align:left}
.pv-escolha__op{display:flex;gap:var(--osv-e-3);align-items:flex-start;padding:var(--osv-e-5);border-radius:var(--osv-r-card)}
.pv-escolha__op b{display:block;margin-bottom:var(--osv-e-1);font:800 var(--osv-ts-d4)/1.1 var(--osv-f-display)}
.pv-escolha__op p{font:400 var(--osv-ts-peq)/1.5 var(--osv-f-texto)}
.pv-escolha__op--ruim{border:1px dashed color-mix(in srgb,var(--pv-ruim) 45%,transparent);background:color-mix(in srgb,var(--pv-ruim) 6%,transparent);color:var(--s-texto-3)}
.pv-escolha__op--ruim b{color:var(--pv-ruim)}
.pv-escolha__op--bom{border:1px solid var(--pv-bom);background:linear-gradient(135deg,color-mix(in srgb,var(--pv-bom) 14%,transparent),color-mix(in srgb,var(--pv-bom) 3%,transparent));color:var(--s-texto-2)}
.pv-escolha__op--bom b{color:var(--pv-bom)}
.pv-escolha__ou{align-self:center;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--s-linha-forte);font:800 var(--osv-ts-rotulo)/1 var(--osv-f-display);text-transform:uppercase;letter-spacing:var(--osv-tr-rotulo);color:var(--s-texto-3)}
@media (max-width:760px){.pv-escolha__opcoes{grid-template-columns:1fr}.pv-escolha__ou{justify-self:center;margin-block:calc(var(--osv-e-2) * -1)}}

/* 13 · FAQ */
.pv-faq{align-items:start}
.pv-faq__fim{display:grid;justify-items:center;gap:var(--osv-e-4);padding-top:var(--osv-e-7);border-top:1px solid var(--s-linha);text-align:center}
.pv-faq__acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--osv-e-3)}
.pv-faq__acoes .pv-oferta__zap{padding-inline:1.4em}
.pv-faq .pv-oferta__zap{color:var(--s-texto)}

/* Rodapé (dados legais da Home) */
.pv-rodape__grade{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--osv-e-7);align-items:start}
.pv-rodape__legal{display:grid;gap:var(--osv-e-2);font:400 var(--osv-ts-peq)/1.5 var(--osv-f-texto);color:var(--s-texto-2)}
.pv-rodape__legal a{color:var(--s-texto);text-decoration:underline;text-underline-offset:3px}
.pv-rodape__aviso{margin-top:var(--osv-e-4);font:400 .6875rem/1.5 var(--osv-f-texto);color:var(--s-texto-3)}
@media (max-width:760px){.pv-rodape__grade{grid-template-columns:1fr}}

/* 01 · botão abaixo do vídeo */
.pv-hero-cta{justify-content:center}