{
  "version": 3,
  "sources": ["src/app/features/home/blocks/categories-carousel-block/categories-carousel-block.component.css"],
  "sourcesContent": [".block-categories {\n  position: relative;\n  overflow: hidden;\n}\n\n/* ── Track ── */\n\n.block-categories__track {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.block-categories__track::-webkit-scrollbar {\n  display: none;\n}\n\n/* ── Arrow buttons (overlay on hover) ── */\n\n.block-categories__arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: var(--radius-button);\n  border: none;\n  background: rgba(255, 255, 255, 0.92);\n  color: var(--color-text-primary);\n  cursor: pointer;\n  z-index: 3;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--transition-fast), background var(--transition-fast);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.block-categories:hover .block-categories__arrow {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.block-categories__arrow:focus-visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.block-categories__arrow:hover {\n  background: rgba(255, 255, 255, 1);\n}\n\n.block-categories__arrow--prev {\n  left: var(--space-4);\n}\n\n.block-categories__arrow--next {\n  right: var(--space-4);\n}\n\n/* ── Category card ── */\n\n.block-categories__card {\n  flex: 0 0 calc(100% / 5);\n  aspect-ratio: 16 / 9;\n  scroll-snap-align: start;\n  position: relative;\n  overflow: hidden;\n  border-radius: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  text-decoration: none;\n  color: var(--color-text-inverse);\n}\n\n.block-categories__card--skeleton {\n  background: var(--color-skeleton-base);\n  pointer-events: none;\n}\n\n.block-categories__card--skeleton::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--color-skeleton-shine) 50%,\n    transparent 100%\n  );\n  opacity: 0.65;\n  transform: translateX(-100%);\n  animation: block-categories-skeleton 1400ms ease-in-out infinite;\n}\n\n.block-categories__skeleton-content {\n  display: grid;\n  gap: var(--space-2);\n}\n\n.block-categories__skeleton-line {\n  display: block;\n  height: 0.75rem;\n  background: var(--color-surface-primary);\n}\n\n.block-categories__skeleton-line--title {\n  width: 72%;\n  height: 1rem;\n}\n\n.block-categories__skeleton-line--cta {\n  width: 46%;\n}\n\n.block-categories__card-image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transition: transform var(--transition-slow);\n}\n\n.block-categories__card:hover .block-categories__card-image,\n.block-categories__card:focus-visible .block-categories__card-image {\n  transform: scale(1.05);\n}\n\n.block-categories__card-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to top,\n    rgba(0, 0, 0, 0.72) 0%,\n    rgba(0, 0, 0, 0.18) 50%,\n    transparent 100%\n  );\n  z-index: 1;\n}\n\n.block-categories__card-content {\n  position: relative;\n  z-index: 2;\n  padding: var(--space-4);\n}\n\n.block-categories__card-name {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-base);\n  line-height: var(--leading-tight);\n  margin: 0 0 var(--space-1);\n}\n\n.block-categories__card-cta {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  opacity: 0.85;\n}\n\n/* ── Focus visible ── */\n\n.block-categories__card:focus-visible {\n  outline: 2px solid var(--color-action-primary);\n  outline-offset: -2px;\n}\n\n@keyframes block-categories-skeleton {\n  to {\n    transform: translateX(100%);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .block-categories__card--skeleton::before {\n    animation: none;\n    display: none;\n  }\n}\n\n/* ── Responsive ── */\n\n@media (max-width: 1024px) {\n  .block-categories__card {\n    flex: 0 0 calc(100% / 4);\n  }\n}\n\n@media (max-width: 640px) {\n  .block-categories__arrow {\n    display: none;\n  }\n\n  /* 3-in-a-row → narrower, wider aspect → shorter strip so the hero stands out */\n  .block-categories__card {\n    flex: 0 0 calc(100% / 3);\n    aspect-ratio: 16 / 9;\n  }\n\n  .block-categories__card-content {\n    padding: var(--space-2);\n  }\n\n  .block-categories__card-name {\n    font-size: var(--text-size-xs);\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n\n  /* Declutter: hide the \"Explorar ahora\" CTA when 3 cards share the row */\n  .block-categories__card-cta {\n    display: none;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}