{
  "version": 3,
  "sources": ["src/app/features/events/events-page.component.css"],
  "sourcesContent": [".events-page {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  max-width: var(--grid-max-width);\n  margin: 0 auto;\n  padding: var(--space-section) var(--grid-margin);\n}\n\n/* ── Cabecera ── */\n\n.events-page__header {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  max-width: 60ch;\n}\n\n.events-page__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.events-page__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.events-page__back {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-link);\n  text-decoration: none;\n  align-self: flex-start;\n}\n\n.events-page__back:hover,\n.events-page__back:focus-visible {\n  text-decoration: underline;\n}\n\n/* ── Barra de herramientas ── */\n\n.events-page__toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: var(--space-4);\n}\n\n.events-page__switcher {\n  display: inline-flex;\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n}\n\n.events-page__switch {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-4);\n  background: var(--color-surface-primary);\n  border: 0;\n  border-radius: 0;\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-secondary);\n  cursor: pointer;\n  transition: background var(--transition-fast), color var(--transition-fast);\n}\n\n.events-page__switch + .events-page__switch {\n  border-left: 1px solid var(--color-border-primary);\n}\n\n.events-page__switch--active {\n  background: var(--color-brand-secondary);\n  color: var(--color-text-inverse);\n}\n\n.events-page__switch:not(.events-page__switch--active):hover {\n  background: var(--color-surface-alt);\n  color: var(--color-text-primary);\n}\n\n.events-page__filter {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n}\n\n.events-page__filter-label {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n.events-page__select {\n  padding: var(--space-2) var(--space-3);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--radius-input-sharp);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n  cursor: pointer;\n}\n\n/* ── Navegador de mes (modo lista) ── */\n\n.events-page__month-nav {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n}\n\n.events-page__month-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.25rem;\n  height: 2.25rem;\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n  color: var(--color-text-primary);\n  cursor: pointer;\n  transition: border-color var(--transition-fast);\n}\n\n.events-page__month-button:hover,\n.events-page__month-button:focus-visible {\n  border-color: var(--color-brand-primary);\n}\n\n.events-page__month-label {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-lg);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n}\n\n/* Solo la inicial: `capitalize` pondría también \"Agosto De 2026\". */\n.events-page__month-label::first-letter {\n  text-transform: uppercase;\n}\n\n/* ── Lista y estados ── */\n\n.events-page__list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.events-page__state {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n  padding: var(--space-8) 0;\n  margin: 0;\n}\n\n.events-page__state--error {\n  color: var(--color-state-error);\n}\n\n/* ── Skeletons ── */\n\n.events-page__skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.events-skeleton__row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  padding: var(--space-4) var(--space-5);\n  border: 1px solid var(--color-border-light);\n}\n\n.events-skeleton__date {\n  width: 3.25rem;\n  height: 3.25rem;\n  flex-shrink: 0;\n}\n\n.events-skeleton__body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  flex: 1;\n}\n\n.events-skeleton__line--name {\n  height: 1.125rem;\n  width: 45%;\n}\n\n.events-skeleton__line--meta {\n  height: 0.875rem;\n  width: 65%;\n}\n\n.events-skeleton__calendar {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 1px;\n  background: var(--color-border-light);\n  border: 1px solid var(--color-border-light);\n}\n\n.events-skeleton__cell {\n  height: 6.5rem;\n  background: var(--color-surface-primary);\n}\n\n.events-skeleton__date,\n.events-skeleton__line,\n.events-skeleton__cell {\n  position: relative;\n  overflow: hidden;\n}\n\n.events-skeleton__date,\n.events-skeleton__line {\n  background: var(--color-skeleton-base);\n}\n\n.events-skeleton__date::after,\n.events-skeleton__line::after,\n.events-skeleton__cell::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--color-skeleton-shine),\n    transparent\n  );\n  animation: events-skeleton-shine 1.4s infinite;\n}\n\n@keyframes events-skeleton-shine {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/* ── Móvil ── */\n\n@media (max-width: 768px) {\n  .events-page {\n    gap: var(--space-5);\n    padding: var(--space-section-min) var(--grid-margin);\n  }\n\n  .events-page__title {\n    font-size: var(--text-size-2xl);\n  }\n\n  .events-page__subtitle {\n    font-size: var(--text-size-base);\n  }\n\n  .events-page__toolbar {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .events-page__switcher {\n    align-self: stretch;\n  }\n\n  /* Cada mitad del conmutador ocupa la mitad de la pantalla: objetivos\n     táctiles cómodos en vez de dos botones diminutos a la izquierda. */\n  .events-page__switch {\n    flex: 1;\n    justify-content: center;\n    padding: var(--space-3) var(--space-2);\n  }\n\n  .events-page__filter {\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--space-1);\n  }\n\n  .events-page__month-nav {\n    justify-content: space-between;\n  }\n\n  .events-skeleton__cell {\n    height: auto;\n    aspect-ratio: 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .events-page__switch,\n  .events-page__month-button {\n    transition: none;\n  }\n\n  .events-skeleton__date::after,\n  .events-skeleton__line::after,\n  .events-skeleton__cell::after {\n    animation: none;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}