.elementor-9 .elementor-element.elementor-element-660f9f1{--display:flex;}.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-9 .elementor-element.elementor-element-91b125e{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;}.elementor-9 .elementor-element.elementor-element-cbef1ed{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-5505364{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-5c4cdb4 img{width:40%;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E79E16;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-91b125e{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-5c4cdb4 img{width:55%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-91b125e{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-cbef1ed{--margin-top:10px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-5505364{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-5c4cdb4 img{width:80%;}}/* Start custom CSS *//* CONTENEDOR */
.kalea-unlock {
  position: relative !important;
  display: table !important;
  width: 40% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;

  /* Ajuste del relleno interno de la imagen */
  --kalea-padding: 15px;
}

/* IMAGEN */
.kalea-unlock img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transform-origin: 22% 45%;
  will-change: transform, filter;
  animation: kalea-unlock-action 3.5s ease-in-out infinite;
}

/* BRILLO */
.kalea-unlock::after {
  content: "";
  position: absolute;
  inset: var(--kalea-padding);
  z-index: 5;
  pointer-events: none;

  background: linear-gradient(
    110deg,
    transparent 25%,
    rgba(255,255,255,.20) 38%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.20) 62%,
    transparent 75%
  );

  background-size: 240% 100%;
  filter: blur(1px);
  mix-blend-mode: screen;
  animation: kalea-unlock-shine 3.5s ease-in-out infinite;

  -webkit-mask-image: url("https://kaleadictos.com/wp-content/uploads/2026/06/desbloqueado-1-kalea.png");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: url("https://kaleadictos.com/wp-content/uploads/2026/06/desbloqueado-1-kalea.png");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

/* 1) DESBLOQUEO PRIMERO */
@keyframes kalea-unlock-action {
  0%, 12%, 100% {
    transform: rotate(0deg) scale(1);
  }

  18% {
    transform: rotate(-5deg) scale(1.01);
  }

  24% {
    transform: rotate(4deg) scale(1.035);
  }

  30% {
    transform: rotate(-2deg) scale(1.015);
  }

  36%, 58%, 100% {
    transform: rotate(0deg) scale(1);
  }
}

/* 2) BRILLO DESPUÉS */
@keyframes kalea-unlock-shine {
  0%, 52% {
    background-position: 190% 0;
    opacity: 0;
  }

  62% {
    opacity: 1;
  }

  80% {
    background-position: -90% 0;
    opacity: 1;
  }

  90%, 100% {
    opacity: 0;
  }
}

/* MÓVIL */
@media(max-width:767px){
  .kalea-unlock {
    width: 70% !important;
    --kalea-padding: 12px;
  }
}/* End custom CSS */