{
  "version": 3,
  "sources": ["src/app/features/home/blocks/comunidad-block/comunidad-block.component.css"],
  "sourcesContent": ["/* Section */\n\n.comunidad {\n  background-color: var(--color-surface-primary);\n  padding-block: var(--space-section);\n  color: var(--color-text-primary);\n}\n\n.comunidad__inner {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-10);\n}\n\n/* Header */\n\n.comunidad__header {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  max-width: 60ch;\n}\n\n.comunidad__title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-4xl);\n  font-weight: var(--font-weight-heading-bold);\n  color: var(--color-text-primary);\n  line-height: var(--leading-tight);\n  margin: 0;\n}\n\n.comunidad__subtitle {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-lg);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-relaxed);\n  margin: 0;\n}\n\n/* Loading */\n\n.comunidad-skeleton__line,\n.comunidad-skeleton__hero,\n.comunidad-skeleton__channel {\n  display: block;\n  border-radius: 0;\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: comunidad-skeleton-shimmer 1.4s ease-in-out infinite;\n}\n\n.comunidad-skeleton__line--title {\n  width: min(24rem, 80%);\n  height: 2.5rem;\n}\n\n.comunidad-skeleton__line--subtitle {\n  width: min(38rem, 100%);\n  height: 1.25rem;\n}\n\n.comunidad-skeleton__hero {\n  min-height: 14rem;\n  border: 1px solid var(--color-border-primary);\n}\n\n.comunidad-skeleton__channels {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: var(--space-3);\n}\n\n.comunidad-skeleton__channel {\n  min-height: 5.5rem;\n  border: 1px solid var(--color-border-primary);\n}\n\n/* ─── Zona A: WhatsApp Hero ─── */\n\n.comunidad-hero {\n  display: grid;\n  grid-template-columns: 1fr;\n  border-radius: 0;\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-left: 4px solid var(--color-whatsapp);\n  text-decoration: none;\n  color: var(--color-text-primary);\n  overflow: hidden;\n  transition: border-color var(--transition-fast);\n}\n\n.comunidad-hero:hover {\n  border-color: var(--color-whatsapp);\n}\n\n.comunidad-hero__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  padding: var(--space-8);\n}\n\n.comunidad-hero__icon-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 0;\n  background: color-mix(in srgb, var(--color-whatsapp) 15%, transparent);\n  color: var(--color-whatsapp);\n  flex-shrink: 0;\n}\n\n.comunidad-hero__title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-2xl);\n  font-weight: var(--font-weight-heading);\n  line-height: var(--leading-tight);\n  margin: 0;\n}\n\n.comunidad-hero__desc {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-relaxed);\n  margin: 0;\n  max-width: 48ch;\n}\n\n.comunidad-hero__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: flex-start;\n  padding: var(--space-2) var(--space-4);\n  background-color: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  border: 1px solid var(--color-action-primary);\n  border-radius: var(--radius-button);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  white-space: nowrap;\n  transition: background-color var(--transition-fast), border-color var(--transition-fast);\n}\n\n.comunidad-hero:hover .comunidad-hero__cta {\n  background-color: var(--color-action-primary-hover);\n  border-color: var(--color-action-primary-hover);\n}\n\n/* Mascot */\n\n.comunidad-hero__mascot {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-6);\n  background: var(--color-surface-secondary);\n}\n\n.comunidad-hero__mascot-img {\n  max-height: 160px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n}\n\n/* ─── Zona B: Canales Secundarios ─── */\n\n.comunidad-channels {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.comunidad-channel {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  padding: var(--space-4) var(--space-5);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n  text-decoration: none;\n  color: var(--color-text-primary);\n  transition: border-color var(--transition-fast);\n}\n\na.comunidad-channel:hover {\n  border-color: var(--color-border-strong);\n}\n\n.comunidad-channel__icon-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 0;\n  flex-shrink: 0;\n}\n\n.comunidad-channel__body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  flex: 1;\n  min-width: 0;\n}\n\n.comunidad-channel__name-row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  flex-wrap: wrap;\n}\n\n.comunidad-channel__name {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-base);\n  font-weight: var(--font-weight-heading);\n}\n\n.comunidad-channel__desc {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n}\n\n.comunidad-channel__cta {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-link);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n/* Brand colors — only on icon-wrap */\n\n.comunidad-channel--instagram .comunidad-channel__icon-wrap {\n  background: color-mix(in srgb, var(--color-social-instagram) 15%, transparent);\n  color: var(--color-social-instagram);\n}\n\n.comunidad-channel--facebook .comunidad-channel__icon-wrap {\n  background: color-mix(in srgb, var(--color-social-facebook) 15%, transparent);\n  color: var(--color-social-facebook);\n}\n\n.comunidad-channel--tiktok .comunidad-channel__icon-wrap {\n  background: color-mix(in srgb, var(--color-social-tiktok) 10%, transparent);\n  color: var(--color-social-tiktok);\n}\n\n.comunidad-channel--community .comunidad-channel__icon-wrap {\n  background: color-mix(in srgb, var(--color-brand-primary) 15%, transparent);\n  color: var(--color-brand-primary);\n}\n\n/* Solo la variante NO clicable (sin enlace) se atenúa. Cuando el admin\n   configura un enlace la tarjeta se renderiza como <a> y luce como el resto. */\ndiv.comunidad-channel--community {\n  opacity: 0.6;\n  cursor: default;\n}\n\n/* Badge */\n\n.badge-soon {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1em var(--space-2);\n  border-radius: var(--radius-badge);\n  background: var(--color-surface-secondary);\n  border: 1px solid var(--color-border-primary);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-secondary);\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n/* ─── Responsive ─── */\n\n/* Tablet */\n@media (min-width: 641px) {\n  .comunidad-channels {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  .comunidad-channel {\n    flex: 1 1 calc(50% - var(--space-3));\n    min-width: 200px;\n  }\n}\n\n/* Desktop */\n@media (min-width: 1025px) {\n  .comunidad-hero {\n    grid-template-columns: 1fr auto;\n  }\n\n  .comunidad-hero__mascot {\n    display: flex;\n  }\n\n  .comunidad-channels {\n    flex-wrap: nowrap;\n  }\n\n  .comunidad-channel {\n    flex: 1 1 0;\n    min-width: 0;\n  }\n}\n\n/* Mobile title */\n@media (max-width: 640px) {\n  .comunidad__title {\n    font-size: var(--text-size-2xl);\n  }\n\n  .comunidad-skeleton__channels {\n    grid-template-columns: 1fr;\n  }\n}\n\n@keyframes comunidad-skeleton-shimmer {\n  to {\n    background-position: -200% 0;\n  }\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n  .comunidad-hero,\n  .comunidad-channel,\n  .comunidad-hero__cta {\n    transition: none;\n  }\n\n  .comunidad-skeleton__line,\n  .comunidad-skeleton__hero,\n  .comunidad-skeleton__channel {\n    animation: none;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}