/* Clone estático estabilizado — mantém o design original Elementor e elimina a inicialização obrigatória. */
html { scroll-behavior:smooth; scroll-padding-top:105px; }
body { margin:0; overflow-x:hidden; }
#beneficios,#recursos,#modelos,#planos,#faq,#oferta { scroll-margin-top:105px; }
/* A página original oculta esses elementos até o GSAP/ScrollTrigger disparar.
   Com isso, a captura estática tinha blocos inteiros invisíveis. */
.scroll-bottom,.scroll-top,.scroll-left,.scroll-right,
.elementor-invisible { opacity:1!important;visibility:visible!important; transform:none!important; }
/* Elementor desabilita os backgrounds dos containers sem classe e-lazyloaded. */

/* Não aplicar background-image: revert ou !important a componentes internos: o CSS original governa os fundos. */
/* Estabiliza botões sem animações do Elementor / GSAP. */
.elementor-button, a[href] { -webkit-tap-highlight-color:transparent; }
.elementor-menu-toggle { cursor:pointer; }
.clone-video-play { border:1px solid rgba(255,255,255,.27);background:rgba(18,21,16,.55);color:#eaffcc;
  border-radius:999px;width:64px;height:64px;display:grid;place-items:center;position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);font-size:24px;cursor:pointer;z-index:5;transition:background .2s,transform .2s; }
.clone-video-play:hover { background:rgba(85, 70, 244, .8);color:#111;transform:translate(-50%,-50%) scale(1.08); }
.elementor-widget-video .elementor-video { position:relative; min-height:100%; background:#040504; }
.elementor-video iframe { width:100%;height:100%;min-height:340px;border:0;display:block; }
/* Drop-down em telas pequenas: não depende da inicialização do Elementor. */
@media (max-width:1024px){
  .elementor-menu-toggle { touch-action:manipulation; }
  .elementor-nav-menu--dropdown { visibility:hidden; opacity:0; pointer-events:none; transform:translateY(-8px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s; }
  .elementor-nav-menu--dropdown.clone-open { display:block!important;visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0); }
}
@media (max-width:767px){ html {scroll-padding-top:85px;} #beneficios,#recursos,#modelos,#planos,#faq,#oferta{scroll-margin-top:85px;} .clone-video-play{width:52px;height:52px;font-size:20px;} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{scroll-behavior:auto!important} }

/* Substitui o dropdown dependente de JS Elementor por um painel real no mobile. */
@media (max-width:1024px){
 #menu-mobile.clone-open {
   position:fixed!important;left:0!important;right:auto!important;top:65px!important;
   width:calc(100vw - 32px)!important;max-width:none!important;height:auto!important;
   max-height:min(72vh,500px)!important;overflow-y:auto!important;display:block!important;
   margin:0!important;padding:13px!important;box-sizing:border-box!important;
   background:#11190b!important;border:1px solid rgba(85, 70, 244, .20)!important;
   border-radius:0 0 20px 20px!important;box-shadow:0 20px 45px rgba(0,0,0,.55)!important;
   z-index:99999!important;transform:none!important;
 }
 #menu-mobile.clone-open .elementor-nav-menu{width:100%!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
 #menu-mobile.clone-open .elementor-nav-menu li{width:100%!important;display:block!important;}
 #menu-mobile.clone-open .elementor-nav-menu a{display:block!important;padding:12px 16px!important;
   color:#f7ffe8!important;background:transparent!important;border-radius:10px!important;text-align:left!important;
   font-size:15px!important;line-height:1.35!important;}
 #menu-mobile.clone-open .elementor-nav-menu a:hover,#menu-mobile.clone-open .elementor-nav-menu a:focus-visible{
   background:rgba(85, 70, 244, .10)!important;color:#5546F4!important;
 }
}

/* Substitui o dropdown dependente de JS Elementor por um painel real no mobile. */
@media (max-width:1024px){
 #menu-mobile.clone-open {
   position:fixed!important;left:16px!important;right:16px!important;top:86px!important;
   width:calc(100vw - 32px)!important;max-width:none!important;height:auto!important;
   max-height:min(72vh,500px)!important;overflow-y:auto!important;display:block!important;
   margin:0!important;padding:13px!important;box-sizing:border-box!important;
   background:#11190b!important;border:1px solid rgba(85, 70, 244, .20)!important;
   border-radius:0 0 20px 20px!important;box-shadow:0 20px 45px rgba(0,0,0,.55)!important;
   z-index:99999!important;transform:none!important;
 }
 #menu-mobile.clone-open .elementor-nav-menu{width:100%!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
 #menu-mobile.clone-open .elementor-nav-menu li{width:100%!important;display:block!important;}
 #menu-mobile.clone-open .elementor-nav-menu a{display:block!important;padding:12px 16px!important;
   color:#f7ffe8!important;background:transparent!important;border-radius:10px!important;text-align:left!important;
   font-size:15px!important;line-height:1.35!important;}
 #menu-mobile.clone-open .elementor-nav-menu a:hover,#menu-mobile.clone-open .elementor-nav-menu a:focus-visible{
   background:rgba(85, 70, 244, .10)!important;color:#5546F4!important;
 }
}