{
  "version": 3,
  "sources": ["src/app/features/game-section/game-section-page.component.css"],
  "sourcesContent": [":host {\n  display: block;\n}\n\n/* ── Body: sidebar + content ── */\n\n.game-page__body {\n  display: grid;\n  grid-template-columns: 220px 1fr;\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n  gap: var(--space-8);\n}\n\n.game-page__content {\n  min-width: 0;\n}\n\n/* ── Sections ── */\n\n.game-page__section {\n  padding-block: var(--space-section);\n}\n\n.game-page__section--white {\n  background-color: var(--color-surface-primary);\n}\n\n.game-page__section--alt {\n  background-color: var(--color-surface-secondary);\n  margin-inline: calc(-1 * var(--grid-gutter));\n  padding-inline: var(--grid-gutter);\n}\n\n.game-page__section-inner {\n  max-width: 100%;\n}\n\n/* ── Scroll margin for sticky nav offset ── */\n\n[id=\"que-es\"],\n[id=\"como-jugar\"],\n[id=\"por-donde-empezar\"],\n[id=\"comunidad\"],\n[id=\"blog\"] {\n  scroll-margin-top: calc(var(--header-height) + var(--space-4));\n}\n\n/* ── Skeleton de carga ── */\n/* Reproduce el esqueleto de la landing (hero + índice + intro + carrusel) para\n   que el salto skeleton → contenido no mueva el layout. Mismo lenguaje visual\n   que los skeletons del home. */\n\n.game-skeleton__hero {\n  height: clamp(16rem, 32vw, 26rem);\n  margin-block-end: var(--space-8);\n}\n\n.game-skeleton__nav {\n  display: grid;\n  gap: var(--space-4);\n  align-content: start;\n  padding-block-start: var(--space-6);\n}\n\n.game-skeleton__intro {\n  display: grid;\n  grid-template-columns: 1fr minmax(0, 24rem);\n  gap: var(--space-8);\n  align-items: start;\n}\n\n.game-skeleton__intro-copy {\n  display: grid;\n  gap: var(--space-3);\n}\n\n.game-skeleton__product-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: var(--space-4);\n  margin-block-start: var(--space-6);\n}\n\n.game-skeleton__product {\n  display: grid;\n  gap: var(--space-3);\n  min-width: 0;\n  border: 1px solid var(--color-border-primary);\n  background: var(--color-surface-primary);\n  padding: var(--space-3);\n}\n\n.game-skeleton__product-media {\n  display: block;\n  aspect-ratio: 5 / 7;\n}\n\n.game-skeleton__hero,\n.game-skeleton__line,\n.game-skeleton__media,\n.game-skeleton__product-media {\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: game-skeleton-shimmer 1400ms ease-in-out infinite;\n}\n\n.game-skeleton__line {\n  display: block;\n  height: 0.75rem;\n}\n\n.game-skeleton__line--logo {\n  width: 60%;\n  height: 3rem;\n}\n\n.game-skeleton__line--nav {\n  width: 80%;\n  height: 1rem;\n}\n\n.game-skeleton__line--heading {\n  width: min(22rem, 60%);\n  height: 2rem;\n  margin-block-end: var(--space-3);\n}\n\n.game-skeleton__line--body {\n  width: 100%;\n}\n\n.game-skeleton__line--body:last-child {\n  width: 70%;\n}\n\n.game-skeleton__line--name {\n  width: 85%;\n}\n\n.game-skeleton__line--price {\n  width: 45%;\n}\n\n.game-skeleton__media {\n  display: block;\n  aspect-ratio: 4 / 3;\n}\n\n@keyframes game-skeleton-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .game-skeleton__hero,\n  .game-skeleton__line,\n  .game-skeleton__media,\n  .game-skeleton__product-media {\n    animation: none;\n  }\n}\n\n/* ── Not Found ── */\n\n.game-page__not-found {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 50vh;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xl);\n  color: var(--color-text-secondary);\n}\n\n/* ── Responsive ── */\n\n@media (max-width: 1024px) {\n  .game-skeleton__product-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 768px) {\n  .game-page__body {\n    display: block;\n    padding-inline: 0;\n  }\n\n  .game-skeleton__nav {\n    display: none;\n  }\n\n  .game-skeleton__intro {\n    grid-template-columns: 1fr;\n  }\n\n  .game-skeleton__product-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .game-page__section {\n    padding-inline: var(--grid-margin);\n  }\n\n  .game-page__section--alt {\n    margin-inline: 0;\n    padding-inline: var(--grid-margin);\n  }\n\n  [id=\"que-es\"],\n  [id=\"como-jugar\"],\n  [id=\"por-donde-empezar\"],\n  [id=\"comunidad\"],\n  [id=\"blog\"] {\n    scroll-margin-top: calc(var(--header-height-mobile) + var(--game-nav-height, 3rem) + var(--space-4));\n  }\n}\n"],
  "mappings": ";AAAA;AACE,WAAA;AACF;AAIA,CAAA;AACE,WAAA;AACA,yBAAA,MAAA;AACA,aAAA,IAAA;AACA,iBAAA;AACA,kBAAA,IAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,aAAA;AACF;AAIA,CAAA;AACE,iBAAA,IAAA;AACF;AAEA,CAAA;AACE,oBAAA,IAAA;AACF;AAEA,CAAA;AACE,oBAAA,IAAA;AACA,iBAAA,KAAA,GAAA,EAAA,IAAA;AACA,kBAAA,IAAA;AACF;AAEA,CAAA;AACE,aAAA;AACF;AAIA,CAAA;;;;;AAKE,qBAAA,KAAA,IAAA,iBAAA,EAAA,IAAA;AACF;AAOA,CAAA;AACE,UAAA,MAAA,KAAA,EAAA,IAAA,EAAA;AACA,oBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACA,iBAAA;AACA,uBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,yBAAA,IAAA,OAAA,CAAA,EAAA;AACA,OAAA,IAAA;AACA,eAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,yBAAA,OAAA,CAAA,EAAA,OAAA,CAAA,EAAA;AACA,OAAA,IAAA;AACA,sBAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACA,aAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,cAAA,IAAA;AACA,WAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,gBAAA,EAAA,EAAA;AACF;AAEA,CA7CA;;;CAwCA;AASE;IAAA;;;;;AAMA,mBAAA,KAAA;AACA,aAAA,sBAAA,OAAA,YAAA;AACF;AAEA;AACE,WAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,SAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,SAAA,IAAA,KAAA,EAAA;AACA,UAAA;AACA,oBAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA;AACF;AAEA,CAJA,yBAIA;AACE,SAAA;AACF;AAEA,CAAA;AACE,SAAA;AACF;AAEA,CAAA;AACE,SAAA;AACF;AAEA;AACE,WAAA;AACA,gBAAA,EAAA,EAAA;AACF;AAEA,WA7CE;AA8CA;AACE,yBAAA,KAAA;AACF;AACA;AACE,yBAAA,MAAA;AACF;AACF;AAEA,QAAA,wBAAA;AACE,GA/GF;;;GAwCA;AA2EI,eAAA;AACF;AACF;AAIA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,eAAA;AACA,cAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;AAIA,QAAA,WAAA;AACE,GA9GF;AA+GI,2BAAA,OAAA,CAAA,EAAA,OAAA,CAAA,EAAA;AACF;AACF;AAEA,QAAA,WAAA;AACE,GA5LF;AA6LI,aAAA;AACA,oBAAA;AACF;AAEA,GA5IF;AA6II,aAAA;AACF;AAEA,GAzIF;AA0II,2BAAA;AACF;AAEA,GAjIF;AAkII,2BAAA,OAAA,CAAA,EAAA,OAAA,CAAA,EAAA;AACF;AAEA,GA9LF;AA+LI,oBAAA,IAAA;AACF;AAEA,GA1LF;AA2LI,mBAAA;AACA,oBAAA,IAAA;AACF;AAEA,GAAA;;;;;AAKE,uBAAA,KAAA,IAAA,wBAAA,EAAA,IAAA,iBAAA,EAAA,MAAA,EAAA,IAAA;AACF;AACF;",
  "names": []
}