{
  "version": 3,
  "sources": ["src/app/layout/filter-sidebar/filter-sidebar.component.css"],
  "sourcesContent": ["/* ── Backdrop (mobile only) ─────────────────────────────────────────────── */\n.filter-sidebar__backdrop {\n  display: none;\n}\n\n/* ── Sidebar ────────────────────────────────────────────────────────────── */\n.filter-sidebar {\n  width: 100%;\n  background: var(--color-surface-primary);\n  border-right: 1px solid var(--color-border-primary);\n  font-family: var(--font-family-body);\n}\n\n.filter-sidebar__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--space-4) var(--space-4) var(--space-3);\n  border-bottom: 1px solid var(--color-border-primary);\n}\n\n.filter-sidebar__title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-base);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n  margin: 0;\n}\n\n.filter-sidebar__close {\n  display: none; /* shown on mobile only */\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: none;\n  background: none;\n  color: var(--color-text-secondary);\n  font-size: var(--text-size-lg);\n  cursor: pointer;\n  border-radius: var(--radius-button);\n  transition: background var(--transition-fast);\n}\n\n.filter-sidebar__close:hover {\n  background: var(--color-surface-secondary);\n  color: var(--color-text-primary);\n}\n\n/* ── Section ─────────────────────────────────────────────────────────────── */\n.filter-sidebar__section {\n  border-bottom: 1px solid var(--color-border-primary);\n}\n\n.filter-sidebar__section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: var(--space-3) var(--space-4);\n  border: none;\n  background: none;\n  cursor: pointer;\n  text-align: left;\n  transition: background var(--transition-fast);\n}\n\n.filter-sidebar__section-header:hover {\n  background: var(--color-surface-secondary);\n}\n\n.filter-sidebar__section-title {\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-primary);\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n}\n\n.filter-sidebar__chevron {\n  color: var(--color-text-secondary);\n  font-size: var(--text-size-lg);\n  display: inline-block;\n  transform: rotate(90deg);\n  transition: transform var(--transition-fast);\n}\n\n.filter-sidebar__chevron--collapsed {\n  transform: rotate(0deg);\n}\n\n/* ── Options ─────────────────────────────────────────────────────────────── */\n.filter-sidebar__section-body {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows var(--transition-normal);\n}\n\n.filter-sidebar__section-body--collapsed {\n  grid-template-rows: 0fr;\n}\n\n.filter-sidebar__section-body-inner {\n  overflow: hidden;\n  min-height: 0;\n  padding: var(--space-2) var(--space-4) var(--space-3);\n}\n\n.filter-sidebar__options {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.filter-sidebar__option {\n  display: block;\n}\n\n/* ── Buscador dentro de la sección ───────────────────────────────────────── */\n.filter-sidebar__section-body-inner app-input {\n  display: block;\n  margin-bottom: var(--space-2);\n}\n\n.filter-sidebar__search-empty {\n  margin: 0;\n  padding: var(--space-2) 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n/* ── \"Ver más\" toggle ─────────────────────────────────────────────────────── */\n.filter-sidebar__see-more {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-2);\n  width: 100%;\n  margin-top: var(--space-2);\n  padding: var(--space-2) 0;\n  border: none;\n  background: none;\n  cursor: pointer;\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-action-primary);\n  text-align: left;\n  transition: color var(--transition-fast);\n}\n\n.filter-sidebar__see-more:hover {\n  color: var(--color-text-primary);\n}\n\n.filter-sidebar__see-more-chevron {\n  display: inline-block;\n  color: inherit;\n  font-size: var(--text-size-lg);\n  transform: rotate(90deg);\n  transition: transform var(--transition-fast);\n}\n\n.filter-sidebar__see-more-chevron--expanded {\n  transform: rotate(-90deg);\n}\n\n/* ── Range row ──────────────────────────────────────────────────────────── */\n.filter-sidebar__range-row {\n  display: flex;\n  align-items: flex-end;\n  gap: var(--space-2);\n}\n\n.filter-sidebar__range-row app-input {\n  flex: 1;\n  min-width: 0;\n}\n\n.filter-sidebar__range-separator {\n  color: var(--color-text-secondary);\n  font-size: var(--text-size-sm);\n  padding-bottom: var(--space-2);\n}\n\n/* ── Mobile drawer ───────────────────────────────────────────────────────── */\n@media (max-width: 767px) {\n  .filter-sidebar__backdrop {\n    display: block;\n    position: fixed;\n    inset: 0;\n    background: rgb(0 0 0 / 0.4);\n    z-index: 29;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--transition-normal);\n  }\n\n  .filter-sidebar__backdrop--visible {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .filter-sidebar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 260px;\n    height: 100dvh;\n    z-index: 30;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    scrollbar-color: transparent transparent;\n    /* Closed state: hidden from both view and keyboard */\n    transform: translateX(-100%);\n    visibility: hidden;\n    transition: transform var(--transition-normal), visibility var(--transition-normal);\n    box-shadow: var(--shadow-modal);\n  }\n\n  .filter-sidebar:hover,\n  .filter-sidebar:focus-within {\n    scrollbar-color: var(--color-border-primary) transparent;\n  }\n\n  .filter-sidebar::-webkit-scrollbar {\n    width: 4px;\n  }\n\n  .filter-sidebar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .filter-sidebar::-webkit-scrollbar-thumb {\n    background: transparent;\n    border-radius: 999px;\n    transition: background var(--transition-fast);\n  }\n\n  .filter-sidebar:hover::-webkit-scrollbar-thumb,\n  .filter-sidebar:focus-within::-webkit-scrollbar-thumb {\n    background: var(--color-border-primary);\n  }\n\n  .filter-sidebar--open {\n    transform: translateX(0);\n    visibility: visible;\n  }\n\n  .filter-sidebar__close {\n    display: flex;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}
