/* Mucha & Kalma · Kalma animada fija a la izquierda · v1.0.114 */

html body .mk-match-kalma{
  --mk-kalma-x:0px;
  --mk-kalma-y:0px;
  --mk-kalma-scale:1;
  display:block !important;
  position:fixed !important;
  left:clamp(10px,1.5vw,24px) !important;
  right:auto !important;
  bottom:clamp(18px,2vw,28px) !important;
  width:clamp(142px,11vw,188px) !important;
  height:clamp(142px,11vw,188px) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  z-index:2147482000 !important;
  pointer-events:none !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  transform:translate3d(var(--mk-kalma-x),var(--mk-kalma-y),0) scale(var(--mk-kalma-scale)) !important;
  transform-origin:50% 92% !important;
  transition:transform 250ms cubic-bezier(.2,.75,.25,1),opacity 180ms ease !important;
  will-change:transform,opacity;
  contain:layout paint;
}

/* La barra de WPVibe ocupa la parte inferior de la vista previa. */
html body:has(#wpvibe-preview-banner) .mk-match-kalma{
  bottom:76px !important;
}

html body .mk-match-kalma.is-preparing{
  opacity:0 !important;
  transition:none !important;
}

html body .mk-match-kalma:not(.is-running):not(.is-preparing){
  animation:mkKalmaCssArrive .9s cubic-bezier(.2,.8,.2,1) .2s both;
}

html body .mk-match-kalma__shadow{
  position:absolute !important;
  left:20% !important;
  right:17% !important;
  bottom:7% !important;
  display:block !important;
  height:9% !important;
  border-radius:50% !important;
  background:rgba(5,5,5,.13) !important;
  filter:blur(7px) !important;
  transform:scaleX(.92) !important;
  transform-origin:center !important;
}

html body .mk-match-kalma__image{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:drop-shadow(0 10px 16px rgba(5,5,5,.09)) !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
  animation:mkKalmaFallbackIdle 4.6s ease-in-out 1.2s infinite;
}

html body .mk-match-kalma.is-running .mk-match-kalma__image{
  animation:none !important;
}

@keyframes mkKalmaCssArrive{
  0%{opacity:0;transform:translate3d(72px,5px,0) scale(.98)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@keyframes mkKalmaFallbackIdle{
  0%,100%{transform:translateY(0) rotate(0deg)}
  36%{transform:translateY(-2px) rotate(.14deg)}
  68%{transform:translateY(0) rotate(-.10deg)}
}

@media (max-width:760px){
  html body .mk-match-kalma{
    left:5px !important;
    bottom:18px !important;
    width:112px !important;
    height:112px !important;
  }

  html body:has(#wpvibe-preview-banner) .mk-match-kalma{
    bottom:72px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .mk-match-kalma,
  html body .mk-match-kalma__image{
    animation:none !important;
    transition:none !important;
  }
}