.elementor-444 .elementor-element.elementor-element-3da15cf6{--display:flex;--min-height:999px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-444 .elementor-element.elementor-element-3da15cf6::before, .elementor-444 .elementor-element.elementor-element-3da15cf6 > .elementor-background-video-container::before, .elementor-444 .elementor-element.elementor-element-3da15cf6 > .e-con-inner > .elementor-background-video-container::before, .elementor-444 .elementor-element.elementor-element-3da15cf6 > .elementor-background-slideshow::before, .elementor-444 .elementor-element.elementor-element-3da15cf6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-444 .elementor-element.elementor-element-3da15cf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-5fe603b );--background-overlay:'';}.elementor-444 .elementor-element.elementor-element-3da15cf6:not(.elementor-motion-effects-element-type-background), .elementor-444 .elementor-element.elementor-element-3da15cf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://joystickroom.com/wp-content/uploads/2025/06/10-scaled.jpg") 50% 50%;background-size:cover;}.elementor-444 .elementor-element.elementor-element-3da15cf6.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-444 .elementor-element.elementor-element-7b14450 img{width:12%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-444 .elementor-element.elementor-element-888d073{padding:0px 0px 0px 0px;text-align:center;}.elementor-444 .elementor-element.elementor-element-888d073 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:80px;font-weight:400;text-transform:none;font-style:normal;text-decoration:underline;line-height:105px;letter-spacing:0px;color:var( --e-global-color-ea2c034 );}@media(min-width:768px){.elementor-444 .elementor-element.elementor-element-3da15cf6{--content-width:850px;}}@media(max-width:1024px){.elementor-444 .elementor-element.elementor-element-3da15cf6{--min-height:100vh;}.elementor-444 .elementor-element.elementor-element-888d073 .elementor-heading-title{font-size:50px;line-height:60px;}}@media(max-width:767px){.elementor-444 .elementor-element.elementor-element-7b14450{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 17px 0px;}.elementor-444 .elementor-element.elementor-element-7b14450 img{width:20%;}.elementor-444 .elementor-element.elementor-element-888d073 .elementor-heading-title{font-size:40px;line-height:42px;}}/* Start custom CSS for image, class: .elementor-element-7b14450 */.elementor-444 .elementor-element.elementor-element-7b14450 {
  position: relative;
  color: #00ffea;
  animation: glitch-flicker 2s infinite;
  font-family: 'Press Start 2P', monospace; /* opcional para dar más estilo retro */
}

.elementor-444 .elementor-element.elementor-element-7b14450::before,
.elementor-444 .elementor-element.elementor-element-7b14450::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #ff005c;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: glitch-anim 2s infinite linear alternate-reverse;
  opacity: 0.8;
}

.elementor-444 .elementor-element.elementor-element-7b14450::after {
  color: #00ffea;
  animation: glitch-anim2 2s infinite linear alternate-reverse;
}

@keyframes glitch-flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 1;
  }
  20%, 22%, 24%, 55% {
    opacity: 0;
  }
}

@keyframes glitch-anim {
  0% {
    clip: rect(42px, 9999px, 44px, 0);
    transform: translate(-2px, -2px);
  }
  20% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(2px, 2px);
  }
  40% {
    clip: rect(5px, 9999px, 80px, 0);
    transform: translate(-2px, 0);
  }
  60% {
    clip: rect(20px, 9999px, 60px, 0);
    transform: translate(2px, -2px);
  }
  80% {
    clip: rect(0px, 9999px, 50px, 0);
    transform: translate(-1px, 1px);
  }
  100% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(0);
  }
}

@keyframes glitch-anim2 {
  0% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(2px, 2px);
  }
  20% {
    clip: rect(42px, 9999px, 44px, 0);
    transform: translate(-2px, -2px);
  }
  40% {
    clip: rect(5px, 9999px, 80px, 0);
    transform: translate(0, -2px);
  }
  60% {
    clip: rect(20px, 9999px, 60px, 0);
    transform: translate(-2px, 1px);
  }
  80% {
    clip: rect(0px, 9999px, 50px, 0);
    transform: translate(1px, -1px);
  }
  100% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(0);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-888d073 */.elementor-444 .elementor-element.elementor-element-888d073 {
  position: relative;
  color: #00ffea;
  animation: glitch-flicker 2s infinite;
  font-family: 'Press Start 2P', monospace; /* opcional para dar más estilo retro */
}

.elementor-444 .elementor-element.elementor-element-888d073::before,
.elementor-444 .elementor-element.elementor-element-888d073::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #ff005c;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: glitch-anim 2s infinite linear alternate-reverse;
  opacity: 0.8;
}

.elementor-444 .elementor-element.elementor-element-888d073::after {
  color: #00ffea;
  animation: glitch-anim2 2s infinite linear alternate-reverse;
}

@keyframes glitch-flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 1;
  }
  20%, 22%, 24%, 55% {
    opacity: 0;
  }
}

@keyframes glitch-anim {
  0% {
    clip: rect(42px, 9999px, 44px, 0);
    transform: translate(-2px, -2px);
  }
  20% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(2px, 2px);
  }
  40% {
    clip: rect(5px, 9999px, 80px, 0);
    transform: translate(-2px, 0);
  }
  60% {
    clip: rect(20px, 9999px, 60px, 0);
    transform: translate(2px, -2px);
  }
  80% {
    clip: rect(0px, 9999px, 50px, 0);
    transform: translate(-1px, 1px);
  }
  100% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(0);
  }
}

@keyframes glitch-anim2 {
  0% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(2px, 2px);
  }
  20% {
    clip: rect(42px, 9999px, 44px, 0);
    transform: translate(-2px, -2px);
  }
  40% {
    clip: rect(5px, 9999px, 80px, 0);
    transform: translate(0, -2px);
  }
  60% {
    clip: rect(20px, 9999px, 60px, 0);
    transform: translate(-2px, 1px);
  }
  80% {
    clip: rect(0px, 9999px, 50px, 0);
    transform: translate(1px, -1px);
  }
  100% {
    clip: rect(12px, 9999px, 60px, 0);
    transform: translate(0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3da15cf6 */.elementor-444 .elementor-element.elementor-element-3da15cf6 {
  position: relative;
  overflow: hidden;
}

.elementor-444 .elementor-element.elementor-element-3da15cf6::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(circle, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%);
  z-index: 2;
}/* End custom CSS */