.elementor-1045 .elementor-element.elementor-element-b17d950{--display:flex;--min-height:145px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1045 .elementor-element.elementor-element-61968ae{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1045 .elementor-element.elementor-element-61968ae:not(.elementor-motion-effects-element-type-background), .elementor-1045 .elementor-element.elementor-element-61968ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7bbb869 );}.elementor-1045 .elementor-element.elementor-element-f8a45b9{--spacer-size:19px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1045 .elementor-element.elementor-element-686f473 > .elementor-widget-container{margin:0px 0px -4px 0px;}.elementor-1045 .elementor-element.elementor-element-686f473 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:0.6em;font-weight:500;text-transform:uppercase;color:var( --e-global-color-21baa61 );}.elementor-1045 .elementor-element.elementor-element-0c49a70 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-1045 .elementor-element.elementor-element-0c49a70 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:1.1em;font-weight:600;color:var( --e-global-color-21baa61 );}.elementor-1045 .elementor-element.elementor-element-492bc23 > .elementor-widget-container{margin:-18px 0px 0px 0px;}.elementor-1045 .elementor-element.elementor-element-492bc23 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:0.7em;font-weight:400;color:var( --e-global-color-21baa61 );}.elementor-1045 .elementor-element.elementor-element-1d31ac6{--spacer-size:19px;}.elementor-1045 .elementor-element.elementor-element-b525abc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1045 .elementor-element.elementor-element-58fbcdc{--display:flex;}.elementor-1045 .elementor-element.elementor-element-c4a6232{--n-accordion-title-font-size:16px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:18px 18px 18px 18px;--n-accordion-title-normal-color:var( --e-global-color-7bbb869 );--n-accordion-title-hover-color:var( --e-global-color-7bbb869 );--n-accordion-title-active-color:var( --e-global-color-7bbb869 );--n-accordion-icon-size:11px;}.elementor-1045 .elementor-element.elementor-element-c4a6232 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-21baa61 );}:where( .elementor-1045 .elementor-element.elementor-element-c4a6232 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Helvetica", Sans-serif;font-weight:600;}.elementor-1045 .elementor-element.elementor-element-f09750f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1045 .elementor-element.elementor-element-bc8c0fa{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1045 .elementor-element.elementor-element-02adc92{--grid-columns:1;}.elementor-1045 .elementor-element.elementor-element-02adc92 .elementor-pagination{text-align:center;font-family:"Helvetica", Sans-serif;font-size:1.1em;font-weight:500;text-decoration:none;}.elementor-1045 .elementor-element.elementor-element-02adc92 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-1045 .elementor-element.elementor-element-02adc92 .elementor-pagination .page-numbers.current{color:var( --e-global-color-text );}body:not(.rtl) .elementor-1045 .elementor-element.elementor-element-02adc92 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1045 .elementor-element.elementor-element-02adc92 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1045 .elementor-element.elementor-element-02adc92 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1045 .elementor-element.elementor-element-02adc92 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1045 .elementor-element.elementor-element-c56ec53{--display:flex;}.elementor-1045 .elementor-element.elementor-element-a096ecd{--display:flex;--min-height:190px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E9E9E9;--border-color:#E9E9E9;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 48px -5px rgba(0, 0, 0, 0.32);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1045 .elementor-element.elementor-element-75933bd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1045 .elementor-element.elementor-element-75933bd .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:0.5em;font-weight:600;}.elementor-1045 .elementor-element.elementor-element-b3dc807 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-1045 .elementor-element.elementor-element-b3dc807 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:0.5em;font-weight:400;line-height:17px;}body.elementor-page-1045:not(.elementor-motion-effects-element-type-background), body.elementor-page-1045 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F4F6;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1045 .elementor-element.elementor-element-bc8c0fa{--width:70%;}.elementor-1045 .elementor-element.elementor-element-c56ec53{--width:30%;}.elementor-1045 .elementor-element.elementor-element-a096ecd{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1045 .elementor-element.elementor-element-02adc92{--grid-columns:1;}}@media(max-width:767px){.elementor-1045 .elementor-element.elementor-element-b17d950{--content-width:100%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:7px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-1045 .elementor-element.elementor-element-b17d950.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1045 .elementor-element.elementor-element-0c49a70 > .elementor-widget-container{margin:-9px 0px 0px 0px;}.elementor-1045 .elementor-element.elementor-element-0c49a70 .elementor-heading-title{font-size:1.1em;line-height:1.1em;letter-spacing:0px;}.elementor-1045 .elementor-element.elementor-element-492bc23 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1045 .elementor-element.elementor-element-492bc23.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1045 .elementor-element.elementor-element-02adc92{--grid-columns:1;}.elementor-1045 .elementor-element.elementor-element-75933bd .elementor-heading-title{font-size:0.6em;}.elementor-1045 .elementor-element.elementor-element-b3dc807 .elementor-heading-title{font-size:0.6em;}}/* Start custom CSS for shortcode, class: .elementor-element-55a2139 *//* The empty spacer is stealing the first grid column */
.wpc-filters-widget-wrapper .wpc-posts-found{
  display: none !important;
}

/* Your 4-column grid */
.wpc-filters-widget-wrapper{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: flex-start;
  background: gray; /* your test */
}

/* Defensive: kill any plugin floats/clears/widths that can break grid */
.wpc-filters-widget-wrapper > .wpc-filters-section{
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* === MOBILE: STACK EACH FILTER SECTION IN ITS OWN ROW === */
@media (max-width: 767px) {

  /* One column on mobile */
  .wpc-filters-widget-wrapper{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* Ensure each section spans full width */
  .wpc-filters-widget-wrapper > .wpc-filters-section{
    grid-column: 1 / -1 !important;
  }

  /* Keep the slider layout sane on small screens */
  .wpc-filters-range-wrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .wpc-filters-range-slider-wrapper{
    grid-column: 1 / -1 !important;
    margin-top: 8px !important;
  }
}

/* ====== WRAPPER (WHITE, ROUNDED, MIN SHADOW) ====== */
.wpc-filters-main-wrap .wpc-filters-widget-content{
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  padding: 16px !important;
}

/* remove your test gray if still present */
.wpc-filters-widget-wrapper{
  background: transparent !important;
}

/* ====== PILLS LAYOUT (LIKE .filter-tabs) ====== */

/* UL becomes the "tabs" container */
.wpc-filters-checkboxes{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important; /* center inside the section */
  padding-left: 0 !important;
  margin: 10px 0 0 0 !important;
  list-style: none !important;
}

/* remove li spacing/bullets */
.wpc-filters-checkboxes > li{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* hide checkbox */
.wpc-filters-checkboxes input[type="checkbox"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* label becomes the pill (your .filter-tab) */
.wpc-filters-checkboxes label{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  font-size: 0.72rem !important;
  padding: 6px 12px !important;
  background: #f9fafb !important;
  cursor: pointer !important;

  line-height: 1 !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

/* plugin puts an <a> inside label; make it behave like text */
.wpc-filters-checkboxes label a.wpc-filter-link{
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  display: inline !important;
}

/* ACTIVE (your .filter-tab.active) via :checked */
.wpc-filters-checkboxes input[type="checkbox"]:checked + label{
  background: var(--accent, #9ed6ff) !important;
  border-color: transparent !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* optional hover */
.wpc-filters-checkboxes label:hover{
  background: #eef2ff !important;
}

/* ====== IMPORTANT: keep the spacer from breaking columns ====== */
.wpc-filters-widget-wrapper .wpc-posts-found{
  display: none !important;
}
/* ===== TITULOS DE FILTRO ===== */
.wpc-filter-title{
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-weight: 600 !important;
  text-align: center !important; /* centrado sobre las pills */
  margin-bottom: 8px !important;
}
/* ===== RESET ALL BUTTON ===== */
.wpc-filters-reset-button,
.wpc-filters-clear-button,
.wpc-filters-widget-controls a.wpc-filters-reset,
.wpc-filters-widget-controls a[href*="reset"]{
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  background: transparent !important;
  border: none !important;
  color: #64748b !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
}

/* hover */
.wpc-filters-reset-button:hover,
.wpc-filters-clear-button:hover,
.wpc-filters-widget-controls a:hover{
  color: #0f172a !important;
  text-decoration: underline !important;
}
/* ===== ACTIVE FILTERS CONTAINER ===== */
.wpc-filter-chips-list{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
}
/* ===== ACTIVE FILTER CHIP ===== */
.wpc-filter-chip,
.wpc-filter-chips-list li{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  border-radius: 999px !important;
  background: var(--accent, #9ed6ff) !important;
  color: #0f172a !important;

  font-size: 0.72rem !important;
  padding: 6px 10px !important;
  font-weight: 600 !important;
}
/* remove / close icon inside chip */
.wpc-filter-chip-remove,
.wpc-filter-chip a{
  color: inherit !important;
  opacity: 0.6 !important;
  text-decoration: none !important;
}

.wpc-filter-chip-remove:hover,
.wpc-filter-chip a:hover{
  opacity: 1 !important;
}
/* ===== FIX: RESET ALL (make it clean, not baby-blue) ===== */
.wpc-filters-widget-controls-container a.wpc-filters-reset-button,
.wpc-filters-widget-controls-container a.wpc-filters-clear-button,
.wpc-filters-widget-controls-container a.wpc-filters-reset,
.wpc-filters-widget-controls-container a[class*="reset"],
.wpc-filters-widget-controls-container a[class*="clear"]{
  /* hard reset */
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;

  /* clean pill */
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 999px !important;

  /* typography */
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-weight: 600 !important;

  /* spacing */
  padding: 6px 10px !important;

  /* color */
  color: #475569 !important;
  line-height: 1 !important;
}

/* hover */
.wpc-filters-widget-controls-container a.wpc-filters-reset-button:hover,
.wpc-filters-widget-controls-container a.wpc-filters-clear-button:hover,
.wpc-filters-widget-controls-container a.wpc-filters-reset:hover,
.wpc-filters-widget-controls-container a[class*="reset"]:hover,
.wpc-filters-widget-controls-container a[class*="clear"]:hover{
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
  color: #0f172a !important;
  text-decoration: none !important;
}
/* ===== NUCLEAR OVERRIDE: RESET ALL button (wins against plugin styles) ===== */
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-reset-button,
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-clear-button,
.wpc-filters-widget-controls-container :is(a, button)[class*="reset"],
.wpc-filters-widget-controls-container :is(a, button)[class*="clear"]{
  all: unset !important;                /* wipes plugin styling */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  background: #fff !important;

  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-weight: 600 !important;

  padding: 6px 10px !important;
  color: #475569 !important;
  cursor: pointer !important;
  line-height: 1 !important;
}

/* Hover */
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-reset-button:hover,
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-clear-button:hover,
.wpc-filters-widget-controls-container :is(a, button)[class*="reset"]:hover,
.wpc-filters-widget-controls-container :is(a, button)[class*="clear"]:hover{
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
  color: #0f172a !important;
}
/* Prevent pills styles from affecting control buttons */
.wpc-filters-widget-controls-container label,
.wpc-filters-widget-controls-container a,
.wpc-filters-widget-controls-container button{
  background: transparent !important;
}

/* =========================================================
   PILLS para Filter Everything / WPC: RADIO buttons
   Target: <ul class="wpc-filters-ul-list wpc-filters-radio ...">
   ========================================================= */

/* Layout pills */
ul.wpc-filters-ul-list.wpc-filters-radio{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
  padding-left: 0 !important;
  margin: 10px 0 0 0 !important;
  list-style: none !important;
}

/* Reset LI */
ul.wpc-filters-ul-list.wpc-filters-radio > li.wpc-radio-item{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Wrapper */
ul.wpc-filters-ul-list.wpc-filters-radio .wpc-term-item-content-wrapper{
  display: block !important;
}

/* Hide native radio */
ul.wpc-filters-ul-list.wpc-filters-radio input[type="radio"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Make the LABEL the pill */
ul.wpc-filters-ul-list.wpc-filters-radio label{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  font-size: 0.72rem !important;
  padding: 6px 12px !important;
  background: #ffffff !important; /* fondo blanco */
  cursor: pointer !important;

  line-height: 1 !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

/* Link inside label should not look like a link */
ul.wpc-filters-ul-list.wpc-filters-radio label a.wpc-filter-link{
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  display: inline !important;
}

/* ACTIVE state: checked radio -> pill highlighted */
ul.wpc-filters-ul-list.wpc-filters-radio input[type="radio"]:checked + label{
  background: var(--accent, #9ed6ff) !important;
  border-color: transparent !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* Hover */
ul.wpc-filters-ul-list.wpc-filters-radio label:hover{
  background: #f3f4f6 !important;
}

/* =========================================================
   MOBILE: Center titles + full-width pills
   ========================================================= */
@media (max-width: 767px){

  /* Titles centered (middle) */
  .wpc-filter-title{
    text-align: center !important;
  }

  /* Make the pills container stack vertically and occupy full width */
  .wpc-filters-checkboxes,
  ul.wpc-filters-ul-list.wpc-filters-radio{
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  /* Each LI takes full width */
  .wpc-filters-checkboxes > li,
  ul.wpc-filters-ul-list.wpc-filters-radio > li.wpc-radio-item{
    width: 100% !important;
  }

  /* Full-width pill label */
  .wpc-filters-checkboxes label,
  ul.wpc-filters-ul-list.wpc-filters-radio label{
    width: 100% !important;
    border-radius: 18px !important;
    background: #D5FAFF !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    padding: 10px 12px !important;
    justify-content: center !important;
  }

  /* The plugin nests an <a> inside the label; force it to fill the label */
  .wpc-filters-checkboxes label a.wpc-filter-link,
  ul.wpc-filters-ul-list.wpc-filters-radio label a.wpc-filter-link{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* Active state (keep your accent, but still full width + 18px radius) */
  .wpc-filters-checkboxes input[type="checkbox"]:checked + label,
  ul.wpc-filters-ul-list.wpc-filters-radio input[type="radio"]:checked + label{
    border-radius: 18px !important;
  }
}
/* =========================================================
   MOBILE – FORCE center filter titles (e.g. Proveedores)
   ========================================================= */
@media (max-width: 767px){

  /* Cover all known Filter Everything title variants */
  .wpc-filter-title,
  .wpc-filter-title *,
  .wpc-filter-heading,
  .wpc-filter-heading *,
  .wpc-filter-label,
  .wpc-filter-label *,
  .wpc-filters-title,
  .wpc-filters-title *{
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    display: block !important;
  }

  /* In case the title sits inside a flex row */
  .wpc-filter,
  .wpc-filter > div:first-child{
    display: flex !important;
    justify-content: center !important;
  }
}

h2.widgettitle {
    font-size: 0.6em !important;
    font-family: 'Helvetica', Sans-Serif;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55a2139 *//* The empty spacer is stealing the first grid column */
.wpc-filters-widget-wrapper .wpc-posts-found{
  display: none !important;
}

/* Your 4-column grid */
.wpc-filters-widget-wrapper{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: flex-start;
  background: gray; /* your test */
}

/* Defensive: kill any plugin floats/clears/widths that can break grid */
.wpc-filters-widget-wrapper > .wpc-filters-section{
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* === MOBILE: STACK EACH FILTER SECTION IN ITS OWN ROW === */
@media (max-width: 767px) {

  /* One column on mobile */
  .wpc-filters-widget-wrapper{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* Ensure each section spans full width */
  .wpc-filters-widget-wrapper > .wpc-filters-section{
    grid-column: 1 / -1 !important;
  }

  /* Keep the slider layout sane on small screens */
  .wpc-filters-range-wrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .wpc-filters-range-slider-wrapper{
    grid-column: 1 / -1 !important;
    margin-top: 8px !important;
  }
}

/* ====== WRAPPER (WHITE, ROUNDED, MIN SHADOW) ====== */
.wpc-filters-main-wrap .wpc-filters-widget-content{
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  padding: 16px !important;
}

/* remove your test gray if still present */
.wpc-filters-widget-wrapper{
  background: transparent !important;
}

/* ====== PILLS LAYOUT (LIKE .filter-tabs) ====== */

/* UL becomes the "tabs" container */
.wpc-filters-checkboxes{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important; /* center inside the section */
  padding-left: 0 !important;
  margin: 10px 0 0 0 !important;
  list-style: none !important;
}

/* remove li spacing/bullets */
.wpc-filters-checkboxes > li{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* hide checkbox */
.wpc-filters-checkboxes input[type="checkbox"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* label becomes the pill (your .filter-tab) */
.wpc-filters-checkboxes label{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  font-size: 0.72rem !important;
  padding: 6px 12px !important;
  background: #f9fafb !important;
  cursor: pointer !important;

  line-height: 1 !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

/* plugin puts an <a> inside label; make it behave like text */
.wpc-filters-checkboxes label a.wpc-filter-link{
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  display: inline !important;
}

/* ACTIVE (your .filter-tab.active) via :checked */
.wpc-filters-checkboxes input[type="checkbox"]:checked + label{
  background: var(--accent, #9ed6ff) !important;
  border-color: transparent !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* optional hover */
.wpc-filters-checkboxes label:hover{
  background: #eef2ff !important;
}

/* ====== IMPORTANT: keep the spacer from breaking columns ====== */
.wpc-filters-widget-wrapper .wpc-posts-found{
  display: none !important;
}
/* ===== TITULOS DE FILTRO ===== */
.wpc-filter-title{
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-weight: 600 !important;
  text-align: center !important; /* centrado sobre las pills */
  margin-bottom: 8px !important;
}
/* ===== RESET ALL BUTTON ===== */
.wpc-filters-reset-button,
.wpc-filters-clear-button,
.wpc-filters-widget-controls a.wpc-filters-reset,
.wpc-filters-widget-controls a[href*="reset"]{
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  background: transparent !important;
  border: none !important;
  color: #64748b !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
}

/* hover */
.wpc-filters-reset-button:hover,
.wpc-filters-clear-button:hover,
.wpc-filters-widget-controls a:hover{
  color: #0f172a !important;
  text-decoration: underline !important;
}
/* ===== ACTIVE FILTERS CONTAINER ===== */
.wpc-filter-chips-list{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
}
/* ===== ACTIVE FILTER CHIP ===== */
.wpc-filter-chip,
.wpc-filter-chips-list li{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  border-radius: 999px !important;
  background: var(--accent, #9ed6ff) !important;
  color: #0f172a !important;

  font-size: 0.72rem !important;
  padding: 6px 10px !important;
  font-weight: 600 !important;
}
/* remove / close icon inside chip */
.wpc-filter-chip-remove,
.wpc-filter-chip a{
  color: inherit !important;
  opacity: 0.6 !important;
  text-decoration: none !important;
}

.wpc-filter-chip-remove:hover,
.wpc-filter-chip a:hover{
  opacity: 1 !important;
}
/* ===== FIX: RESET ALL (make it clean, not baby-blue) ===== */
.wpc-filters-widget-controls-container a.wpc-filters-reset-button,
.wpc-filters-widget-controls-container a.wpc-filters-clear-button,
.wpc-filters-widget-controls-container a.wpc-filters-reset,
.wpc-filters-widget-controls-container a[class*="reset"],
.wpc-filters-widget-controls-container a[class*="clear"]{
  /* hard reset */
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;

  /* clean pill */
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 999px !important;

  /* typography */
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-weight: 600 !important;

  /* spacing */
  padding: 6px 10px !important;

  /* color */
  color: #475569 !important;
  line-height: 1 !important;
}

/* hover */
.wpc-filters-widget-controls-container a.wpc-filters-reset-button:hover,
.wpc-filters-widget-controls-container a.wpc-filters-clear-button:hover,
.wpc-filters-widget-controls-container a.wpc-filters-reset:hover,
.wpc-filters-widget-controls-container a[class*="reset"]:hover,
.wpc-filters-widget-controls-container a[class*="clear"]:hover{
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
  color: #0f172a !important;
  text-decoration: none !important;
}
/* ===== NUCLEAR OVERRIDE: RESET ALL button (wins against plugin styles) ===== */
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-reset-button,
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-clear-button,
.wpc-filters-widget-controls-container :is(a, button)[class*="reset"],
.wpc-filters-widget-controls-container :is(a, button)[class*="clear"]{
  all: unset !important;                /* wipes plugin styling */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  background: #fff !important;

  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-weight: 600 !important;

  padding: 6px 10px !important;
  color: #475569 !important;
  cursor: pointer !important;
  line-height: 1 !important;
}

/* Hover */
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-reset-button:hover,
.wpc-filters-widget-controls-container :is(a, button).wpc-filters-clear-button:hover,
.wpc-filters-widget-controls-container :is(a, button)[class*="reset"]:hover,
.wpc-filters-widget-controls-container :is(a, button)[class*="clear"]:hover{
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
  color: #0f172a !important;
}
/* Prevent pills styles from affecting control buttons */
.wpc-filters-widget-controls-container label,
.wpc-filters-widget-controls-container a,
.wpc-filters-widget-controls-container button{
  background: transparent !important;
}

/* =========================================================
   PILLS para Filter Everything / WPC: RADIO buttons
   Target: <ul class="wpc-filters-ul-list wpc-filters-radio ...">
   ========================================================= */

/* Layout pills */
ul.wpc-filters-ul-list.wpc-filters-radio{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
  padding-left: 0 !important;
  margin: 10px 0 0 0 !important;
  list-style: none !important;
}

/* Reset LI */
ul.wpc-filters-ul-list.wpc-filters-radio > li.wpc-radio-item{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Wrapper */
ul.wpc-filters-ul-list.wpc-filters-radio .wpc-term-item-content-wrapper{
  display: block !important;
}

/* Hide native radio */
ul.wpc-filters-ul-list.wpc-filters-radio input[type="radio"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Make the LABEL the pill */
ul.wpc-filters-ul-list.wpc-filters-radio label{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  font-size: 0.72rem !important;
  padding: 6px 12px !important;
  background: #ffffff !important; /* fondo blanco */
  cursor: pointer !important;

  line-height: 1 !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

/* Link inside label should not look like a link */
ul.wpc-filters-ul-list.wpc-filters-radio label a.wpc-filter-link{
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  display: inline !important;
}

/* ACTIVE state: checked radio -> pill highlighted */
ul.wpc-filters-ul-list.wpc-filters-radio input[type="radio"]:checked + label{
  background: var(--accent, #9ed6ff) !important;
  border-color: transparent !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* Hover */
ul.wpc-filters-ul-list.wpc-filters-radio label:hover{
  background: #f3f4f6 !important;
}

/* =========================================================
   MOBILE: Center titles + full-width pills
   ========================================================= */
@media (max-width: 767px){

  /* Titles centered (middle) */
  .wpc-filter-title{
    text-align: center !important;
  }

  /* Make the pills container stack vertically and occupy full width */
  .wpc-filters-checkboxes,
  ul.wpc-filters-ul-list.wpc-filters-radio{
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  /* Each LI takes full width */
  .wpc-filters-checkboxes > li,
  ul.wpc-filters-ul-list.wpc-filters-radio > li.wpc-radio-item{
    width: 100% !important;
  }

  /* Full-width pill label */
  .wpc-filters-checkboxes label,
  ul.wpc-filters-ul-list.wpc-filters-radio label{
    width: 100% !important;
    border-radius: 18px !important;
    background: #D5FAFF !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    padding: 10px 12px !important;
    justify-content: center !important;
  }

  /* The plugin nests an <a> inside the label; force it to fill the label */
  .wpc-filters-checkboxes label a.wpc-filter-link,
  ul.wpc-filters-ul-list.wpc-filters-radio label a.wpc-filter-link{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* Active state (keep your accent, but still full width + 18px radius) */
  .wpc-filters-checkboxes input[type="checkbox"]:checked + label,
  ul.wpc-filters-ul-list.wpc-filters-radio input[type="radio"]:checked + label{
    border-radius: 18px !important;
  }
}
/* =========================================================
   MOBILE – FORCE center filter titles (e.g. Proveedores)
   ========================================================= */
@media (max-width: 767px){

  /* Cover all known Filter Everything title variants */
  .wpc-filter-title,
  .wpc-filter-title *,
  .wpc-filter-heading,
  .wpc-filter-heading *,
  .wpc-filter-label,
  .wpc-filter-label *,
  .wpc-filters-title,
  .wpc-filters-title *{
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    display: block !important;
  }

  /* In case the title sits inside a flex row */
  .wpc-filter,
  .wpc-filter > div:first-child{
    display: flex !important;
    justify-content: center !important;
  }
}

h2.widgettitle {
    font-size: 0.6em !important;
    font-family: 'Helvetica', Sans-Serif;
}/* End custom CSS */