/** Shopify CDN: Minification failed

Line 94:1 Expected "}" to go with "{"

**/
@keyframes ec-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.6);
  }
  70% {
    transform: scale(1.03);
    box-shadow: 0 0 0 12px rgba(37, 99, 235, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
  }
}

button[name="checkout"],
.shopify-payment-button__button {
  animation: ec-pulse 1.8s infinite;
  background-color: #2563eb !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

button[name="checkout"]:hover,
.shopify-payment-button__button:hover {
  animation-play-state: paused;
  transform: scale(1.05);
}

button[name="checkout"] span,
.shopify-payment-button__button span {
  visibility: hidden;
  position: relative;
}
button[name="checkout"] span::after,
.shopify-payment-button__button span::after {
  content: "COMPRA YA";
  visibility: visible;
  position: absolute;
  left: 0;
  right: 0;

  
button[name="add"] {
  position: relative;
  overflow: hidden;
  border-radius: 999px !important;
  font-weight: 700 !important;
  animation: none;
}

button[name="add"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
  animation: ec-shimmer 3.5s ease-in-out infinite;
}

@keyframes ec-shimmer {
  0% { left: -150%; }
  40% { left: 150%; }
  100% { left: 150%; }
}

button[name="add"]:hover {
  transform: scale(1.03);
}

button[name="add"] svg,
button[name="add"] .icon,
button[name="add"] .cart-icon {
  display: inline-block;
  animation: ec-icon-bounce 1.6s ease-in-out infinite;
}

@keyframes ec-icon-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}