/* Versão 2 · mobile first, grade de 8 px, escala tipográfica e fundo claro.
   Carregado depois de style.css: só sobrescreve o que muda. */
:root{
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:80px; --s8:96px;
  --t-corpo:17px; --t-leg:14px; --t-h2:26px; --t-h3:20px; --t-sub:20px;
  --papel:#f4f1ec; --branco:#fff; --cinza:#3d3a36; --cinza-claro:#5d5851;
}
body.v2{background:var(--papel);color:var(--tinta);font-size:var(--t-corpo);line-height:1.55;padding-bottom:calc(var(--s7) + env(safe-area-inset-bottom))}
html{scrollbar-color:var(--laranja) var(--papel)}
:where(body.v2) p{margin:0}
body.v2 .btn{min-height:56px;font-size:16px}
body.v2 .btn-lg{min-height:56px;font-size:17px}

/* ---------- topo escuro (identidade) ---------- */
.v2-hero{padding-block:var(--s3) var(--s4)}
.v2-hero .hero-in{gap:var(--s2)}
.v2-sub{font-size:var(--t-sub);font-weight:700;line-height:1.35;color:#fff;max-width:520px}
.v2-sub b{color:var(--laranja)}
.v2-lista{list-style:none;margin:0;padding:0;display:grid;gap:0}
.v2-lista li{display:flex;align-items:center;gap:var(--s2);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.v2-lista li:first-child{border-top:1px solid rgba(255,255,255,.16)}
.v2-ico{flex:none;width:48px;height:48px;display:grid;place-items:center;background:var(--laranja);color:var(--tinta);font-size:20px;font-weight:900;overflow:hidden}
.v2-ico img{width:auto;height:40px;max-width:none}
.v2-lista b{display:block;font-size:18px;line-height:1.25;color:#fff}
.v2-lista small{display:block;font-size:var(--t-leg);color:#d6d6d6;margin-top:2px}
.v2-micro{font-size:var(--t-leg);line-height:1.45;color:#d6d6d6;text-align:center}

/* ---------- corpo claro ---------- */
.v2-sec{padding-block:var(--s5);background:var(--papel);color:var(--tinta);scroll-margin-top:64px}
.v2-sec--alt{background:var(--branco)}
.v2-h2{font-size:var(--t-h2);line-height:1.15;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 var(--s1);color:var(--tinta);padding:0;text-wrap:balance}
.v2-h2::before{display:none}
.v2-h2 em{font-style:normal;color:var(--vermelho)}
.v2-lead{font-size:var(--t-corpo);line-height:1.55;color:var(--cinza);margin:0 0 var(--s3);max-width:560px}
.v2-lead b{color:var(--tinta)}
.v2-nota{font-size:var(--t-leg);line-height:1.5;color:var(--cinza-claro);margin-top:var(--s3)}
.v2-sec a{color:var(--vermelho);font-weight:800}
.v2-tag{display:inline-block;margin:0 0 var(--s1);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--vermelho)}

/* exemplos de crédito */
.v2-cupons{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.v2-cupons li{display:flex;align-items:center;justify-content:space-around;gap:var(--s2);padding:var(--s2) var(--s2);background:var(--branco);border-radius:4px;box-shadow:4px 4px 0 var(--vermelho)}
.v2-cupons span{text-align:center}
.v2-cupons small{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-claro)}
.v2-cupons b{display:block;font-size:28px;line-height:1.15;font-weight:900;white-space:nowrap}
.v2-cupons .v2-ganho{color:var(--vermelho)}
.v2-cupons i{font-style:normal;font-size:24px;font-weight:900;color:var(--laranja)}

/* iPhone */
.v2-premio{display:grid;gap:var(--s3);align-items:center}
.v2-phone{justify-self:center;width:min(78vw,300px);height:auto}

/* datas */
.v2-datas{display:grid;gap:var(--s2);margin-top:var(--s3)}
.v2-data{padding:var(--s3);background:var(--branco);border-left:6px solid var(--laranja)}
.v2-data h3{font-size:var(--t-h3);line-height:1.2;font-weight:900;text-transform:uppercase;margin:0 0 var(--s1)}
.v2-data p:last-child{font-size:16px;line-height:1.55;color:var(--cinza)}
.v2-data--hot{background:#3d4044;color:#fff;border-left-color:var(--vermelho)}
.v2-data--hot p:last-child{color:#e8e8e8}
.v2-data--hot .v2-tag{color:#6fd6df}

/* vouchers */
#vouchers .vc{--furo:var(--branco)}
#vouchers .vc-nome,#vouchers .vc-cred{font-size:12px}
#vouchers .vc-paga{font-size:14px}
.v2 #vouchers .lista-vouchers{gap:var(--s3) var(--s2)}

/* passos */
.v2-passos{list-style:none;margin:var(--s3) 0 0;padding:0;counter-reset:p;display:grid;gap:var(--s3)}
.v2-passos li{counter-increment:p;position:relative;padding-left:64px;min-height:48px}
.v2-passos li::before{content:counter(p);position:absolute;left:0;top:0;width:48px;height:48px;display:grid;place-items:center;background:var(--laranja);color:var(--tinta);font-size:24px;font-weight:900}
.v2-passos b{display:block;font-size:var(--t-h3);line-height:1.25;font-weight:800;margin-bottom:4px}
.v2-passos span{display:block;font-size:16px;line-height:1.55;color:var(--cinza)}

/* dúvidas */
.v2 .faq{border-top:2px solid var(--tinta);margin-top:var(--s3)}
.v2 .faq details{border-bottom:1px solid #d7d1c7}
.v2 .faq summary{font-size:17px;line-height:1.35;color:var(--tinta);padding:var(--s2) 52px var(--s2) 0;min-height:56px;display:flex;align-items:center;text-transform:none;font-weight:800}
.v2 .faq summary::after{right:8px}
.v2 .faq details[open] summary{color:var(--vermelho)}
.v2 .faq details p{color:var(--cinza);font-size:16px;line-height:1.55;padding:0 0 var(--s2)}
.v2 .faq a{color:var(--vermelho)}

/* chamada final */
.v2-final{background:#3d4044;color:#fff;padding-block:var(--s5)}
.v2-final h2{font-size:28px;line-height:1.15;font-weight:800;text-transform:uppercase;margin:0 0 var(--s1);padding:0}
.v2-final h2::before{display:none}
.v2-final p{font-size:var(--t-corpo);color:#e8e8e8;margin-bottom:var(--s3)}

/* CTA fixo na zona do polegar */
.v2-cta-fixo{position:fixed;left:0;right:0;bottom:0;z-index:35;width:100%;min-height:calc(64px + max(env(safe-area-inset-bottom,0px),var(--safe-teste,0px)));padding-bottom:max(env(safe-area-inset-bottom,0px),var(--safe-teste,0px));clip-path:none;box-shadow:0 -6px 18px rgba(0,0,0,.25)}
.v2-cta-fixo[hidden]{display:none}
/* só a parte do botão é laranja; a faixa de segurança do rodapé do celular (barra do WhatsApp/Safari, botão home) fica escura,
   para o endereço do navegador não aparecer boiando sobre um retângulo laranja vazio */
.v2-cta-fixo,.v2-cta-fixo:hover,.v2-cta-fixo:active{background:linear-gradient(180deg,var(--laranja) calc(100% - max(env(safe-area-inset-bottom,0px),var(--safe-teste,0px))),var(--bg,#0a0a0a) calc(100% - max(env(safe-area-inset-bottom,0px),var(--safe-teste,0px))))}
body.v2 .v2-cta-fixo{min-height:calc(56px + max(env(safe-area-inset-bottom,0px),var(--safe-teste,0px)))}  /* o botão mantém a altura própria; a faixa escura vem por cima dela */
.v2 .barra{z-index:36}

/* área livre do WhatsApp quando o CTA fixo está visível */
.v2 .wa-fab{bottom:calc(var(--s7) + env(safe-area-inset-bottom))}

@media(min-width:760px){
  :root{--t-h2:36px;--t-h3:22px;--t-corpo:18px;--t-sub:24px}
  .v2-sec,.v2-final{padding-block:var(--s7)}
  .v2-cupons{grid-template-columns:repeat(3,1fr)}
  .v2-cupons li{flex-direction:column;gap:var(--s1);padding:var(--s3)}
  .v2-cupons i{transform:rotate(90deg)}
  .v2-premio{grid-template-columns:1.1fr .9fr}
  .v2-datas{grid-template-columns:1fr 1fr}
  .v2-passos{grid-template-columns:1fr 1fr;gap:var(--s4) var(--s5)}
  .v2-lista{max-width:560px}
  .v2-cta-fixo{display:none!important}
  .v2 .wa-fab{bottom:96px}
}
@media (prefers-reduced-motion:reduce){.v2 *{animation-duration:.01ms!important}}
body.v2 .topo .btn{min-height:44px;font-size:13px;white-space:nowrap;padding:0 28px 0 18px}

/* cupons sem "furos": a linha tracejada basta no fundo claro */
#vouchers .vc-perf::before,#vouchers .vc-perf::after{display:none}
#vouchers .vc-perf{margin:0}
.v2 #vouchers{padding-block:var(--s5)}
@media(min-width:760px){.v2 #vouchers{padding-block:var(--s7)}}
/* exemplos de crédito: nunca passam da largura da coluna */
.v2-cupons{margin-right:4px}
.v2-cupons li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:stretch;gap:var(--s1);padding:var(--s2) 12px;min-width:0}
.v2-cupons b{font-size:clamp(19px,6.2vw,28px)}
.v2-cupons small{letter-spacing:.06em}
@media(min-width:760px){.v2-cupons{margin-right:0}.v2-cupons li{display:flex;flex-direction:column}}

/* topo: benefícios em cartões (estilo anterior), tamanhos da grade de 8 px */
.v2-lista{gap:var(--s2)}
.v2-lista li.v2-card{display:flex;align-items:center;gap:var(--s2);min-height:72px;padding:12px var(--s2);border:0;position:relative}
.v2-lista li:first-child{border-top:0}
.v2-card b{display:block;font-size:18px;line-height:1.25}
.v2-card small{display:block;font-size:var(--t-leg);line-height:1.35;margin-top:2px}
.v2-card--off{background:var(--vermelho);box-shadow:4px 4px 0 #000}
.v2-card--off b{color:#fff}
.v2-card--off em{display:inline-block;margin:0 0 4px;padding:2px 10px;background:#3d4044;color:#fff;font-style:normal;font-size:24px;font-weight:900;letter-spacing:-.01em;white-space:nowrap}
.v2-card--off small{color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px}
.v2-card--iph{background:var(--papel);box-shadow:4px 4px 0 var(--laranja);padding-block:10px}
.v2-card--iph img{flex:none;width:36px;height:auto;margin:-6px 0;transform:rotate(6deg)}
.v2-card--iph b{color:var(--tinta);font-size:20px;line-height:1.15}
.v2-card--iph small{color:var(--cinza-claro);margin-top:0}
.v2-card--iph small:first-child{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.v2-card--parc{background:#3d4044;border:2px solid var(--laranja)!important;min-height:56px;padding-block:8px}
.v2-card--parc b{color:var(--laranja);font-size:20px;text-transform:uppercase}
.v2-card--parc small{color:#d6d6d6;margin-top:0}
.nw{white-space:nowrap}

/* topo: três cartões com a mesma estrutura (imagem + rótulo + título + legenda) */
.v2-lista li.v2-card{min-height:88px;padding:12px var(--s2);gap:var(--s2);border:0!important;align-items:center}
.v2-slot{flex:none;width:56px;height:64px;display:flex;align-items:center;justify-content:center}
.v2-slot img{width:auto;height:auto;max-width:56px;max-height:64px;transform:rotate(6deg);margin:0}
.v2-card--iph .v2-slot img{width:36px;margin:0}
.v2-card small{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0}
.v2-card small:last-child{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;margin-top:2px}
.v2-card b{font-size:22px;line-height:1.15;margin:2px 0 0;text-transform:none;letter-spacing:-.01em}
.v2-card--off{background:var(--vermelho);box-shadow:4px 4px 0 #000;color:#fff}
.v2-card--off b,.v2-card--off small{color:#fff}
.v2-card--off b{font-size:24px;font-weight:900;text-transform:uppercase}
.v2-card--iph{background:var(--papel);box-shadow:4px 4px 0 var(--laranja)}
.v2-card--iph b,.v2-card--iph small:first-child{color:var(--tinta)}
.v2-card--iph small:last-child{color:var(--cinza-claro)}
.v2-card--parc{background:var(--laranja);box-shadow:4px 4px 0 #000;color:var(--tinta);min-height:88px}
.v2-card--parc b{color:var(--tinta);font-size:24px;font-weight:900;text-transform:uppercase}
.v2-card--parc small{color:var(--tinta)}
.v2-card--parc small:last-child{color:#2a1a10;font-weight:700}
.v2-lista li.v2-card{height:88px}
.v2-card--off b,.v2-card--parc b{font-size:clamp(18px,5.7vw,22px);white-space:nowrap}
.v2-card--iph b{font-size:clamp(18px,5.7vw,22px);white-space:nowrap}
.v2-card>span:last-child{min-width:0}
/* sombra dura visível nos três cartões (mesma linguagem dos cupons) */
.v2-card--off{box-shadow:4px 4px 0 var(--laranja)}
.v2-card--iph{box-shadow:4px 4px 0 var(--laranja)}
.v2-card--parc{box-shadow:4px 4px 0 var(--papel)}
.v2-lista{padding-right:4px;padding-bottom:4px}
/* os três cartões do topo: exatamente a mesma caixa */
.v2-lista{display:grid;grid-auto-rows:88px;row-gap:var(--s2)}
.v2-lista li.v2-card,.v2-card--parc,.v2-card--off,.v2-card--iph{box-sizing:border-box;width:100%;height:88px;min-height:88px;max-height:88px;padding:0 var(--s2);overflow:hidden;margin:0}
.v2-card--parc b,.v2-card--off b,.v2-card--iph b{font-size:clamp(17px,5.4vw,22px);line-height:1.15}

/* terceiro cartão escuro: o botão é o único bloco laranja cheio */
.v2-card--parc{background:#4a4d52;color:#fff;box-shadow:4px 4px 0 var(--laranja);outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}
.v2-card--parc small{color:#d6d6d6}
.v2-card--parc b{color:var(--laranja)}
.v2-card--parc small:last-child{color:#e8e8e8;font-weight:600}

/* topo fixo no celular: só a marca. A ação fica no botão da base (zona do polegar) */
@media(max-width:759px){
  .v2 .topo .btn{display:none}
  .v2 .topo-in{justify-content:flex-start;padding-block:12px}
  .v2 .topo-logo{height:28px}
}
@media(min-width:760px){
  .v2 .topo .btn{margin-left:var(--s3)}
}

/* texto corrido: sem palavras soltas na última linha */
.v2-lead,.v2-nota,.v2-micro,.v2-data p,.v2-passos span{text-wrap:pretty}
.v2-lead,.v2-nota{text-wrap:balance}
.v2-nota b{color:var(--tinta);font-weight:800}
.v2-lead{font-size:clamp(17px,4.9vw,19px);line-height:1.5}
#beneficios .v2-h2{font-size:clamp(28px,8.4vw,36px);line-height:1.1;margin-bottom:var(--s2)}
#beneficios .v2-lead{color:var(--cinza);margin-bottom:var(--s3)}
.v2-nota--linha{white-space:nowrap;text-align:center;font-size:clamp(12.5px,3.7vw,15px);text-wrap:nowrap;margin-top:var(--s3)}
.v2-nota--linha{font-size:clamp(13px,3.9vw,15px)}
#beneficios .v2-lead{text-wrap:pretty;max-width:30ch;margin-bottom:var(--s3);color:var(--cinza)}
#beneficios .v2-lead b{color:var(--tinta)}
.v2-ex{display:flex;align-items:center;gap:var(--s1);margin:0 0 var(--s2);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--vermelho)}
.v2-ex::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--vermelho),transparent)}

/* texto sob o botão do topo: duas linhas organizadas */
.v2-micro{display:grid;gap:4px;justify-items:center;text-align:center;margin-top:var(--s1)}
.v2-micro span{white-space:nowrap}
.v2-micro-1{font-size:16px;font-weight:700;color:#fff}
.v2-micro-2{font-size:14px;font-weight:500;color:#d6d6d6}
body.v2 #ctaHero{padding:0 var(--s4) 0 var(--s2)}

/* conjunto: os três cartões na mesma família (papel + sombra laranja), o do iPhone fica como está */
.v2-card--off,.v2-card--parc{background:var(--papel);color:var(--tinta);box-shadow:4px 4px 0 var(--laranja);outline:0}
.v2-card--off small:first-child,.v2-card--parc small:first-child{color:var(--tinta);font-weight:800}
.v2-card--off small:last-child,.v2-card--parc small:last-child{color:var(--cinza-claro);font-weight:600}
.v2-card--off b{color:var(--vermelho)}
.v2-card--parc b{color:var(--tinta)}
.v2-hero .eyebrow{white-space:nowrap;font-size:clamp(11.5px,3.4vw,13px);padding:8px 24px 8px 14px;max-width:100%}

/* botão principal: maior, com brilho suave em ciclo lento */
body.v2 #ctaHero,body.v2 .v2-final .btn{min-height:64px;font-size:18px;letter-spacing:.04em;position:relative;overflow:hidden}
body.v2 #ctaHero::after,body.v2 .v2-final .btn::after{content:"";position:absolute;top:0;bottom:0;left:0;width:28%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-160%) skewX(-18deg);animation:varre-cta 4.2s ease-in-out infinite;pointer-events:none}
@keyframes varre-cta{0%,60%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(480%) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){body.v2 #ctaHero::after,body.v2 .v2-final .btn::after{animation:none;display:none}}

/* sorteio: fatos em etiquetas fáceis de bater o olho */
#premio .v2-lead{margin-bottom:var(--s2);text-wrap:pretty;max-width:32ch}
.v2-fatos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s1)}
.v2-fatos li{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;background:#3d4044;color:#fff;font-size:15px;font-weight:600;white-space:nowrap}
.v2-fatos b{color:var(--laranja);font-weight:900;margin-right:4px}
.v2-fatos li:last-child b{margin:0 0 0 4px;color:#fff}
#premio .v2-premio{gap:var(--s4)}
.v2-fatos{flex-wrap:nowrap}
.v2-fatos li{font-size:clamp(13px,3.7vw,15px);padding:8px 12px;min-width:0}
/* nota pequena no fim da seção: menos ar depois dela */
#beneficios{padding-bottom:var(--s4)}
#beneficios .v2-nota--linha{margin-top:var(--s2)}

/* ritmo de espaçamento (grade de 8 px): mesma regra em todas as seções */
.v2 .v2-h2{margin-bottom:12px}
.v2 #beneficios .v2-h2{margin-bottom:12px}
.v2 .v2-final h2{margin-bottom:12px}
.v2 .v2-nota{margin-top:16px}
.v2 #faq .v2-nota{margin-top:24px}
.v2 #datas,.v2 #vouchers,.v2 #faq{padding-bottom:var(--s4)}
@media(min-width:760px){.v2 #datas,.v2 #vouchers,.v2 #faq{padding-bottom:var(--s6)}}

/* quando usar: horário em destaque, sem repetir o desconto */
.v2-data .v2-hora{display:inline-block;margin:var(--s1) 0 var(--s1);padding:6px 12px;font-size:20px;line-height:1.2;font-weight:900;letter-spacing:-.01em;background:#3d4044;color:#fff}
.v2-data--hot .v2-hora{background:var(--laranja);color:var(--tinta)}
.v2-data .v2-data-txt{font-size:16px;line-height:1.5;color:var(--cinza)}
.v2-data--hot .v2-data-txt{color:#e8e8e8}
.v2-data h3{margin-bottom:0}
#datas .v2-lead{max-width:32ch;text-wrap:pretty}
#datas .v2-datas{margin-top:0}

/* aviso de regra: bloco com borda, ocupa a largura, não fica solto */
.v2-aviso{margin-top:var(--s3);padding:var(--s2);background:var(--branco);border-left:4px solid var(--vermelho);font-size:16px;line-height:1.5;color:var(--cinza);text-wrap:pretty}
.v2-aviso b{color:var(--vermelho);font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.06em;margin-right:4px}

/* quando usar: data em destaque (bloco de calendário) + conteúdo */
.v2 .v2-data{display:flex;align-items:stretch;gap:0;padding:0;background:var(--branco);border-left:0;color:var(--tinta);box-shadow:4px 4px 0 var(--laranja);overflow:hidden}
.v2 .v2-data--hot{background:var(--branco);color:var(--tinta)}
.v2-dia{flex:none;width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:var(--s2) var(--s1);color:#fff;text-align:center}
.v2-dia small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.v2-dia b{font-size:36px;line-height:1.05;font-weight:900;letter-spacing:-.02em}
.v2-data--noite .v2-dia{background:#3d4044}
.v2-data--friday .v2-dia{background:var(--vermelho)}
.v2-data-corpo{flex:1;min-width:0;padding:var(--s2) var(--s2) var(--s2) var(--s2)}
.v2 .v2-data h3{font-size:20px;line-height:1.2;margin:0}
.v2 .v2-data .v2-hora,.v2 .v2-data--hot .v2-hora{margin:var(--s1) 0;background:#3d4044;color:#fff;font-size:18px}
.v2 .v2-data--noite .v2-hora{background:var(--laranja);color:var(--tinta)}
.v2 .v2-data .v2-data-txt,.v2 .v2-data--hot .v2-data-txt{color:var(--cinza);font-size:16px;line-height:1.45}
@media(min-width:760px){.v2-datas{gap:var(--s3)}}
.v2-aviso{display:grid;gap:4px;padding:var(--s2) var(--s2) 18px}
.v2-aviso b{display:block;margin:0;font-size:13px;letter-spacing:.14em}
.v2-aviso span{display:block;font-size:17px;line-height:1.4;color:var(--tinta);text-wrap:balance}
.v2-aviso strong{font-weight:900}

/* vouchers: cartões mais leves (sem sombra vermelha dura, sem tarja preta repetida 8 vezes) */
#vouchers .vc{background:#fff;border:2px solid #ddd6c9;border-radius:6px;box-shadow:none;transition:border-color .15s,box-shadow .15s,transform .15s}
#vouchers .vc:hover{border-color:#c9c0b0;box-shadow:0 4px 12px rgba(0,0,0,.08)}
#vouchers .vc-topo{padding:12px 12px 0 14px}
#vouchers .vc-nome{font-size:12px;color:#7a746a}
#vouchers .vc-check{border-color:#c9c0b0}
#vouchers .vc-paga{padding:6px 14px 0;font-size:15px;color:var(--cinza)}
#vouchers .vc-paga i{font-size:13px;color:var(--cinza-claro);margin-top:0}
#vouchers .vc-cred{padding:12px 14px 0;font-size:12px;color:#7a746a;letter-spacing:.1em}
#vouchers .vc-valor{padding:0 14px 14px;font-size:clamp(28px,8.4vw,36px);color:var(--vermelho)}
#vouchers .vc-perf{border-top:2px dashed #e3dccf;margin:0}
#vouchers .vc-stub{background:#fff3df;color:#8a4a05;border-radius:0 0 4px 4px;padding:10px 14px;font-size:12.5px;letter-spacing:.04em}
#vouchers .vc[aria-checked="true"]{border-color:var(--laranja);box-shadow:0 0 0 4px rgba(245,155,58,.22)}
#vouchers .vc[aria-checked="true"] .vc-check{background:var(--laranja);border-color:var(--laranja);color:var(--tinta)}
#vouchers .vc[aria-checked="true"] .vc-stub{background:var(--laranja);color:var(--tinta)}
#vouchers .vc[aria-checked="true"] .vc-nome{color:var(--tinta)}
.v2 #vouchers{padding-bottom:var(--s5)}
@media(min-width:760px){.v2 #vouchers{padding-bottom:var(--s7)}}

/* vouchers: menos camadas de texto (valor grande, "Pague", bônus) e grade que respeita a coluna */
.v2 #vouchers .lista-vouchers{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
#vouchers .vc{min-width:0}
#vouchers .vc-topo{order:1;padding:12px 12px 0 14px}
#vouchers .vc-valor{order:2;padding:6px 12px 2px 14px;font-size:clamp(22px,6.9vw,30px);letter-spacing:-.03em}
#vouchers .vc-paga{order:3;padding:0 12px 14px 14px;font-size:15px;color:var(--cinza)}
#vouchers .vc-perf{order:4}
#vouchers .vc-stub{order:5}
#vouchers .vc-cred,#vouchers .vc-paga i{display:none}
@media(min-width:760px){.v2 #vouchers .lista-vouchers{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}#vouchers .vc-valor{font-size:30px}}

/* vouchers: deixar claro que é um voucher e que é para tocar */
#vouchers .vc{cursor:pointer}
#vouchers .vc:active{transform:scale(.985)}
#vouchers .vc-check{width:28px;height:28px;border:2px solid var(--laranja);background:#fff}
#vouchers .vc-stub{position:relative;padding-right:40px}
#vouchers .vc-stub::after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-52%);font-size:18px;font-weight:900;color:var(--laranja);transition:transform .15s}
#vouchers .vc:hover .vc-stub::after{transform:translate(3px,-52%)}
#vouchers .vc[aria-checked="true"] .vc-stub::after{content:"✓";color:var(--tinta)}
#vouchers .v2-lead{max-width:34ch}
/* sem seta na faixa do bônus: o texto ocupa a largura toda e o sinal de toque fica no círculo laranja */
#vouchers .vc-stub{padding-right:14px}
#vouchers .vc-stub::after,#vouchers .vc:hover .vc-stub::after,#vouchers .vc[aria-checked="true"] .vc-stub::after{content:none}

/* como funciona: linha do tempo, títulos curtos, últimos passos separados por canal */
.v2-passos{gap:var(--s4);margin-top:var(--s3)}
.v2-passos>li{padding-left:64px;min-height:48px;position:relative}
.v2-passos>li::before{width:44px;height:44px;font-size:22px;border-radius:50%;top:0}
.v2-passos>li:not(:last-child)::after{content:"";position:absolute;left:21px;top:52px;bottom:calc(var(--s4) * -1 + 8px);width:2px;background:repeating-linear-gradient(180deg,rgba(245,155,58,.55) 0 6px,transparent 6px 10px)}
.v2-passos>li>b{font-size:20px;line-height:44px;margin:0 0 4px;display:block;text-wrap:balance}
.v2-passos>li>span{font-size:16px;line-height:1.5;color:var(--cinza);text-wrap:pretty;max-width:34ch}
.v2-usos{list-style:none;margin:var(--s1) 0 0;padding:0;display:grid;gap:var(--s1)}
.v2-passos .v2-usos li{counter-increment:none;padding:10px 12px;min-height:0}
.v2-passos .v2-usos li::before,.v2-passos .v2-usos li::after{content:none;display:none}
.v2-usos li{padding:10px 12px;background:var(--branco);border-left:4px solid var(--laranja);font-size:16px;line-height:1.4;color:var(--cinza)}
.v2-usos em{font-style:normal;font-weight:900;color:var(--tinta);margin-right:4px}
.v2-usos em::after{content:":"}
@media(min-width:760px){.v2-passos>li:not(:last-child)::after{display:none}}
.v2-passos .v2-usos li{display:grid;gap:2px;padding:12px 14px;font-weight:500}
.v2-usos em{display:block;margin:0;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--vermelho)}
.v2-usos em::after{content:none}
.v2-usos span{display:block;font-size:16px;line-height:1.4;color:var(--tinta);font-weight:600;text-wrap:pretty}
.v2-passos>li>span strong{color:var(--tinta);font-weight:800}
.v2-passos>li:last-child>span{max-width:none;text-wrap:nowrap}
/* respiro à direita igual ao da esquerda em todos os passos */
.v2-passos>li{padding-right:var(--s3)}
.v2-passos>li:last-child>span{max-width:none;text-wrap:pretty}
.v2-passos>li{padding-right:var(--s2)}