{
  "version": 3,
  "sources": ["src/app/features/tienda/product-detail/components/frequently-bought-together/frequently-bought-together.component.css"],
  "sourcesContent": ["/* ==========================================================================\n   FrequentlyBoughtTogetherComponent — bundle Amazon-style en la PDP.\n   Reglas: border-radius:0 en todo lo que sea \"card\" (miniaturas), sin\n   urgencia artificial, tabular-nums en precios.\n   ========================================================================== */\n\n.fbt {\n  padding-block: var(--space-section-min);\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n}\n\n.fbt__title {\n  font-family: var(--font-family-heading);\n  font-weight: 700;\n  font-size: var(--text-size-2xl);\n  color: var(--color-text-primary);\n  margin: 0 0 var(--space-6);\n}\n\n/* ──────────────────────────────────────────────\n   Preview row: miniaturas con \"+\"\n   ────────────────────────────────────────────── */\n\n.fbt__preview {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  margin-bottom: var(--space-8);\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding-bottom: var(--space-1);\n}\n\n.fbt__preview::-webkit-scrollbar {\n  display: none;\n}\n\n.fbt__preview-thumb {\n  flex-shrink: 0;\n  width: 96px;\n  height: 96px;\n  background: var(--color-surface-secondary);\n  border-radius: 0;\n  overflow: hidden;\n}\n\n.fbt__preview-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.fbt__preview-plus {\n  flex-shrink: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xl);\n  font-weight: 500;\n  color: var(--color-text-secondary);\n  user-select: none;\n}\n\n/* ──────────────────────────────────────────────\n   Lista con checkboxes\n   ────────────────────────────────────────────── */\n\n.fbt__list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 var(--space-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.fbt__row {\n  display: grid;\n  grid-template-columns: auto 56px 1fr auto;\n  align-items: center;\n  gap: var(--space-3);\n  padding-block: var(--space-2);\n}\n\n.fbt__row-check {\n  display: flex;\n  align-items: center;\n}\n\n.fbt__row-thumb {\n  width: 56px;\n  height: 56px;\n  background: var(--color-surface-secondary);\n  border-radius: 0;\n  overflow: hidden;\n}\n\n.fbt__row-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.fbt__row-info {\n  min-width: 0;\n}\n\n.fbt__row-name {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.fbt__row-price {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: 500;\n  color: var(--color-text-primary);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n/* ──────────────────────────────────────────────\n   Footer: total + CTA\n   ────────────────────────────────────────────── */\n\n.fbt__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-6);\n  flex-wrap: wrap;\n  padding-top: var(--space-5);\n  border-top: 1px solid var(--color-border-primary);\n}\n\n.fbt__total {\n  display: flex;\n  align-items: baseline;\n  gap: var(--space-2);\n  flex-wrap: wrap;\n}\n\n.fbt__total-label {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n}\n\n.fbt__total-value {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xl);\n  font-weight: 700;\n  color: var(--color-text-primary);\n  font-variant-numeric: tabular-nums;\n}\n\n/* ──────────────────────────────────────────────\n   Responsive\n   ────────────────────────────────────────────── */\n\n@media (max-width: 640px) {\n  .fbt__title {\n    font-size: var(--text-size-xl);\n  }\n\n  .fbt__preview-thumb {\n    width: 72px;\n    height: 72px;\n  }\n\n  .fbt__row {\n    grid-template-columns: auto 48px 1fr;\n    grid-template-areas:\n      \"check thumb info\"\n      \".     .     price\";\n    row-gap: var(--space-1);\n  }\n\n  .fbt__row-check {\n    grid-area: check;\n  }\n\n  .fbt__row-thumb {\n    grid-area: thumb;\n    width: 48px;\n    height: 48px;\n  }\n\n  .fbt__row-info {\n    grid-area: info;\n  }\n\n  .fbt__row-price {\n    grid-area: price;\n    justify-self: start;\n    font-weight: 600;\n  }\n\n  .fbt__footer {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .fbt__total {\n    justify-content: space-between;\n  }\n}\n"],
  "mappings": ";AAMA,CAAA;AACE,iBAAA,IAAA;AACA,aAAA,IAAA;AACA,iBAAA;AACA,kBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,eAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,UAAA,EAAA,EAAA,IAAA;AACF;AAMA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,iBAAA,IAAA;AACA,cAAA;AACA,mBAAA;AACA,kBAAA,IAAA;AACF;AAEA,CAVA,YAUA;AACE,WAAA;AACF;AAEA,CAAA;AACE,eAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA,IAAA;AACA,iBAAA;AACA,YAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA;AACF;AAEA,CAAA;AACE,eAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,uBAAA;AAAA,eAAA;AACF;AAMA,CAAA;AACE,cAAA;AACA,WAAA;AACA,UAAA,EAAA,EAAA,IAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,yBAAA,KAAA,KAAA,IAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,cAAA,IAAA;AACA,iBAAA;AACA,YAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA;AACF;AAEA,CAAA;AACE,aAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,WAAA;AACA,YAAA;AACA,iBAAA;AACA,WAAA;AACA,sBAAA;AACA,cAAA;AACA,sBAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,wBAAA;AACA,eAAA;AACF;AAMA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,aAAA;AACA,eAAA,IAAA;AACA,cAAA,IAAA,MAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,aAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,wBAAA;AACF;AAMA,QAAA,WAAA;AACE,GA9JF;AA+JI,eAAA,IAAA;AACF;AAEA,GAxIF;AAyII,WAAA;AACA,YAAA;AACF;AAEA,GAvGF;AAwGI,2BAAA,KAAA,KAAA;AACA;AAGA,aAAA,IAAA;AACF;AAEA,GAvGF;AAwGI,eAAA;AACF;AAEA,GAtGF;AAuGI,eAAA;AACA,WAAA;AACA,YAAA;AACF;AAEA,GA7FF;AA8FI,eAAA;AACF;AAEA,GAhFF;AAiFI,eAAA;AACA,kBAAA;AACA,iBAAA;AACF;AAEA,GAzEF;AA0EI,oBAAA;AACA,iBAAA;AACF;AAEA,GApEF;AAqEI,qBAAA;AACF;AACF;",
  "names": []
}