#momento.nx-promo{
  flex-direction:column;gap:6px;
  background:
    radial-gradient(ellipse 60% 55% at 50% 38%,rgba(255,255,255,.05),transparent 70%),
    #0C1413;
  animation:nx-pr-surge .4s ease-out both;
}
#momento.nx-promo.saindo{opacity:0;transition:opacity .35s ease}


.nx-promo-fundo{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;
}
.nx-promo-fundo::before,.nx-promo-fundo::after{
  content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;
  background:radial-gradient(circle,var(--br-pano) 0%,transparent 62%);
  opacity:.1;filter:blur(20px);
}
.nx-promo-fundo::before{left:-18vmax;top:-26vmax;animation:nx-pr-deriva 18s ease-in-out infinite alternate}
.nx-promo-fundo::after{right:-22vmax;bottom:-30vmax;animation:nx-pr-deriva 22s ease-in-out infinite alternate-reverse}


.nx-promo-palco{
  position:relative;width:280px;height:300px;flex:none;
  display:flex;align-items:center;justify-content:center;
}
.nx-promo-palco > *{position:absolute}
.nx-promo-brasao{
  width:210px;height:245px;display:flex;align-items:center;justify-content:center;
}
.nx-promo-brasao svg{width:100%;height:100%;overflow:visible}
.nx-promo-brasao .momento-joia{width:120px;height:120px;margin:0;color:var(--br-luz);animation:none}

.nx-promo-velho{
  opacity:0;
  animation:
    nx-pr-surge .5s ease-out .25s forwards,
    nx-pr-carga 1s cubic-bezier(.5,0,.9,.6) .75s forwards,
    nx-pr-treme .35s linear 1.4s 1,
    nx-pr-parte .28s ease-in 1.75s forwards;
}
.nx-promo-novo{
  opacity:0;
  animation:
    nx-pr-forma .75s cubic-bezier(.2,.8,.2,1) 2.55s forwards,
    nx-pr-golpe 1.1s ease-out 3.45s forwards;
}

.nx-promo-novo svg{animation:nx-pr-respira 3.2s ease-in-out 4.8s infinite}
.nx-promo-anel{width:270px;height:270px;opacity:0;animation:nx-pr-anel 1.3s cubic-bezier(.2,.7,.3,1) 1.75s forwards}
.nx-promo-anel{filter:drop-shadow(0 0 4px var(--br-luz)) drop-shadow(0 0 10px var(--br-pano))}
.nx-promo-anel circle{fill:none;stroke:var(--br-luz);stroke-linecap:round}
.nx-promo-anel .a1{stroke-width:2.2;stroke-dasharray:18 10 4 12}
.nx-promo-anel .a2{stroke-width:1.2;stroke-dasharray:6 14;opacity:.85}

.nx-promo-flare{
  width:min(92vw,720px);height:2px;top:50%;margin-top:-1px;
  background:linear-gradient(90deg,transparent,var(--br-luz) 42%,#FFFFFF 50%,var(--br-luz) 58%,transparent);
  transform:scaleX(0);opacity:0;
  animation:nx-pr-flare .9s ease-out 1.75s forwards,nx-pr-flare .8s ease-out 3.55s forwards;
}
.nx-promo-bloom{
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,#FFFFFF 0%,var(--br-luz) 22%,var(--br-pano) 45%,transparent 70%);
  opacity:0;transform:scale(.4);mix-blend-mode:screen;
  animation:nx-pr-bloom .6s ease-out 1.72s forwards,nx-pr-bloom .9s ease-out 3.5s forwards;
}
.nx-promo-feixe{
  width:6px;left:50%;margin-left:-3px;top:-60vh;height:calc(60vh + 130px);
  background:linear-gradient(180deg,transparent,var(--br-luz) 55%,#FFFFFF);
  box-shadow:0 0 18px 4px var(--br-pano);
  transform-origin:top center;transform:scaleY(0);opacity:0;border-radius:3px;
  animation:nx-pr-feixe 1.5s cubic-bezier(.3,0,.2,1) 3.2s forwards;
}

.nx-promo-estilhaco{
  width:16px;height:24px;left:50%;top:50%;margin:-12px 0 0 -8px;
  filter:drop-shadow(0 0 6px var(--br-luz)) drop-shadow(0 0 12px var(--br-pano));
  opacity:0;
  animation:nx-pr-estilhaco 1.35s cubic-bezier(.25,.6,.35,1) forwards;
  animation-delay:var(--atraso,1.75s);
}


#momento.nx-promo .momento-caixa{
  background:none;border:0;box-shadow:none;padding:4px 16px 0;max-width:460px;
  color:#F4F1EA;animation:none;
}
#momento.nx-promo .momento-caixa > .momento-joia{display:none}
#momento.nx-promo .eb,
#momento.nx-promo .momento-nome,
#momento.nx-promo .momento-acoes{opacity:0;animation:nx-pr-sobe .7s cubic-bezier(.2,.8,.2,1) forwards}
#momento.nx-promo .eb{color:var(--br-luz);letter-spacing:.28em;animation-delay:4.15s}
#momento.nx-promo .momento-nome{
  color:#FFFFFF;font-size:56px;letter-spacing:.04em;animation-delay:4.3s;
  text-shadow:0 0 28px var(--br-pano);
}

#momento.nx-promo .momento-texto,#momento.nx-promo .momento-lista{display:none}
#momento.nx-promo .momento-acoes{animation-delay:4.6s;margin-top:26px}
#momento.nx-promo #momento-fechar{
  background:var(--br-sombra);border-color:var(--br-luz);color:#FFFFFF;min-width:160px;
}
#momento.nx-promo #momento-fechar:hover{filter:brightness(1.12)}
#momento.nx-promo #momento-fechar:focus-visible{outline:2px solid var(--br-luz);outline-offset:3px}


#momento.nx-promo.nx-promo-espera,
#momento.nx-promo.nx-promo-espera *,
#momento.nx-promo.nx-promo-espera *::before,
#momento.nx-promo.nx-promo-espera *::after{animation-play-state:paused !important}


#momento.nx-promo.nx-promo-pular *,
#momento.nx-promo.nx-promo-pular *::before,
#momento.nx-promo.nx-promo-pular *::after{animation-delay:0s !important;animation-duration:.01s !important}
#momento.nx-promo.nx-promo-pular .nx-promo-novo svg{animation-delay:1s !important;animation-duration:3.2s !important}


.nx-promo-estilhaco b{
  display:block;width:100%;height:100%;
  background:linear-gradient(160deg,#FFFFFF,var(--br-luz) 40%,var(--br-pano));
  clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);
}

@keyframes nx-pr-surge{from{opacity:0}to{opacity:1}}
@keyframes nx-pr-sobe{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes nx-pr-deriva{from{transform:translate(0,0) scale(1)}to{transform:translate(6vmax,4vmax) scale(1.12)}}
@keyframes nx-pr-carga{
  from{filter:brightness(1) drop-shadow(0 0 0 transparent)}
  to{filter:brightness(2.1) drop-shadow(0 0 22px var(--br-luz))}
}
@keyframes nx-pr-treme{
  0%,100%{transform:translate(0,0)}20%{transform:translate(-1.5px,1px)}40%{transform:translate(1.5px,-1px)}
  60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}
}
@keyframes nx-pr-parte{to{opacity:0;transform:scale(1.18);filter:brightness(3) blur(3px)}}
@keyframes nx-pr-anel{
  0%{opacity:0;transform:scale(.35) rotate(0)}
  15%{opacity:1}
  100%{opacity:0;transform:scale(1.35) rotate(140deg)}
}
@keyframes nx-pr-flare{
  0%{opacity:0;transform:scaleX(0)}
  25%{opacity:1;transform:scaleX(1)}
  100%{opacity:0;transform:scaleX(1.1)}
}
@keyframes nx-pr-bloom{
  0%{opacity:0;transform:scale(.4)}
  30%{opacity:.95;transform:scale(1)}
  100%{opacity:0;transform:scale(1.6)}
}
@keyframes nx-pr-estilhaco{
  0%{opacity:0;transform:translate(0,0) rotate(0) scale(.4)}
  8%{opacity:1}
  42%{transform:translate(var(--dx),var(--dy)) rotate(var(--giro)) scale(1)}
  72%{transform:translate(calc(var(--dx) * .45),calc(var(--dy) * .2 - 34px)) rotate(calc(var(--giro) * 1.6)) scale(.8)}
  100%{opacity:0;transform:translate(0,-8px) rotate(calc(var(--giro) * 2)) scale(.2)}
}
@keyframes nx-pr-forma{
  0%{opacity:0;transform:scale(.7);filter:brightness(3) blur(6px)}
  60%{opacity:1}
  100%{opacity:1;transform:scale(1);filter:brightness(1.5) blur(0)}
}
@keyframes nx-pr-golpe{
  0%{opacity:1;transform:scale(1);filter:brightness(1.5) drop-shadow(0 0 0 transparent)}
  12%{transform:scale(1.07);filter:brightness(2.6) drop-shadow(0 0 30px var(--br-luz))}
  100%{opacity:1;transform:scale(1);filter:brightness(1) drop-shadow(0 0 16px var(--br-pano))}
}
@keyframes nx-pr-feixe{
  0%{opacity:0;transform:scaleY(0)}
  8%{opacity:1}
  22%{transform:scaleY(1);opacity:1}
  100%{transform:scaleY(1) scaleX(.15);opacity:0}
}
@keyframes nx-pr-respira{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22) drop-shadow(0 0 10px var(--br-luz))}}

@media (max-width:480px){
  .nx-promo-palco{width:230px;height:250px}
  .nx-promo-brasao{width:170px;height:200px}
  .nx-promo-anel{width:220px;height:220px}
  #momento.nx-promo .momento-nome{font-size:44px}
}

@media (prefers-reduced-motion:reduce){
  #momento.nx-promo *,#momento.nx-promo *::before,#momento.nx-promo *::after,#momento.nx-promo{animation:none !important}
  .nx-promo-velho,.nx-promo-anel,.nx-promo-flare,.nx-promo-bloom,.nx-promo-feixe,.nx-promo-estilhaco{display:none}
  .nx-promo-novo{opacity:1;filter:drop-shadow(0 0 16px var(--br-pano))}
  #momento.nx-promo .eb,#momento.nx-promo .momento-nome,#momento.nx-promo .momento-acoes{opacity:1}
}