{
  "version": 3,
  "sources": ["src/app/shared/ui/compare-bar/compare-bar.component.css"],
  "sourcesContent": ["/* ==========================================================================\n   CompareBar — Barra flotante global (visible cuando count > 0 y no estamos\n   en /comparar). Tokens exclusivamente; sin hex hardcoded.\n   ========================================================================== */\n\n.compare-bar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 55;\n  background-color: var(--color-surface-primary);\n  border-top: 1px solid var(--color-border-primary);\n  box-shadow: var(--shadow-dropdown);\n  animation: compare-bar-enter var(--transition-normal) both;\n}\n\n.compare-bar__inner {\n  max-width: var(--grid-max-width);\n  margin: 0 auto;\n  padding: var(--space-3) var(--grid-margin);\n  display: flex;\n  align-items: center;\n  gap: var(--space-5);\n}\n\n/* ── Slots (thumbnails) ───────────────────────────────────── */\n.compare-bar__slots {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  gap: var(--space-2);\n  flex-shrink: 0;\n}\n\n.compare-bar__slot {\n  position: relative;\n  width: 48px;\n  height: 64px;\n  border: 1px solid var(--color-border-primary);\n  background-color: var(--color-surface-secondary);\n  overflow: hidden;\n}\n\n.compare-bar__slot--empty {\n  border-style: dashed;\n  background-color: transparent;\n}\n\n.compare-bar__thumb {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  padding: var(--space-1);\n}\n\n.compare-bar__slot-placeholder {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.compare-bar__slot-remove {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 18px;\n  height: 18px;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background-color: var(--color-surface-primary);\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  border-radius: var(--radius-full);\n  box-shadow: var(--shadow-button);\n  transition: color var(--transition-fast), background-color var(--transition-fast);\n}\n\n.compare-bar__slot-remove:hover {\n  color: var(--color-action-danger);\n  background-color: var(--color-surface-primary);\n}\n\n/* ── Meta (contador) ──────────────────────────────────────── */\n.compare-bar__meta {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.compare-bar__count {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-xl);\n  font-weight: var(--font-weight-heading);\n  font-variant-numeric: var(--font-variant-numeric);\n  color: var(--color-text-primary);\n  line-height: 1;\n}\n\n.compare-bar__count strong {\n  color: var(--color-action-primary);\n  font-weight: var(--font-weight-heading-bold);\n}\n\n.compare-bar__count-sep {\n  margin: 0 2px;\n  color: var(--color-text-secondary);\n}\n\n.compare-bar__label {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n  margin-top: var(--space-1);\n}\n\n/* ── Acciones ─────────────────────────────────────────────── */\n.compare-bar__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  flex-shrink: 0;\n}\n\n.compare-bar__clear {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-2) var(--space-3);\n  border: 1px solid var(--color-border-primary);\n  background-color: transparent;\n  color: var(--color-text-secondary);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  cursor: pointer;\n  border-radius: var(--radius-button);\n  transition:\n    color var(--transition-fast),\n    border-color var(--transition-fast),\n    background-color var(--transition-fast);\n}\n\n.compare-bar__clear:hover {\n  color: var(--color-action-danger);\n  border-color: var(--color-action-danger);\n  background-color: var(--color-surface-secondary);\n}\n\n.compare-bar__cta-content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  padding: var(--space-1) 0;\n}\n\n/* ── Animación de entrada ─────────────────────────────────── */\n@keyframes compare-bar-enter {\n  from {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .compare-bar {\n    animation: none;\n  }\n  .compare-bar__slot-remove,\n  .compare-bar__clear {\n    transition: none;\n  }\n}\n\n/* ── Responsive ───────────────────────────────────────────── */\n@media (max-width: 767px) {\n  .compare-bar__inner {\n    gap: var(--space-3);\n    padding: var(--space-2) var(--space-3);\n  }\n\n  .compare-bar__slots {\n    display: none;\n  }\n\n  .compare-bar__clear-label {\n    display: none;\n  }\n\n  .compare-bar__clear {\n    padding: var(--space-2);\n  }\n\n  .compare-bar__label {\n    display: none;\n  }\n}\n"],
  "mappings": ";AAKA,CAAA;AACE,YAAA;AACA,QAAA;AACA,SAAA;AACA,UAAA;AACA,WAAA;AACA,oBAAA,IAAA;AACA,cAAA,IAAA,MAAA,IAAA;AACA,cAAA,IAAA;AACA,aAAA,kBAAA,IAAA,qBAAA;AACF;AAEA,CAAA;AACE,aAAA,IAAA;AACA,UAAA,EAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACF;AAGA,CAAA;AACE,cAAA;AACA,WAAA;AACA,UAAA;AACA,WAAA;AACA,OAAA,IAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,YAAA;AACA,SAAA;AACA,UAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,oBAAA,IAAA;AACA,YAAA;AACF;AAEA,CAAA;AACE,gBAAA;AACA,oBAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,SAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,YAAA;AACA,OAAA;AACA,SAAA;AACA,SAAA;AACA,UAAA;AACA,WAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,UAAA;AACA,oBAAA,IAAA;AACA,SAAA,IAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA,cAAA,IAAA;AACA,cAAA,MAAA,IAAA,kBAAA,EAAA,iBAAA,IAAA;AACF;AAEA,CAnBA,wBAmBA;AACE,SAAA,IAAA;AACA,oBAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,aAAA;AACA,QAAA,EAAA,EAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,wBAAA,IAAA;AACA,SAAA,IAAA;AACA,eAAA;AACF;AAEA,CATA,mBASA;AACE,SAAA,IAAA;AACA,eAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA,EAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA,IAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,oBAAA;AACA,SAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA;;;;AAIF;AAEA,CAlBA,kBAkBA;AACE,SAAA,IAAA;AACA,gBAAA,IAAA;AACA,oBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,WAAA;AACF;AAGA,WAnJE;AAoJA;AACE,eAAA,WAAA;AACA,aAAA;AACF;AACA;AACE,eAAA,WAAA;AACA,aAAA;AACF;AACF;AAEA,QAAA,wBAAA;AACE,GAxKF;AAyKI,eAAA;AACF;AACA,GAjHF;GAkEA;AAiDI,gBAAA;AACF;AACF;AAGA,QAAA,WAAA;AACE,GAvKF;AAwKI,SAAA,IAAA;AACA,aAAA,IAAA,WAAA,IAAA;AACF;AAEA,GAlKF;AAmKI,aAAA;AACF;AAEA,GAAA;AACE,aAAA;AACF;AAEA,GApEF;AAqEI,aAAA,IAAA;AACF;AAEA,GAvFF;AAwFI,aAAA;AACF;AACF;",
  "names": []
}