.elementor-68 .elementor-element.elementor-element-ecad1e1{--display:flex;--min-height:100vh;--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:center;--align-items:center;--background-transition:0.3s;}.elementor-68 .elementor-element.elementor-element-ecad1e1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-68 .elementor-element.elementor-element-96e9ae2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-68 .elementor-element.elementor-element-e9a3645{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-68 .elementor-element.elementor-element-68c03eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}body.elementor-page-68:not(.elementor-motion-effects-element-type-background), body.elementor-page-68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-68 .elementor-element.elementor-element-ecad1e1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-68 .elementor-element.elementor-element-ecad1e1{--width:40.942%;}}/* Start custom CSS for html, class: .elementor-element-96e9ae2 *//* tamanho e transições */
#insta-icon img{
  width: clamp(96px, 22vw, 125px);
  height: auto;
  display: block;
  /* imagem "apagada" por padrão: escura + levemente borrada */
  filter: brightness(0.3) blur(2px);
  will-change: transform, filter;
  transition: transform 0.15s ease-out, filter .4s ease;
}

/* animação glow com turbulence */
@keyframes glow {
  0%,100% { 
    filter: brightness(1)
            drop-shadow(0 0 8px #39ff14) drop-shadow(0 0 6px #39ff14)
            url(#igTurb);
  }
  50% { 
    filter: brightness(1)
            drop-shadow(0 0 5px #39ff14) drop-shadow(0 0 555px #39ff14)
            url(#igTurb);
  }
}

/* 🔹 extra: forçar repaint em steps para simular fps travado */
@keyframes posterizeFrames {
  from { transform: scale(0.90); }
  to   { transform: scale(0.90); } /* não muda nada, só força steps() */
}

/* hover ACESO: imagem nítida, glow + turbulence + posterize 7fps */
#insta-icon:hover img{
  transform: scale(0.90);
  filter: brightness(1) blur(0px)
          drop-shadow(0 0 5px #39ff14) drop-shadow(0 0 555px #39ff14)
          url(#igTurb);
  animation: 
    glow 1.1s steps(7, end) infinite,      /* glow já posterizado */
    posterizeFrames 1s steps(7, end) infinite; /* trava o gif em 7fps */
}

/* ao sair do hover: volta escura + borrada */
#insta-icon img:not(:hover){
  filter: brightness(0.3) blur(2px);
}

/* garante que o widget não corte o glow */
#insta-icon { 
  overflow: visible;
}
#insta-icon img {
  content: url("https://emanoellacerda.com/wp-content/uploads/2025/08/icon_1.webp");  /* suave por padrão */
  transition: filter .4s ease;
  filter: brightness(0.3) blur(2px);
}

#insta-icon:hover img {
  content: url("https://emanoellacerda.com/wp-content/uploads/2025/08/icon_2.webp"); /* travado em 4fps */
  filter: brightness(1) blur(0px)
          drop-shadow(0 0 5px #39ff14)
          drop-shadow(0 0 555px #39ff14)
          url(#igTurb);
}
#insta-icon {
  position: relative;
  z-index: 10000;   /* força ficar acima */
  cursor: pointer;  /* mostra a mãozinha no hover */
}

#insta-icon img {
  pointer-events: auto; /* garante que a imagem responde ao clique */
}

#explosion {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none; /* NÃO bloqueia clique no gato */
  z-index: 9999;        /* fica atrás do gato */
}
/* animação bounce no clique */
@keyframes bounce {
  0%   { transform: scale(1); }
  20%  { transform: scale(1.2); }
  40%  { transform: scale(0.9); }
  60%  { transform: scale(1.05); }
  80%  { transform: scale(0.98); }
  100% { transform: scale(1); }
}

#insta-icon img.bounce {
  animation: bounce 0.6s cubic-bezier(.28,.84,.42,1) forwards;
}
/* Animação leve de bounce */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  30%      { transform: translateY(-12px); }
  60%      { transform: translateY(6px); }
}

#insta-icon.bounce img {
  animation: bounce 0.45s ease;
}/* End custom CSS */