/* Sequência neon na primeira dobra da página real (camada de teste, não altera a base).
   1) etiqueta e título acendem em ordem irregular, como um letreiro  2) uma luz desce e acende a frase, os cartões e o botão
   3) depois o título e a etiqueta respiram e a luz volta de tempos em tempos. */
.sr-only-txt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media (prefers-reduced-motion:no-preference){
@keyframes n-letra{
  0%{color:#1b0e08;text-shadow:none}
  9%{color:#fff;text-shadow:0 0 20px rgba(245,155,58,.95),0 0 3px rgba(255,255,255,.7)}
  15%{color:#1b0e08;text-shadow:none}
  25%{color:#fff;text-shadow:0 0 24px rgba(245,155,58,1),0 0 3px rgba(255,255,255,.7)}
  31%{color:#2a1409;text-shadow:0 0 6px rgba(245,155,58,.3)}
  43%{color:#fff;text-shadow:0 0 26px rgba(245,155,58,1),0 0 3px rgba(255,255,255,.7)}
  50%{color:#e9e1dd;text-shadow:0 0 14px rgba(245,155,58,.6)}
  62%{color:#fff;text-shadow:0 0 26px rgba(245,155,58,.95)}
  100%{color:#fff;text-shadow:0 0 22px rgba(245,155,58,.7)}}
@keyframes n-cai{0%{translate:0 -1.1em;opacity:0}55%{translate:0 .06em;opacity:1}72%{translate:0 -.07em}86%{translate:0 .02em}100%{translate:0 0;opacity:1}}
@keyframes n-eco{0%{opacity:0;scale:.2;translate:-.12em 0}60%{scale:1.15}100%{opacity:var(--o);scale:1;translate:0 0}}
@keyframes n-sai{0%{opacity:var(--o);font-size:var(--fs)}100%{opacity:0;font-size:0}}
@keyframes n-respira{0%,100%{text-shadow:0 0 22px rgba(245,155,58,.7)}50%{text-shadow:0 0 36px rgba(245,155,58,1),0 0 6px rgba(255,170,120,.55)}}
@keyframes n-tag{
  0%{background:#06262a;color:#2b5559}
  9%{background:var(--vermelho);color:#fff}
  15%{background:#06262a;color:#2b5559}
  25%{background:var(--vermelho);color:#fff}
  31%{background:#0a343a;color:#4a8a90}
  43%{background:var(--vermelho);color:#fff}
  50%{background:#0a6f79;color:#d6eef0}
  62%{background:var(--vermelho);color:#fff}
  100%{background:var(--vermelho);color:#fff}}
@keyframes n-tag-brilho{
  0%,15%,31%{filter:drop-shadow(0 0 0 rgba(14,138,150,0))}
  9%,25%,43%{filter:drop-shadow(0 0 0 rgba(14,138,150,0))}
  50%{filter:drop-shadow(0 0 0 rgba(14,138,150,0))}
  62%{filter:drop-shadow(0 0 0 rgba(14,138,150,0))}
  100%{filter:drop-shadow(0 0 0 rgba(14,138,150,0))}}
@keyframes n-tag-respira{0%,100%{filter:drop-shadow(0 0 0 rgba(14,138,150,0))}50%{filter:drop-shadow(0 0 0 rgba(14,138,150,0))}}

/* título: sem a máscara de subida e sem o gradiente da base; letras separadas, apagadas até acender */
body.an-neon .v2-hero .ln{overflow:visible}
body.an-neon .hero.go .ln:nth-child(n) .brilha{transform:none;animation:none;background:none;-webkit-text-fill-color:currentColor;color:#fff;text-shadow:none}
body.an-neon .v2-hero .lts{display:inline-block}
body.an-neon .v2-hero .lt{display:inline-block;color:#1b0e08}
body.an-neon.n-play .v2-hero .lt{animation:n-letra 1.3s ease-out both,n-respira 3.8s ease-in-out infinite;animation-delay:calc(var(--d,0s) + .1s),3.5s}
/* as letras caem de cima, uma depois da outra: BLACK e depois VIP; no fim surgem os Ps extras (VIPPPP!) */
body.an-neon .v2-hero .ln:nth-child(1) .lt:nth-child(1){--d:0s}
body.an-neon .v2-hero .ln:nth-child(1) .lt:nth-child(2){--d:.1s}
body.an-neon .v2-hero .ln:nth-child(1) .lt:nth-child(3){--d:.2s}
body.an-neon .v2-hero .ln:nth-child(1) .lt:nth-child(4){--d:.3s}
body.an-neon .v2-hero .ln:nth-child(1) .lt:nth-child(5){--d:.4s}
body.an-neon .v2-hero .ln:nth-child(2) .lt:nth-child(1){--d:.55s}
body.an-neon .v2-hero .ln:nth-child(2) .lt:nth-child(2){--d:.65s}
body.an-neon .v2-hero .ln:nth-child(2) .lt:nth-child(3){--d:.75s}
body.an-neon .v2-hero .nx{display:inline-block;opacity:0;transform-origin:left bottom;color:#fff;text-shadow:0 0 22px rgba(245,155,58,.7)}
body.an-neon .v2-hero .nx1{font-size:.8em;--fs:.8em;--o:.9;--j:0}
body.an-neon .v2-hero .nx2{font-size:.62em;--fs:.62em;--o:.7;--j:1}
body.an-neon .v2-hero .nx3{font-size:.46em;--fs:.46em;--o:.5;--j:2}
body.an-neon .v2-hero .nx4{font-size:1em;--o:1;--j:3;color:var(--laranja)}
/* aparece em ordem e, depois de uma pausa, some em ordem inversa (! primeiro) e volta para VIP */
body.an-neon.n-play .v2-hero .nx{animation:n-eco .25s cubic-bezier(.2,.9,.3,1.3) both,n-sai .22s cubic-bezier(.6,0,.8,.4) forwards;animation-delay:calc(1.05s + var(--j)*.12s),calc(2.15s + (3 - var(--j))*.1s)}
/* o "!" fica no fim: VIP! */
body.an-neon.n-play .v2-hero .nx4{animation:n-eco .25s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc(1.05s + var(--j)*.12s)}

/* etiqueta vermelha: o brilho vai num envoltório, porque a ponta inclinada corta sombras */
.tag-w{align-self:flex-start;display:inline-block}
body.an-neon .v2-hero .eyebrow{background:#06262a;color:#2b5559}
body.an-neon.n-play .v2-hero .eyebrow{animation:n-tag 1.3s ease-out both}
body.an-neon.n-play .tag-w{animation:n-tag-brilho 1.3s ease-out both,n-tag-respira 3.8s ease-in-out infinite;animation-delay:0s,2.6s}

/* frase, cartões e botão: apagados até a luz passar (continuam clicáveis, só a aparência muda) */
@keyframes n-ligar{0%{opacity:0;translate:0 10px;filter:brightness(1.6)}45%{opacity:1;translate:0 0;filter:brightness(1.35) drop-shadow(0 0 18px rgba(245,155,58,.95))}100%{opacity:1;translate:0 0;filter:none}}
@keyframes n-ligar-c{0%{opacity:0;translate:0 10px;filter:brightness(1.6);box-shadow:0 0 0 0 var(--laranja)}45%{opacity:1;translate:0 0;filter:brightness(1.35) drop-shadow(0 0 18px rgba(245,155,58,.95));box-shadow:2px 2px 0 0 var(--laranja)}100%{opacity:1;translate:0 0;filter:none;box-shadow:4px 4px 0 0 var(--laranja)}}
@keyframes n-acende{0%,22%,100%{filter:none}9%{filter:brightness(1.12) drop-shadow(0 0 14px rgba(245,155,58,.8))}}
@keyframes n-luz{0%{top:var(--li,40%);opacity:0}8%{opacity:1}90%{opacity:1}100%{top:var(--lf,95%);opacity:0}}
@keyframes n-luz-loop{0%{top:var(--li,40%);opacity:0}4%{opacity:1}22%{top:var(--lf,95%);opacity:1}26%,100%{top:var(--lf,95%);opacity:0}}

body.an-neon .nit{opacity:0;translate:0 10px}
body.an-neon.n-ent .nit{animation:n-ligar .5s ease-out both;animation-delay:var(--dl,0s)}
body.an-neon.n-ent .v2-hero .v2-card{animation:n-ligar-c .5s ease-out both;animation-delay:var(--dl,0s)}
/* depois de acesos ficam fixos; só um brilho leve passa de tempos em tempos */
body.an-neon.n-onda .nit{opacity:1;translate:0 0;animation:none}
body.an-neon.n-onda .v2-hero .v2-card{box-shadow:4px 4px 0 0 var(--laranja)}

/* ícones dos cartões: flutuam bem de leve, cada um num ritmo, depois de acesos */
@keyframes n-flutua-1{0%,100%{translate:0 0;rotate:-3deg;scale:1}50%{translate:0 -4px;rotate:4deg;scale:1.05}}
@keyframes n-flutua-2{0%,100%{translate:0 0;rotate:3deg}50%{translate:0 -5px;rotate:-4deg}}
@keyframes n-flutua-3{0%,100%{translate:0 0;rotate:-4deg;scale:1}50%{translate:1px -4px;rotate:5deg;scale:1.06}}
/* se o efeito "Ícones" do painel estiver desligado, os ícones flutuam por aqui; ligado, não duplica */
body.an-neon.n-onda:not(.an-icones) .v2-card--off .v2-slot img{animation:n-flutua-1 4.2s ease-in-out infinite}
body.an-neon.n-onda:not(.an-icones) .v2-card--iph .v2-slot img{animation:n-flutua-2 5s ease-in-out -1.4s infinite}
body.an-neon.n-onda:not(.an-icones) .v2-card--parc .v2-slot img{animation:n-flutua-3 4.6s ease-in-out -2.6s infinite}

/* o botão principal também respira (efeito do painel): junta as duas animações sem perder a entrada em sequência */
body.an-neon.an-cta.n-ent #ctaHero.nit{animation:n-ligar .5s ease-out both,an-pulsa 5.5s ease-in-out infinite;animation-delay:var(--dl,0s),calc(var(--dl,0s) + 1s)}
body.an-neon.an-cta.n-onda #ctaHero.nit{animation:an-pulsa 5.5s ease-in-out infinite}

/* entrada simples: frase, cartões e botão surgem subindo um pouco, em ordem de leitura, depois do título */
@keyframes n-surge{0%{opacity:0;translate:0 10px}100%{opacity:1;translate:0 0}}
body.an-neon:not(.n-play) .v2-hero .v2-sub,body.an-neon:not(.n-play) .v2-hero .v2-card,body.an-neon:not(.n-play) #ctaHero{opacity:0}
body.an-neon.n-play .v2-hero .v2-sub,body.an-neon.n-play .v2-hero .v2-card,body.an-neon.n-play #ctaHero{animation:n-surge .65s cubic-bezier(.22,.7,.25,1) both}
body.an-neon.n-play .v2-hero .v2-sub{animation-delay:.8s}
body.an-neon.n-play .v2-hero .v2-card--off{animation-delay:1s}
body.an-neon.n-play .v2-hero .v2-card--iph{animation-delay:1.18s}
body.an-neon.n-play .v2-hero .v2-card--parc{animation-delay:1.36s}
body.an-neon.n-play #ctaHero{animation-delay:1.55s}

.luz-neon{position:absolute;left:-16px;right:-16px;top:var(--li,40%);height:72px;margin-top:-36px;background:linear-gradient(180deg,transparent,rgba(245,155,58,.42),transparent);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:3}
body.an-neon.n-ent .luz-neon{animation:n-luz 1.4s ease-in-out both}
body.an-neon.n-onda .luz-neon{animation:none;opacity:0}
}

/* surgir nas seções de baixo: título, texto e blocos entram em escadinha (os números continuam contando) */
body.an-reveal #premio .v2-lead{transition-delay:.12s!important}
body.an-reveal #premio .v2-fatos{transition-delay:.24s!important}
body.an-reveal #premio .v2-phone{transition-delay:.36s!important}
body.an-reveal #beneficios .v2-lead{transition-delay:.12s!important}
body.an-reveal #beneficios .v2-ex{transition-delay:.24s!important}
body.an-reveal #beneficios .v2-cupons li:nth-child(1){transition-delay:.36s!important}
body.an-reveal #beneficios .v2-cupons li:nth-child(2){transition-delay:.5s!important}
body.an-reveal #beneficios .v2-cupons li:nth-child(3){transition-delay:.64s!important}

body.an-reveal #datas .v2-lead{transition-delay:.12s!important}
body.an-reveal #datas .v2-data:nth-child(1){transition-delay:.26s!important}
body.an-reveal #datas .v2-data:nth-child(2){transition-delay:.42s!important}
body.an-reveal #datas .v2-aviso{transition-delay:.58s!important}

body.an-reveal #vouchers .v2-lead{transition-delay:.12s!important}
body.an-reveal #listaVouchers .vc:nth-child(1){transition-delay:.24s!important}
body.an-reveal #listaVouchers .vc:nth-child(2){transition-delay:.3s!important}
body.an-reveal #listaVouchers .vc:nth-child(3){transition-delay:.38s!important}
body.an-reveal #listaVouchers .vc:nth-child(4){transition-delay:.44s!important}
body.an-reveal #listaVouchers .vc:nth-child(5){transition-delay:.52s!important}
body.an-reveal #listaVouchers .vc:nth-child(6){transition-delay:.58s!important}
body.an-reveal #listaVouchers .vc:nth-child(7){transition-delay:.66s!important}
body.an-reveal #listaVouchers .vc:nth-child(8){transition-delay:.72s!important}

/* Como funciona: as linhas tracejadas entre os passos correm de cima para baixo, em fluxo contínuo */
@keyframes n-fluxo{0%{background-position:0 0}100%{background-position:0 10px}}
@media (prefers-reduced-motion:no-preference){
body.an-timeline .v2-passos>li:not(:last-child)::after{background:linear-gradient(180deg,rgba(245,155,58,.9) 0 6px,transparent 6px 10px) 0 0/2px 10px repeat-y}
body.an-timeline .v2-passos>li.in:not(:last-child)::after{animation:n-fluxo .9s linear infinite;animation-delay:calc(var(--d,0s) + .95s)}
}
/* ordem de cima para baixo: todo título entra primeiro, e o resto em seguida */
body.an-reveal .v2-sec .v2-h2{transition-delay:0s!important}
body.an-reveal #como .v2-passos>li:nth-child(1){transition-delay:.12s!important}
body.an-reveal #como .v2-passos>li:nth-child(2){transition-delay:.27s!important}
body.an-reveal #como .v2-passos>li:nth-child(3){transition-delay:.42s!important}
body.an-reveal #como .v2-passos>li:nth-child(4){transition-delay:.57s!important}
body.an-reveal #beneficios .v2-nota{transition-delay:.78s!important}
body.an-reveal #faq .v2-nota{transition-delay:0s!important}

/* intervalos maiores, para dar para perceber um bloco depois do outro, de cima para baixo */
body.an-reveal .rv{transition-duration:.7s,.7s}
body.an-reveal .v2-final .wrap>*{transition-delay:0s!important}
body.an-reveal .v2-final .wrap>p{transition-delay:.2s!important}
body.an-reveal .v2-final .wrap>.btn{transition-delay:.4s!important}
body.an-reveal #premio .v2-lead{transition-delay:.2s!important}
body.an-reveal #premio .v2-fatos{transition-delay:.4s!important}
body.an-reveal #premio .v2-phone{transition-delay:.6s!important}
body.an-reveal #beneficios .v2-lead{transition-delay:.2s!important}
body.an-reveal #beneficios .v2-ex{transition-delay:.4s!important}
body.an-reveal #beneficios .v2-cupons li:nth-child(1){transition-delay:.6s!important}
body.an-reveal #beneficios .v2-cupons li:nth-child(2){transition-delay:.8s!important}
body.an-reveal #beneficios .v2-cupons li:nth-child(3){transition-delay:1s!important}
body.an-reveal #beneficios .v2-nota{transition-delay:1.2s!important}
body.an-reveal #datas .v2-lead{transition-delay:.2s!important}
body.an-reveal #datas .v2-data:nth-child(1){transition-delay:.4s!important}
body.an-reveal #datas .v2-data:nth-child(2){transition-delay:.6s!important}
body.an-reveal #datas .v2-aviso{transition-delay:.8s!important}
body.an-reveal #vouchers .v2-lead{transition-delay:.2s!important}
body.an-reveal #listaVouchers .vc:nth-child(1){transition-delay:.4s!important}
body.an-reveal #listaVouchers .vc:nth-child(2){transition-delay:.48s!important}
body.an-reveal #listaVouchers .vc:nth-child(3){transition-delay:.62s!important}
body.an-reveal #listaVouchers .vc:nth-child(4){transition-delay:.7s!important}
body.an-reveal #listaVouchers .vc:nth-child(5){transition-delay:.84s!important}
body.an-reveal #listaVouchers .vc:nth-child(6){transition-delay:.92s!important}
body.an-reveal #listaVouchers .vc:nth-child(7){transition-delay:1.06s!important}
body.an-reveal #listaVouchers .vc:nth-child(8){transition-delay:1.14s!important}
body.an-reveal #como .v2-passos>li:nth-child(1){transition-delay:.2s!important}
body.an-reveal #como .v2-passos>li:nth-child(2){transition-delay:.45s!important}
body.an-reveal #como .v2-passos>li:nth-child(3){transition-delay:.7s!important}
body.an-reveal #como .v2-passos>li:nth-child(4){transition-delay:.95s!important}

.neon-rever{position:fixed;top:8px;right:8px;z-index:90;min-height:34px;padding:0 12px;border:2px solid #000;background:#fff;color:#000;font:800 13px/1 var(--fonte,system-ui);cursor:pointer;box-shadow:2px 2px 0 var(--laranja)}

/* Baby GO: logo de duas linhas */
.topo-logo{height:44px;width:auto}
.rodape-logo{height:50px;width:auto}
.rodape-logo--bo{height:45px}
/* Baby GO: faixa laranja como no KV (FAIXA2) */
.ticker{background:var(--laranja)}
.ticker-trilho,.ticker-trilho span{color:#1b1b1b}