/* Restored motion is limited to Comunidad and the landing sections below it. */
.lower-motion-section {
  overflow-x: clip;
}

[data-lower-motion].lower-motion-pending {
  opacity: 0;
  translate: var(--lower-motion-x, 0px) var(--lower-motion-y, 76px);
}

[data-lower-motion="fade"].lower-motion-pending {
  translate: none;
}

#tienda .lower-motion-store {
  transform: translate3d(0, var(--lower-store-y, 0px), 0)
    scale(var(--lower-store-scale, 1));
  transform-origin: center top;
  isolation: isolate;
}

#tienda .lower-motion-store::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background:
    radial-gradient(300px circle at var(--lower-pointer-x, 50%) var(--lower-pointer-y, 50%),
      #e9bc621b, #e9bc6208 46%, transparent 72%),
    radial-gradient(200px circle at var(--lower-pointer-x, 50%) var(--lower-pointer-y, 50%),
      #53c8ed12, transparent 76%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
}

#tienda .lower-motion-store[data-lower-hover="true"]::before {
  opacity: 1;
}

@media (hover: none), (pointer: coarse) {
  #tienda .lower-motion-store::before {
    opacity: 0 !important;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-lower-motion].lower-motion-pending {
    opacity: 1 !important;
    translate: none !important;
  }

  #tienda .lower-motion-store {
    transform: none !important;
  }

  #tienda .lower-motion-store::before {
    opacity: 0 !important;
    transition: none;
  }
}