/** Shopify CDN: Minification failed

Line 107:0 Unexpected "}"

**/
/* -------------------------
   BLOQUE DE OFERTA
-------------------------- */
.offer-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  color: #FFFFFF !important;
  background: linear-gradient(45deg, #FF6B6B, #FFD93D) !important; /* degradado rojo-amarillo */
  padding: 8px 12px !important;
  border-radius: 6px !important;
  animation: glow-offer 1.2s infinite alternate !important; /* animación distinta */
  margin: 16px auto !important;
  max-width: fit-content;
}

.offer-badge .dot {
  width: 12px !important;
  height: 12px !important;
  background-color: #FFFFFF !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

/* Efecto de “iluminación” para Oferta */
@keyframes glow-offer {
  0% {
    box-shadow: 0 0 8px #FF6B6B;
    transform: scale(1);
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 18px #FFD93D;
    transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    box-shadow: 0 0 12px #FF6B6B;
    transform: scale(1);
    opacity: 1;
  }
}

/* -------------------------
   BLOQUE DE BAJO STOCK
-------------------------- */
.low-stock {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  font-weight: bold !important;
  font-size: 12px !important;
  color: #FFFFFF !important;
  background: linear-gradient(40deg, #6D388B,rgb(75, 87, 190)) !important; /* degradado morado-azul */
  padding: 12px 12px !important;
  border-radius: 6px !important;
  animation: glow-lowstock 1.4s infinite alternate !important; /* animación distinta */
  margin: 16px auto !important;
  max-width: 100%;                          /* ancho máximo de la línea */
  text-align: center !important;          /* asegura centrado del texto */
  box-sizing: border-box;
}

/* Efecto de “iluminación” para Bajo stock */
@keyframes glow-lowstock {
  10% {
    box-shadow: 0 0 6px #6D388B;
    transform: scale(1);
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 16px #8F4BBE;
    transform: scale(1.05);
    opacity: 0.87;
  }
  90% {
    box-shadow: 0 0 8px #6D388B;
    transform: scale(1);
    opacity: 1;
  }
}

/* Ajustes de margen extra para móviles */
@media screen and (max-width: 749px) {
  .low-stock {
    display: block !important;         /* ocupa todo el ancho */
    text-align: center !important;     /* centra el texto */
    margin-left: auto !important;      /* centra el bloque */
    margin-right: auto !important;     /* centra el bloque */
    width: 90% !important;             /* ancho ajustable al contenido */
    padding: 12px 10px !important;     /* ajusta el padding para móvil */
  }

  .low-stock span {
    display: inline-block !important;  /* mantener contenido centrado */
  }
}
}