.elementor-1891 .elementor-element.elementor-element-8a9826d{--display:flex;--min-height:648px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-1891 .elementor-element.elementor-element-8a9826d:not(.elementor-motion-effects-element-type-background), .elementor-1891 .elementor-element.elementor-element-8a9826d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ydeinstalador.com.br/wp-content/uploads/2026/05/back-pop-up-1.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1891 .elementor-element.elementor-element-8a9826d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1891 .elementor-element.elementor-element-e3465c7.elementor-element{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-1891 .dialog-widget-content{background-color:#02010100;}#elementor-popup-modal-1891{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1891 .dialog-message{width:896px;height:663px;align-items:flex-start;}#elementor-popup-modal-1891 .dialog-close-button{display:flex;background-color:#FFB700;}#elementor-popup-modal-1891 .dialog-close-button i{color:#000000;}#elementor-popup-modal-1891 .dialog-close-button svg{fill:#000000;}@media(max-width:767px){.elementor-1891 .elementor-element.elementor-element-8a9826d{--width:90%;--padding-top:0px;--padding-bottom:0120px;--padding-left:0px;--padding-right:0px;}.elementor-1891 .elementor-element.elementor-element-e3465c7{width:var( --container-widget-width, 290.946px );max-width:290.946px;--container-widget-width:290.946px;--container-widget-flex-grow:0;}#elementor-popup-modal-1891 .dialog-widget-content{border-radius:0px 0px 0px 0px;}#elementor-popup-modal-1891 .dialog-close-button{top:14%;font-size:26px;}body:not(.rtl) #elementor-popup-modal-1891 .dialog-close-button{right:9%;}body.rtl #elementor-popup-modal-1891 .dialog-close-button{left:9%;}}@media(min-width:768px){.elementor-1891 .elementor-element.elementor-element-8a9826d{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-e3465c7 *//* BOTÃO */
.btn-glow{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:420px;
  height:60px;

  border-radius:8px;
  border:2px solid #ffd54d;

  background:linear-gradient(
    to bottom,
    #ffcf1f 0%,
    #f6b400 100%
  );

  /* COR DA FONTE */
  color:#000;

  font-size:25px;
  font-weight:900;

  font-family:Arial, Helvetica, sans-serif;

  text-transform:uppercase;
  text-decoration:none;

  letter-spacing:-2px;

  overflow:hidden;
  transition:0.3s ease;

  animation:glowPulse 2s infinite ease-in-out;

  cursor:pointer;
}



/* TEXTO */
.btn-glow span{
  position:relative;
  z-index:2;
}

/* HOVER */
.btn-glow:hover{
  transform:translateY(-3px) scale(1.02); 


  /* MANTÉM PRETO */
  color:#000;
}

/* BRILHO PASSANDO */
.btn-glow::before{
  content:"";
  position:absolute;

  top:0;
  left:-120%;

  width:60%;
  height:100%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.55),
    transparent
  );

  transform:skewX(-25deg);

  animation:shine 3s infinite;
}

/* GLOW INFERIOR */
.btn-glow::after{
  content:"";
  position:absolute;

  bottom:-10px;
  left:50%;

  transform:translateX(-50%);

  width:140px;
  height:14px;

  background:#fff;

  filter:blur(10px);

  animation:glowBar 2s infinite ease-in-out;
}

/* ANIMAÇÃO GERAL */
@keyframes glowPulse{

  0%{
    box-shadow:
      0 0 10px rgba(255, 196, 0, 0.5),
      0 0 20px rgba(255, 196, 0, 0.3),
      inset 0 2px 6px rgba(255,255,255,0.25);
  }

  50%{
    box-shadow:
      0 0 18px rgba(255, 196, 0, 0.9),
      0 0 45px rgba(255, 196, 0, 0.7),
      inset 0 2px 10px rgba(255,255,255,0.4);
  }

  100%{
    box-shadow:
      0 0 10px rgba(255, 196, 0, 0.5),
      0 0 20px rgba(255, 196, 0, 0.3),
      inset 0 2px 6px rgba(255,255,255,0.25);
  }
}

/* BRILHO MOVENDO */
@keyframes shine{

  0%{
    left:-120%;
  }

  100%{
    left:140%;
  }
}

/* GLOW PULSANDO */
@keyframes glowBar{

  0%{
    opacity:0.4;
    width:100px;
  }

  50%{
    opacity:1;
    width:160px;
  }

  100%{
    opacity:0.4;
    width:100px;
  }
}

/* =========================
   MOBILE
========================= */

@media (max-width:768px){

  .btn-glow{

    width:100%;
    max-width:100%;

    height:55px;

    font-size:22px;

    letter-spacing:-1px;

    line-height:1;

    padding:0 15px;

    text-align:center;
  }

}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-8a9826d */.pulse-container {
  animation: pulseEffect 2s infinite;
  border-radius: 20px;
}

@keyframes pulseEffect {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
  }

  50% {
    transform: scale(1.01);
    box-shadow: 0 0 25px rgba(0,0,0,0.15);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}/* End custom CSS */