/* Estado de carga exclusivo de la ficha Prestapp; no altera otras páginas. */
#variations-container .variation-option[hidden] { display: none !important; }
#variations-container .prestapp-variation-note {
  margin: 10px 0;
  padding: 12px 14px;
  border-radius: 8px;
  color: #544664;
  background: #f4f0fa;
  font-size: 14px;
}
#openPopupButton:disabled { opacity: .55; cursor: not-allowed; }
@keyframes prestapp-product-shimmer-v2710 {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}

#product-title:not(.prestapp-title-ready) {
  position: relative;
  min-height: 2.25em;
  color: transparent !important;
  overflow: hidden;
}

#product-title:not(.prestapp-title-ready)::before,
#product-title:not(.prestapp-title-ready)::after {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  height: .72em;
  border-radius: .32em;
  background: linear-gradient(100deg, #ede9f4 10%, #faf8ff 42%, #ede9f4 70%);
  background-size: 210% 100%;
  animation: prestapp-product-shimmer-v2710 1.5s ease-in-out infinite;
}
#product-title:not(.prestapp-title-ready)::before { top: .15em; width: 92%; }
#product-title:not(.prestapp-title-ready)::after { top: 1.16em; width: 60%; }

#product-images { position: relative; }
#product-images > .loading-spinner,
#product-images > .prestapp-image-skeleton { display: none !important; }
#product-images:not(.prestapp-image-ready) img { visibility: hidden; }
#product-images:not(.prestapp-image-ready)::before {
  content: '';
  position: absolute;
  z-index: 3;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(105deg, #f1edf8 12%, #faf9fd 42%, #f1edf8 70%);
  background-size: 210% 100%;
  animation: prestapp-product-shimmer-v2710 1.5s ease-in-out infinite;
}
#product-images.prestapp-image-failed img { display: none !important; }
#product-images.prestapp-image-failed::after {
  content: 'Imagen no disponible';
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #645b70;
  background: #f6f3fa;
  font-size: 14px;
}

#variations-container > .loading-spinner {
  width: min(210px, 70%);
  height: 32px;
  border: 0;
  border-radius: 7px;
  margin: 10px 0;
  animation: prestapp-product-shimmer-v2710 1.5s ease-in-out infinite;
  background: linear-gradient(100deg, #ede9f4 10%, #faf8ff 42%, #ede9f4 70%);
  background-size: 210% 100%;
}

@media (prefers-reduced-motion: reduce) {
  #product-title:not(.prestapp-title-ready)::before,
  #product-title:not(.prestapp-title-ready)::after,
  #product-images:not(.prestapp-image-ready)::before,
  #variations-container > .loading-spinner { animation: none; }
}