{
  "version": 3,
  "sources": ["src/app/features/perron-coins/perron-coins-page.component.css"],
  "sourcesContent": ["/*\n * /perron-coins (A0·web). Secciones alternas blanco / gris (visual-rules §7.3) con el padding de sección de la casa\n * (§1.2, `--space-section`), tarjetas de esquina recta y compactas (§1.1) y mascota solo en el hero (§8.1).\n */\n\n:host {\n  display: block;\n}\n\n.coins-page__breadcrumb {\n  background: var(--color-surface-primary);\n  border-bottom: 1px solid var(--color-border-light);\n  padding: var(--space-3) 0;\n}\n\n.coins-page__inner {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n}\n\n/* ── Secciones ── */\n\n.coins-section {\n  background: var(--color-surface-primary);\n  padding: var(--space-section-min) 0;\n}\n\n.coins-section--alt {\n  background: var(--color-surface-secondary);\n}\n\n.coins-section__title {\n  margin: 0 0 var(--space-6);\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: var(--text-size-2xl);\n  line-height: var(--leading-snug);\n  color: var(--color-text-primary);\n}\n\n/* ── Hero ── */\n\n.coins-hero__layout {\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n  gap: var(--space-6);\n  text-align: center;\n}\n\n.coins-hero__text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  max-width: 60ch;\n}\n\n.coins-hero__eyebrow {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-weight: var(--font-weight-body-medium);\n  font-size: var(--text-size-sm);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--color-text-link);\n}\n\n.coins-hero__title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: var(--text-size-4xl);\n  line-height: var(--leading-tight);\n  color: var(--color-text-primary);\n}\n\n.coins-hero__intro {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-lg);\n  line-height: var(--leading-relaxed);\n  color: var(--color-text-secondary);\n}\n\n.coins-hero__mascot {\n  width: 140px;\n  height: auto;\n}\n\n/* ── Tarjetas ── */\n\n.coins-cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--space-4);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.coins-card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  padding: var(--space-5);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-light);\n  border-radius: var(--radius-product-card);\n}\n\n.coins-card--vip {\n  max-width: 28rem;\n  background: var(--color-surface-vip);\n}\n\n.coins-card__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  color: var(--color-action-primary);\n  background: var(--color-surface-secondary);\n}\n\n.coins-card__icon--vip {\n  color: var(--color-state-vip);\n  background: var(--color-surface-primary);\n}\n\n.coins-card__title {\n  margin: var(--space-1) 0 0;\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-lg);\n  color: var(--color-text-primary);\n}\n\n.coins-card__text {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-normal);\n  color: var(--color-text-secondary);\n}\n\n/* ── Valor futuro + CTA ── */\n\n.coins-closing {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--space-8);\n  text-align: center;\n}\n\n.coins-value {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  width: 100%;\n  max-width: 36rem;\n  padding: var(--space-6) var(--space-5);\n  border: 1px solid var(--color-border-light);\n  border-top: 3px solid var(--color-action-primary);\n  background: var(--color-surface-primary);\n}\n\n.coins-value__title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: var(--text-size-xl);\n  color: var(--color-text-primary);\n}\n\n.coins-value__text {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  line-height: var(--leading-normal);\n  font-variant-numeric: tabular-nums;\n  color: var(--color-text-secondary);\n}\n\n.coins-value--skeleton {\n  align-items: center;\n  border-top-color: var(--color-border-light);\n}\n\n.coins-value__skeleton-line {\n  display: block;\n  background: var(--color-skeleton-base);\n}\n\n.coins-value__skeleton-line--title {\n  width: 55%;\n  height: 1.25rem;\n}\n\n.coins-value__skeleton-line--text {\n  width: 85%;\n  height: 1rem;\n}\n\n.coins-cta__link {\n  display: inline-flex;\n  align-items: center;\n  padding: var(--space-3) var(--space-6);\n  font-family: var(--font-family-body);\n  font-weight: var(--font-weight-body-medium);\n  font-size: var(--text-size-base);\n  color: var(--color-text-inverse);\n  background: var(--color-action-primary);\n  border-radius: var(--radius-button);\n  text-decoration: none;\n  transition: background var(--transition-fast);\n}\n\n.coins-cta__link:hover {\n  background: var(--color-action-primary-hover);\n}\n\n.coins-cta__link:focus-visible {\n  outline: 2px solid var(--color-brand-secondary);\n  outline-offset: 2px;\n}\n\n@media (min-width: 768px) {\n  .coins-section {\n    padding: var(--space-section) 0;\n  }\n\n  .coins-hero__layout {\n    flex-direction: row;\n    justify-content: space-between;\n    text-align: left;\n  }\n\n  .coins-hero__mascot {\n    width: 200px;\n  }\n\n  .coins-cards {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n"],
  "mappings": "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",
  "names": []
}