/* #region DIDEMEX - FiboFilters
   =========================================================
   Archivo: fibofilters-front.css
   Uso: Overrides visuales para FiboFilters en WooCommerce / Divi
   Nota: Este archivo NO reemplaza el CSS del plugin; solo lo pisa.
   ========================================================= */


/* #region 0. Variables globales
   ========================================================= */

:root {
  /* #region 0.1 Tipografía */
  --didemex-filter-title-size: 0.95rem;
  --didemex-filter-option-size: 0.9rem;
  --didemex-filter-chip-size: 0.75rem;
  --didemex-filter-count-size: 0.8125rem;
  /* #endregion */

  /* #region 0.2 Pesos */
  --didemex-filter-title-weight: 650;
  --didemex-filter-option-weight: 600;
  --didemex-filter-chip-weight: 500;
  --didemex-filter-count-weight: 700;
  /* #endregion */

  /* #region 0.3 Colores */
  --didemex-filter-bg: #ffffff;
  --didemex-filter-soft-bg: #fbfbfb;
  --didemex-filter-soft-bg-hover: #f7f7f7;

  --didemex-filter-border: #eeeeee;
  --didemex-filter-border-strong: #111111;
  --didemex-filter-option-border: #e4e4e4;
  --didemex-filter-option-border-hover: #d8d8d8;

  --didemex-filter-text: #202020;
  --didemex-filter-heading: #050505;
  --didemex-filter-muted: #b5b5b5;
  --didemex-filter-count-bg: #f2f2f2;

  --didemex-filter-danger: #d93025;

  --didemex-filter-chip-red: #d93025;
  --didemex-filter-chip-text: #ffffff;
  /* #endregion */

  /* #region 0.4 Radios */
  --didemex-filter-panel-radius: 1.25rem;
  --didemex-filter-option-radius: 0.875rem;
  --didemex-filter-chip-radius: 999px;
  /* #endregion */

  /* #region 0.5 Espaciados */
  --didemex-filter-panel-padding-y: 1rem;
  --didemex-filter-panel-padding-x: 0.9rem;

  --didemex-filter-section-gap: 0.7rem;
  --didemex-filter-section-padding: 0.9rem;
  --didemex-filter-title-gap: 0.2rem;

  --didemex-filter-option-gap: 0.3rem;
  --didemex-filter-option-padding-y: 0.8125rem;
  --didemex-filter-option-padding-x: 0.6rem;

  --didemex-filter-chip-gap: 0.375rem;
  /* #endregion */

  /* #region 0.6 Tamaños */
  --didemex-filter-panel-width: 17.625rem;
  --didemex-filter-option-min-height: 3.375rem;

  --didemex-filter-count-size-box: 1.5rem;

  --didemex-filter-swatch-wrapper: 1.5625rem;
  --didemex-filter-swatch-size: 1.4375rem;

  --didemex-filter-chip-min-height: 2rem;

  --didemex-filter-offcanvas-width: 23rem;
  --didemex-filter-offcanvas-visible-width: 84vw;
  --didemex-filter-floating-cart-space: 3.75rem;
  /* #endregion */

  /* #region 0.7 Sombras */
  --didemex-filter-panel-shadow: 0 12px 32px rgba(0, 0, 0, 0.055);
  --didemex-filter-mobile-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  --didemex-filter-chip-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.14);
  --didemex-filter-danger-shadow: 0 0.25rem 0.75rem rgba(217, 48, 37, 0.18);
  /* #endregion */
}

/* #endregion 0. Variables globales */


/* #region 1. Sidebar desktop
   =========================================================
   Aplica al shortcode:
   [fibofilters layout="vertical" classname="didemex-ff ..."]
   ========================================================= */

/* #region 1.1 Panel general */

.didemex-ff.fibofilters-vertical-filters-container {
  max-width: var(--didemex-filter-panel-width);
  background: var(--didemex-filter-bg);
  border: 1px solid var(--didemex-filter-border);
  border-radius: var(--didemex-filter-panel-radius);
  padding: var(--didemex-filter-panel-padding-y) var(--didemex-filter-panel-padding-x);
  box-shadow: var(--didemex-filter-panel-shadow);
  font-family: inherit;
}

/* #endregion 1.1 Panel general */


/* #region 1.2 Secciones y títulos */

.didemex-ff .fibofilters-block {
  padding: 0 0 var(--didemex-filter-section-padding);
  margin-bottom: var(--didemex-filter-section-gap);
  border-bottom: 1px solid var(--didemex-filter-border);
}

.didemex-ff .fibofilters-block:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.didemex-ff .fibofilters-block__headline {
  margin-bottom: var(--didemex-filter-title-gap);
}

.didemex-ff .fibofilters-block__headline .fibofilters-block__headline-box-inner {
  margin: 0;
  color: var(--didemex-filter-heading);
  font-size: var(--didemex-filter-title-size);
  font-weight: var(--didemex-filter-title-weight);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* #endregion 1.2 Secciones y títulos */


/* #region 1.3 Lista y cards de opciones */

.didemex-ff .fibofilters-block__content-inner {
  padding-top: 0;
}

.didemex-ff ul.fibofilters-block__items-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.didemex-ff li.fibofilters-item {
  margin: 0 0 var(--didemex-filter-option-gap);
  padding: 0;
  border: none;
}

.didemex-ff li.fibofilters-item:last-child {
  margin-bottom: 0;
}

.didemex-ff .fibofilters-item__interactive {
  width: 100%;
  min-height: var(--didemex-filter-option-min-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  cursor: pointer;
  padding: var(--didemex-filter-option-padding-y) var(--didemex-filter-option-padding-x);
  border: 1px solid var(--didemex-filter-option-border);
  border-radius: var(--didemex-filter-option-radius);
  background: var(--didemex-filter-soft-bg);
  line-height: 1.3;
  margin: 0;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.didemex-ff .fibofilters-item:not(.fibofilters-disabled) .fibofilters-item__interactive:hover {
  background: var(--didemex-filter-soft-bg-hover);
  border-color: var(--didemex-filter-option-border-hover);
  box-shadow: none;
}

/* Oculta el checkbox visual default en filtros normales */
.didemex-ff .fibofilters-item--checkbox .fibofilters-item__control {
  width: 0;
  min-width: 0;
  height: 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
}

/* Texto de opción */
.didemex-ff .fibofilters-item__label {
  flex: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: 0.375rem;
  padding: 0;
  color: var(--didemex-filter-text);
  text-decoration: none;
  font-size: var(--didemex-filter-option-size);
  font-weight: var(--didemex-filter-option-weight);
  line-height: 1.3;
}

.didemex-ff .fibofilters-item__label span {
  font-weight: var(--didemex-filter-option-weight);
}

/* #endregion 1.3 Lista y cards de opciones */


/* #region 1.4 Opción seleccionada */

.didemex-ff li.fibofilters-item.fibofilters-selected .fibofilters-item__interactive {
  background: var(--didemex-filter-bg);
  border-color: var(--didemex-filter-border-strong);
  box-shadow: inset 0 0 0 1px var(--didemex-filter-border-strong);
}

.didemex-ff li.fibofilters-item.fibofilters-selected .fibofilters-item__label,
.didemex-ff li.fibofilters-item.fibofilters-selected .fibofilters-item__label span {
  color: var(--didemex-filter-border-strong);
  font-weight: var(--didemex-filter-option-weight);
}

/* #endregion 1.4 Opción seleccionada */


/* #region 1.5 Contadores */

.didemex-ff .fibofilters-item__counter {
  min-width: var(--didemex-filter-count-size-box);
  width: auto;
  height: var(--didemex-filter-count-size-box);
  padding: 0 0.4375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--didemex-filter-muted);
  background: var(--didemex-filter-count-bg);
  border-radius: var(--didemex-filter-chip-radius);
  font-size: var(--didemex-filter-count-size);
  font-weight: var(--didemex-filter-count-weight);
  line-height: 1;
  white-space: nowrap;
  opacity: 1;
}

.didemex-ff li.fibofilters-item.fibofilters-selected .fibofilters-item__counter {
  background: var(--didemex-filter-border-strong);
  color: var(--didemex-filter-bg);
}

/* #endregion 1.5 Contadores */

/* #endregion 1. Sidebar desktop */


/* #region 2. Swatches de color
   =========================================================
   Simula swatches en filtros checkbox usando title=""
   Aplica a desktop y offcanvas.
   ========================================================= */

/* #region 2.1 Base compartida */

.didemex-ff .fibofilters-block--url-slug--color .fibofilters-item__control,
.fibofilters-offcanvas .fibofilters-block--url-slug--color .fibofilters-item__control {
  width: var(--didemex-filter-swatch-wrapper);
  min-width: var(--didemex-filter-swatch-wrapper);
  height: var(--didemex-filter-swatch-wrapper);
  margin-right: 0.5rem;
  border-radius: var(--didemex-filter-chip-radius);
  border: 2px solid var(--didemex-filter-bg);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.22);
  overflow: visible;
  box-sizing: border-box;
  display: block;
}

/* #endregion 2.1 Base compartida */


/* #region 2.2 Colores por nombre */

.didemex-ff .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Negro"] .fibofilters-item__control,
.fibofilters-offcanvas .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Negro"] .fibofilters-item__control {
  background: #303030;
}

.didemex-ff .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Blanco"] .fibofilters-item__control,
.fibofilters-offcanvas .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Blanco"] .fibofilters-item__control {
  background: #f2f2f2;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.28);
}

.didemex-ff .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Verde"] .fibofilters-item__control,
.fibofilters-offcanvas .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Verde"] .fibofilters-item__control {
  background: #55b963;
}

.didemex-ff .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Azul"] .fibofilters-item__control,
.fibofilters-offcanvas .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Azul"] .fibofilters-item__control {
  background: #268be8;
}

.didemex-ff .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Rojo"] .fibofilters-item__control,
.fibofilters-offcanvas .fibofilters-block--url-slug--color .fibofilters-item__interactive[title="Rojo"] .fibofilters-item__control {
  background: #df3030;
}

/* #endregion 2.2 Colores por nombre */


/* #region 2.3 Seleccionado en swatch */

.didemex-ff .fibofilters-block--url-slug--color li.fibofilters-item.fibofilters-selected .fibofilters-item__control,
.fibofilters-offcanvas .fibofilters-block--url-slug--color li.fibofilters-item.fibofilters-selected .fibofilters-item__control {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}

/* #endregion 2.3 Seleccionado en swatch */

/* #endregion 2. Swatches de color */


/* #region 3. Ver más / Ver menos
   ========================================================= */

.didemex-ff .fibofilters-item--more-less {
  display: inline-block;
  margin-top: 0.625rem;
  color: var(--didemex-filter-border-strong) !important;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  font-size: 0.8125rem;
  font-weight: 700;
}

.didemex-ff .fibofilters-item--more-less:hover {
  color: #555555 !important;
  opacity: 1;
}

/* #endregion 3. Ver más / Ver menos */


/* #region 4. Chips activos
   =========================================================
   Shortcode:
   [fibofilters_applied_filters]
   ========================================================= */

/* #region 4.1 Contenedor */

/* #region DIDEMEX - FiboFilters Applied Chips Reserved Space */

/* Slot fijo para chips activos */
.dmx-fibofilters-chips-slot {
  min-height: 3rem;
  display: flex;
  align-items: center;
}

/* Contenedor de chips */
.dmx-fibofilters-chips-slot .fibofilters-applied-filters-container {
  width: 100%;
  min-height: 2rem;
  display: flex;
  align-items: center;
}

/* Lista de chips */
.dmx-fibofilters-chips-slot .fibofilters-applied-filters {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
}

/* #endregion */

.fibofilters-applied-filters-container {
  margin: 0;
}

.fibofilters-applied-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--didemex-filter-chip-gap);
  list-style: none !important;
  padding: 0 0 0.375rem 0;
  margin: 0;
}

/* #endregion 4.1 Contenedor */


/* #region 4.2 Chip normal */

.fibofilters-applied-filters .fibofilters-applied-filter {
  min-height: var(--didemex-filter-chip-min-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-flow: row-reverse;
  gap: 0;
  margin: 0;
  padding: 0.5625rem 0.875rem;
  border-radius: var(--didemex-filter-chip-radius);
  text-decoration: none !important;
  font-size: var(--didemex-filter-chip-size);
  font-weight: var(--didemex-filter-chip-weight);
  line-height: 1;
  border: 1px solid var(--didemex-filter-border-strong);
  background: var(--didemex-filter-border-strong) !important;
  color: var(--didemex-filter-bg) !important;
  box-shadow: var(--didemex-filter-chip-shadow);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}

.fibofilters-applied-filters .fibofilters-applied-filter span,
.fibofilters-applied-filters .fibofilters-applied-filter strong,
.fibofilters-applied-filters .fibofilters-applied-filter svg path {
  color: var(--didemex-filter-bg) !important;
  stroke: var(--didemex-filter-bg) !important;
}

.fibofilters-applied-filters .fibofilters-applied-filter strong {
  font-weight: var(--didemex-filter-chip-weight);
}

/* #endregion 4.2 Chip normal */


/* #region 4.3 Icono X del chip */

.fibofilters-applied-filters .fibofilters-applied-filter-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.25rem;
  padding: 0;
  background: transparent;
  line-height: 1;
  opacity: 1;
}

/* Evita tachado del texto al pasar sobre la X */
.fibofilters-applied-filters .fibofilters-applied-filter-icon:hover + span,
.fibofilters-applied-filters .fibofilters-applied-filter-icon:focus + span {
  text-decoration: none;
}

/* #endregion 4.3 Icono X del chip */


/* #region 4.4 Hover chip normal */

.fibofilters-applied-filters .fibofilters-applied-filter:not(.fibofilters-applied-filter--clear-all):hover {
  background: transparent !important;
  border-color: var(--didemex-filter-border-strong) !important;
  color: var(--didemex-filter-border-strong) !important;
  box-shadow: none;
}

.fibofilters-applied-filters .fibofilters-applied-filter:not(.fibofilters-applied-filter--clear-all):hover span,
.fibofilters-applied-filters .fibofilters-applied-filter:not(.fibofilters-applied-filter--clear-all):hover strong,
.fibofilters-applied-filters .fibofilters-applied-filter:not(.fibofilters-applied-filter--clear-all):hover svg path {
  color: var(--didemex-filter-border-strong) !important;
  stroke: var(--didemex-filter-border-strong) !important;
}

/* #endregion 4.4 Hover chip normal */


/* #region 4.5 Chip limpiar filtros */

.fibofilters-applied-filters .fibofilters-applied-filter--clear-all {
  flex-flow: row;
  background: var(--didemex-filter-chip-red) !important;
  border-color: var(--didemex-filter-chip-red) !important;
  color: var(--didemex-filter-chip-text) !important;
  box-shadow: var(--didemex-filter-danger-shadow);
  cursor: pointer;
}

.fibofilters-applied-filters .fibofilters-applied-filter--clear-all span,
.fibofilters-applied-filters .fibofilters-applied-filter--clear-all strong {
  color: var(--didemex-filter-chip-text) !important;
}

.fibofilters-applied-filters .fibofilters-applied-filter--clear-all:hover {
  background: transparent !important;
  border-color: var(--didemex-filter-chip-red) !important;
  color: var(--didemex-filter-chip-red) !important;
  box-shadow: none;
}

.fibofilters-applied-filters .fibofilters-applied-filter--clear-all:hover span,
.fibofilters-applied-filters .fibofilters-applied-filter--clear-all:hover strong {
  color: var(--didemex-filter-chip-red) !important;
}

/* #endregion 4.5 Chip limpiar filtros */

/* #endregion 4. Chips activos */


/* #region 5. Botón horizontal / mobile: Todos los filtros
   =========================================================
   Aplica al shortcode:
   [fibofilters layout="horizontal" classname="didemex-ff ..."]
   ========================================================= */

/* #region 5.1 Contenedor */

.fibofilters-mobile-filters-container .fibofilters-mobile-filters,
.fibofilters-horizontal-filters-container .fibofilters-horizontal-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-bottom: 1rem;
}

/* #endregion 5.1 Contenedor */


/* #region 5.2 Botón base */

.fibofilters-mobile-filters-container .fibofilters-filter-button,
.fibofilters-horizontal-filters-container .fibofilters-filter-button {
  min-height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1rem;
  border-radius: var(--didemex-filter-chip-radius);
  background: var(--didemex-filter-bg) !important;
  border: 1px solid var(--didemex-filter-border-strong) !important;
  color: var(--didemex-filter-border-strong) !important;
  box-shadow: var(--didemex-filter-mobile-shadow);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none;
}

/* #endregion 5.2 Botón base */


/* #region 5.3 Botón Todos los filtros siempre estático */

.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters,
.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters:hover,
.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters:focus,
.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters:focus-visible,
.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters:active,
.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters.fibofilters-filter-button-selected,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters:hover,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters:focus,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters:focus-visible,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters:active,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters.fibofilters-filter-button-selected {
  background: var(--didemex-filter-bg) !important;
  border: 1px solid var(--didemex-filter-border-strong) !important;
  color: var(--didemex-filter-border-strong) !important;
  box-shadow: var(--didemex-filter-mobile-shadow) !important;
  text-shadow: none !important;
  outline: none !important;
}

/* Quita overlay azul / pseudo-elementos del plugin */
.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters::before,
.fibofilters-horizontal-filters-container .js-fibofilters-filter-button-all-filters::after,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters::before,
.fibofilters-mobile-filters-container .js-fibofilters-filter-button-all-filters::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* #endregion 5.3 Botón Todos los filtros siempre estático */


/* #region 5.4 Icono del botón */

.fibofilters-mobile-filters-container .fibofilters-filter-button svg path,
.fibofilters-horizontal-filters-container .fibofilters-filter-button svg path,
.fibofilters-mobile-filters-container .fibofilters-filter-button svg circle[stroke],
.fibofilters-horizontal-filters-container .fibofilters-filter-button svg circle[stroke] {
  stroke: currentColor !important;
}

.fibofilters-mobile-filters-container .fibofilters-filter-button svg circle[fill="white"],
.fibofilters-horizontal-filters-container .fibofilters-filter-button svg circle[fill="white"] {
  fill: var(--didemex-filter-bg) !important;
}

/* #endregion 5.4 Icono del botón */

/* #endregion 5. Botón horizontal / mobile: Todos los filtros */


/* #region 6. Offcanvas / drawer lateral
   =========================================================
   Este es el panel que abre el botón "Todos los filtros"
   ========================================================= */

/* #region 6.1 Drawer base */

.fibofilters-offcanvas {
  width: min(var(--didemex-filter-offcanvas-visible-width), var(--didemex-filter-offcanvas-width)) !important;
  max-width: var(--didemex-filter-offcanvas-width) !important;
  border-radius: 1.25rem 0 0 1.25rem;
  box-shadow: -18px 0 40px rgba(0, 0, 0, 0.16);
  background: var(--didemex-filter-bg);

  /* Reserva espacio para header/footer fijos */
  padding: 4.75rem 0 5.25rem !important;
}

/* #endregion 6.1 Drawer base */


/* #region 6.2 Header */

.fibofilters-offcanvas-header {
  width: min(var(--didemex-filter-offcanvas-visible-width), var(--didemex-filter-offcanvas-width)) !important;
  max-width: var(--didemex-filter-offcanvas-width) !important;
  min-height: 4rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--didemex-filter-border);
  background: var(--didemex-filter-bg);
}

.fibofilters-offcanvas-header p {
  color: var(--didemex-filter-text);
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1;
  margin: 0 0 0 0.75rem;
}

.fibofilters-offcanvas-close,
.fibofilters-offcanvas-clear {
  background: transparent !important;
  box-shadow: none !important;
}

.fibofilters-offcanvas-close {
  color: #767676;
}

.fibofilters-offcanvas-clear {
  color: var(--didemex-filter-danger);
  font-size: 0.85rem;
  font-weight: 700;
}

.fibofilters-offcanvas-clear::before {
  display: none !important;
  content: none !important;
}

/* #endregion 6.2 Header */


/* #region 6.3 Contenido */

.fibofilters-offcanvas-content {
  padding: 0 1rem !important;
  overflow-y: auto;
  scroll-padding-top: 5rem;
}

/* #endregion 6.3 Contenido */


/* #region 6.4 Footer */

.fibofilters-offcanvas-footer {
  width: min(var(--didemex-filter-offcanvas-visible-width), var(--didemex-filter-offcanvas-width)) !important;
  max-width: var(--didemex-filter-offcanvas-width) !important;
  padding: 1rem !important;
  border-top: 1px solid var(--didemex-filter-border);
  background: var(--didemex-filter-bg);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.04);
}

/* Reserva espacio a la derecha para el carrito flotante */
.fibofilters-offcanvas-btn {
  width: calc(100% - var(--didemex-filter-floating-cart-space)) !important;
  min-height: 2.75rem;
  margin-left: 0.75rem !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0.875rem 1rem !important;
  border-radius: var(--didemex-filter-chip-radius);
  background: var(--didemex-filter-border-strong) !important;
  border-color: var(--didemex-filter-border-strong) !important;
  color: var(--didemex-filter-bg) !important;

  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1 !important;
  text-align: center !important;
}

.fibofilters-offcanvas-btn::before,
.fibofilters-offcanvas-btn::after {
  display: none !important;
  content: none !important;
}

/* #endregion 6.4 Footer */

/* #endregion 6. Offcanvas / drawer lateral */


/* #region 7. Offcanvas: filtros visibles y ocultos
   ========================================================= */

/* #region 7.1 Ocultar filtros no usados en Celulares */

.fibofilters-offcanvas .fibofilters-block--url-slug--categories,
.fibofilters-offcanvas .fibofilters-block--source--tax_product_cat,
.fibofilters-offcanvas .fibofilters-block--url-slug--marca,
.fibofilters-offcanvas .fibofilters-block--url-slug--modelo,
.fibofilters-offcanvas .fibofilters-block--url-slug--price,
.fibofilters-offcanvas .fibofilters-block--source--price,
.fibofilters-offcanvas .fibofilters-block--url-slug--stock-status,
.fibofilters-offcanvas .fibofilters-block--source--cf__stock_status,
.fibofilters-offcanvas .fibofilters-block--url-slug--on-sale,
.fibofilters-offcanvas .fibofilters-block--source--on_sale,
.fibofilters-offcanvas .fibofilters-block--url-slug--search,
.fibofilters-offcanvas .fibofilters-block--source--search {
  display: none !important;
}

/* #endregion 7.1 Ocultar filtros no usados en Celulares */


/* #region 7.2 Bloques visibles */

.fibofilters-offcanvas .fibofilters-block {
  padding: 0 0 var(--didemex-filter-section-padding);
  margin-bottom: var(--didemex-filter-section-gap);
  border-bottom: 1px solid var(--didemex-filter-border);
}

.fibofilters-offcanvas .fibofilters-block:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.fibofilters-offcanvas .fibofilters-block__headline {
  margin-bottom: var(--didemex-filter-title-gap);
}

.fibofilters-offcanvas .fibofilters-block__headline .fibofilters-block__headline-box-inner {
  margin: 0;
  color: var(--didemex-filter-heading);
  font-size: var(--didemex-filter-title-size);
  font-weight: var(--didemex-filter-title-weight);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.fibofilters-offcanvas .fibofilters-block__content-inner {
  padding-top: 0;
}

/* #endregion 7.2 Bloques visibles */

/* #endregion 7. Offcanvas: filtros visibles y ocultos */


/* #region 8. Offcanvas: opciones
   ========================================================= */

/* #region 8.1 Lista */

.fibofilters-offcanvas ul.fibofilters-block__items-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fibofilters-offcanvas li.fibofilters-item {
  margin: 0 0 var(--didemex-filter-option-gap);
  padding: 0;
  border: none;
}

.fibofilters-offcanvas li.fibofilters-item:last-child {
  margin-bottom: 0;
}

/* #endregion 8.1 Lista */


/* #region 8.2 Card de opción */

.fibofilters-offcanvas .fibofilters-item__interactive {
  width: 100%;
  min-height: var(--didemex-filter-option-min-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: var(--didemex-filter-option-padding-y) var(--didemex-filter-option-padding-x);
  border: 1px solid var(--didemex-filter-option-border);
  border-radius: var(--didemex-filter-option-radius);
  background: var(--didemex-filter-soft-bg);
  line-height: 1.3;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.fibofilters-offcanvas .fibofilters-item__label {
  flex: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: 0.375rem;
  color: var(--didemex-filter-text);
  font-size: var(--didemex-filter-option-size);
  font-weight: var(--didemex-filter-option-weight);
  line-height: 1.3;
}

/* #endregion 8.2 Card de opción */


/* #region 8.3 Contador */

.fibofilters-offcanvas .fibofilters-item__counter {
  min-width: var(--didemex-filter-count-size-box);
  width: auto;
  height: var(--didemex-filter-count-size-box);
  padding: 0 0.4375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--didemex-filter-muted);
  background: var(--didemex-filter-count-bg);
  border-radius: var(--didemex-filter-chip-radius);
  font-size: var(--didemex-filter-count-size);
  font-weight: var(--didemex-filter-count-weight);
  line-height: 1;
  white-space: nowrap;
}

/* #endregion 8.3 Contador */


/* #region 8.4 Seleccionado */

.fibofilters-offcanvas li.fibofilters-item.fibofilters-selected .fibofilters-item__interactive {
  background: var(--didemex-filter-bg);
  border-color: var(--didemex-filter-border-strong);
  box-shadow: inset 0 0 0 1px var(--didemex-filter-border-strong);
}

.fibofilters-offcanvas li.fibofilters-item.fibofilters-selected .fibofilters-item__counter {
  background: var(--didemex-filter-border-strong);
  color: var(--didemex-filter-bg);
}

/* #endregion 8.4 Seleccionado */


/* #region 8.5 Ocultar checkbox default salvo en Color */

.fibofilters-offcanvas .fibofilters-block:not(.fibofilters-block--url-slug--color) .fibofilters-item--checkbox .fibofilters-item__control {
  width: 0;
  min-width: 0;
  height: 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
}

/* #endregion 8.5 Ocultar checkbox default salvo en Color */

/* #endregion 8. Offcanvas: opciones */


/* #region 9. Limpieza / compatibilidad
   ========================================================= */

/* #region 9.1 Fondos base de overlays FF */

.fibofilters-offcanvas,
.fibofilters-mobile-overlay {
  background: var(--didemex-filter-bg);
}

.fibofilters-offcanvas-header,
.fibofilters-offcanvas-footer,
.fibofilters-mobile-overlay__header,
.fibofilters-mobile-overlay__footer {
  background: var(--didemex-filter-bg);
}

/* #endregion 9.1 Fondos base de overlays FF */

/* #endregion 9. Limpieza / compatibilidad */


/* #endregion DIDEMEX - FiboFilters */