/* Animações de entrada da página do Bestseller (camada por cima da cópia do Elementor; não muda o layout).
   Só valem com html.anim-on, que o <head> liga quando o aparelho não pede movimento reduzido.
   Se animacoes.js não rodar em 2,5 s, a classe sai e tudo aparece parado. */

html.anim-on .elementor-widget:not(.elementor-motion-effects-parent):not(.elementor-widget-html):not(.elementor-widget-nested-accordion){
  opacity:0;transform:translate3d(0,28px,0);
  transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--anim-d,0ms);will-change:opacity,transform
}
html.anim-on .elementor-widget-image:not(.elementor-motion-effects-parent),
html.anim-on .elementor-widget-video,
html.anim-on .elementor-widget-image-carousel{transform:translate3d(0,36px,0) scale(.97)}
html.anim-on .elementor-widget.anim-in{opacity:1!important;transform:none!important}

/* Topo (primeira dobra): entra só com CSS, desde a primeira pintura, sem esperar script (melhor para o LCP) */
html.anim-on [data-id="4e7be9b0"] .elementor-widget:not(.elementor-motion-effects-parent):not(.elementor-widget-html):not(.elementor-widget-nested-accordion){
  opacity:1;transform:none;transition:none;animation:anim-sobe .9s cubic-bezier(.22,1,.36,1) both
}
html.anim-on [data-id="4e7be9b0"] .elementor-widget:nth-child(2){animation-delay:.08s}
html.anim-on [data-id="4e7be9b0"] .elementor-widget:nth-child(3){animation-delay:.16s}
html.anim-on [data-id="4e7be9b0"] .elementor-widget:nth-child(4){animation-delay:.24s}
html.anim-on [data-id="4e7be9b0"] .elementor-widget:nth-child(5){animation-delay:.32s}
html.anim-on [data-id="4e7be9b0"] .elementor-widget:nth-child(n+6){animation-delay:.4s}
html.anim-on [data-id="4e7be9b0"] .elementor-widget-icon-list .elementor-icon-list-item{opacity:1;transform:none}
@keyframes anim-sobe{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}

/* Itens de lista com check entram um depois do outro */
html.anim-on .elementor-widget-icon-list .elementor-icon-list-item{
  opacity:0;transform:translate3d(-12px,0,0);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)
}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item{opacity:1;transform:none}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(1){transition-delay:calc(var(--anim-d,0ms) + 120ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(2){transition-delay:calc(var(--anim-d,0ms) + 190ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(3){transition-delay:calc(var(--anim-d,0ms) + 260ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(4){transition-delay:calc(var(--anim-d,0ms) + 330ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(5){transition-delay:calc(var(--anim-d,0ms) + 400ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(6){transition-delay:calc(var(--anim-d,0ms) + 470ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(7){transition-delay:calc(var(--anim-d,0ms) + 540ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(8){transition-delay:calc(var(--anim-d,0ms) + 610ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(9){transition-delay:calc(var(--anim-d,0ms) + 680ms)}
html.anim-on .elementor-widget-icon-list.anim-in .elementor-icon-list-item:nth-child(n+10){transition-delay:calc(var(--anim-d,0ms) + 750ms)}

/* Botões "Fazer aplicação": reflexo que passa de tempos em tempos (camada extra no fundo do próprio botão,
   montada pelo animacoes.js, para não precisar de overflow e não mudar a altura) e leve elevação no hover */
.elementor-button.anim-brilho{background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;animation:anim-brilho 4.2s ease-in-out infinite;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
@keyframes anim-brilho{0%,60%{background-position:130% 0,0 0}100%{background-position:-30% 0,0 0}}
@media (hover:hover){.elementor-button.anim-brilho:hover{transform:translateY(-3px);box-shadow:0 14px 30px -12px rgba(245,233,90,.6)}}

@media (prefers-reduced-motion:reduce){
  html.anim-on .elementor-widget,html.anim-on .elementor-icon-list-item{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
  .elementor-button.anim-brilho{animation:none}
}