{
  "version": 3,
  "sources": ["src/app/features/tienda/product-detail/components/product-detail-skeleton/product-detail-skeleton.component.css"],
  "sourcesContent": ["/* ==========================================================================\n   ProductDetailSkeletonComponent — Shimmer loading state\n   ========================================================================== */\n\n@keyframes shimmer {\n  0% { background-position: -200% 0; }\n  100% { background-position: 200% 0; }\n}\n\n.skeleton {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n  padding-top: var(--space-6);\n}\n\n/* ── Shimmer base ────────────────────────────────────────────── */\n.shimmer {\n  background: linear-gradient(\n    90deg,\n    var(--color-skeleton-base) 25%,\n    var(--color-skeleton-shine) 50%,\n    var(--color-skeleton-base) 75%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.5s ease-in-out infinite;\n  border-radius: var(--radius-badge);\n}\n\n.shimmer--text {\n  height: 0.875rem;\n  margin-bottom: var(--space-2);\n}\n\n.shimmer--heading {\n  height: 1.75rem;\n  margin-bottom: var(--space-3);\n}\n\n.shimmer--badge {\n  height: 1.375rem;\n  margin-bottom: var(--space-2);\n}\n\n.shimmer--price {\n  height: 2rem;\n  margin-bottom: var(--space-2);\n}\n\n.shimmer--tab {\n  width: 100px;\n  height: 1rem;\n}\n\n.shimmer--section-title {\n  height: 1.5rem;\n  margin-bottom: var(--space-6);\n}\n\n/* ── Breadcrumb ──────────────────────────────────────────────── */\n.skeleton__breadcrumb {\n  display: flex;\n  gap: var(--space-2);\n  margin-bottom: var(--space-6);\n}\n\n.skeleton__breadcrumb .shimmer {\n  height: 0.75rem;\n}\n\n/* ── Two-column layout ───────────────────────────────────────── */\n.skeleton__columns {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--space-8);\n}\n\n@media (min-width: 64rem) {\n  .skeleton__columns {\n    grid-template-columns: 57fr 43fr;\n    gap: var(--space-12);\n  }\n}\n\n/* ── Gallery skeleton ────────────────────────────────────────── */\n.skeleton__main-image {\n  aspect-ratio: 63 / 88;\n  border-radius: var(--radius-product-card);\n}\n\n.skeleton__thumbs {\n  display: flex;\n  gap: var(--space-2);\n  margin-top: var(--space-3);\n}\n\n.skeleton__thumb {\n  width: 64px;\n  height: 64px;\n  border-radius: var(--radius-badge);\n}\n\n/* ── Info skeleton ───────────────────────────────────────────── */\n.skeleton__info {\n  display: flex;\n  flex-direction: column;\n}\n\n.skeleton__info-spacer {\n  height: var(--space-4);\n}\n\n.skeleton__qty-row {\n  display: flex;\n  gap: var(--space-3);\n}\n\n.skeleton__qty-box {\n  width: 120px;\n  height: 44px;\n  border-radius: var(--radius-button);\n}\n\n.skeleton__cta-box {\n  flex: 1;\n  height: 44px;\n  border-radius: var(--radius-button);\n}\n\n/* ── Tabs skeleton ───────────────────────────────────────────── */\n.skeleton__tabs {\n  margin-top: var(--space-12);\n}\n\n.skeleton__tab-bar {\n  display: flex;\n  gap: var(--space-5);\n  padding-bottom: var(--space-3);\n  border-bottom: 1px solid var(--color-border-primary);\n  margin-bottom: var(--space-6);\n}\n\n.skeleton__tab-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n/* ── Related products skeleton ───────────────────────────────── */\n.skeleton__related {\n  margin-top: var(--space-16);\n}\n\n.skeleton__carousel {\n  display: flex;\n  gap: var(--space-6);\n  overflow: hidden;\n}\n\n.skeleton__carousel app-product-card-skeleton {\n  flex-shrink: 0;\n  width: 200px;\n}\n\n/* ── Reduced motion ──────────────────────────────────────────── */\n@media (prefers-reduced-motion: reduce) {\n  .shimmer {\n    animation: none;\n  }\n}\n"],
  "mappings": ";AAIA,WAAA;AACE;AAAK,yBAAA,MAAA;AAA8B;AACnC;AAAO,yBAAA,KAAA;AAA6B;AACtC;AAEA,CAAA;AACE,aAAA,IAAA;AACA,iBAAA;AACA,kBAAA,IAAA;AACA,eAAA,IAAA;AACF;AAGA,CAbA;AAcE;IAAA;;;;;AAMA,mBAAA,KAAA;AACA,aAAA,QAAA,KAAA,YAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,iBAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CANA,qBAMA,CA9DA;AA+DE,UAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,yBAAA;AACA,OAAA,IAAA;AACF;AAEA,QAAA,WAAA;AACE,GAPF;AAQI,2BAAA,KAAA;AACA,SAAA,IAAA;AACF;AACF;AAGA,CAAA;AACE,gBAAA,GAAA,EAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACA,cAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,kBAAA;AACF;AAEA,CAAA;AACE,UAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,QAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACF;AAGA,CAAA;AACE,cAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACA,kBAAA,IAAA;AACA,iBAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAGA,CAAA;AACE,cAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACA,YAAA;AACF;AAEA,CANA,mBAMA;AACE,eAAA;AACA,SAAA;AACF;AAGA,QAAA,wBAAA;AACE,GAlKF;AAmKI,eAAA;AACF;AACF;",
  "names": []
}
