/* annasta Woocommerce Product Filters autogenerated style options css */@media(max-width:768px){.awf-preset-wrapper.awf-preset-1-wrapper{opacity:0;}body:not(.awf-filterable) .awf-preset-wrapper.awf-preset-1-wrapper{display:none;}}.awf-filters-1-1-container.awf-style-icons label::before {content:"";font-weight:400;}.awf-filters-1-1-container.awf-style-icons .awf-filter-container:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-1-container.awf-style-icons .awf-filter-container.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:400;}.awf-filters-1-1-container.awf-style-icons .awf-active label::before {content:"";font-weight:900;}.awf-filters-1-1-container.awf-style-icons .awf-hierarchical-sbs-active-parent label::before {content:"";font-weight:900;}.awf-filters-1-1-container.awf-style-icons .awf-active:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-1-container.awf-style-icons .awf-hierarchical-sbs-active-parent:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-1-container.awf-style-icons .awf-active.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:900;}.awf-filters-1-1-container.awf-style-icons .awf-hierarchical-sbs-active-parent.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:900;}.awf-filters-1-4-container.awf-style-icons label::before {content:"";font-weight:400;}.awf-filters-1-4-container.awf-style-icons .awf-filter-container:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-4-container.awf-style-icons .awf-filter-container.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:400;}.awf-filters-1-4-container.awf-style-icons .awf-active label::before {content:"";font-weight:900;}.awf-filters-1-4-container.awf-style-icons .awf-hierarchical-sbs-active-parent label::before {content:"";font-weight:900;}.awf-filters-1-4-container.awf-style-icons .awf-active:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-4-container.awf-style-icons .awf-hierarchical-sbs-active-parent:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-4-container.awf-style-icons .awf-active.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:900;}.awf-filters-1-4-container.awf-style-icons .awf-hierarchical-sbs-active-parent.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:900;}.awf-filters-1-5-container.awf-style-icons label::before {content:"";font-weight:400;}.awf-filters-1-5-container.awf-style-icons .awf-filter-container:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-5-container.awf-style-icons .awf-filter-container.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:400;}.awf-filters-1-5-container.awf-style-icons .awf-active label::before {content:"";font-weight:900;}.awf-filters-1-5-container.awf-style-icons .awf-hierarchical-sbs-active-parent label::before {content:"";font-weight:900;}.awf-filters-1-5-container.awf-style-icons .awf-active:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-5-container.awf-style-icons .awf-hierarchical-sbs-active-parent:not(.awf-hover-off) label:hover::before {content:"";font-weight:400;}.awf-filters-1-5-container.awf-style-icons .awf-active.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:900;}.awf-filters-1-5-container.awf-style-icons .awf-hierarchical-sbs-active-parent.awf-empty-disabled.awf-empty label:hover::before {content:"";font-weight:900;}
          .awf-filterable .blockUI::before{content: "" !important;display:none !important;}
          .awf-filterable .blockUI.blockMsg .awf-loader::before{content: "\f1ce";
          height: 125px;
          width: 125px;
          line-height: 125px;
          font-size: 125px;
          opacity: 1;
        color:#e8650d;animation-duration:1.5s;}.awf-filterable .blockUI.blockOverlay{opacity:0.8 !important;}.awf-filters-container .awf-filter-container.awf-range-slider-container,.awf-filters-container .awf-taxonomy-range-slider-container{font-size:12px;}.noUi-horizontal{height:3px;}.noUi-target{border-radius:0;box-shadow:none;}.noUi-connects{border-radius:0;}.noUi-connect{background:#eb2222;}
            .noUi-horizontal .noUi-handle{top:-7px;right:-6px;width:12px;height:16px;background:#666;border:none;box-shadow:none;}
            .noUi-horizontal .noUi-handle::before{display: none;}
            .noUi-horizontal .noUi-handle::after{content:"\f0d7";top:11px;left:0;width:0px;line-height:12px;color:#666;font-family: "AWF FA", "Font Awesome 5 Free";font-size:19px;font-weight:900;text-shadow:none;border:none;background:none;box-shadow:none;}
            .noUi-pips-horizontal{margin-top:5px;}.noUi-marker-horizontal.noUi-marker-large{height:10px;}.noUi-horizontal .noUi-tooltip{margin-bottom:5px;line-height:12px;background:#fbfbfb;}.noUi-horizontal .noUi-tooltip::before{content:"\f0d7";position:absolute;display:block;top:auto;bottom:0;left:50%;margin-bottom:-7.5px;transform:translate(-50%, 0);line-height:12px;color:#ccc;font-family: "AWF FA","Font Awesome 5 Free";font-size:12px;font-weight:900;}.awf-slider-tooltips-below{margin-top:40px;}.awf-togglable-preset-btn{transform:rotate(0deg);}.awf-togglable-preset-btn i.awf-togglable-preset-btn-icon::before{content:"\f0b0";font-size:1em;padding-right:0px;border-right-style:none;border-right-width:0px;}.awf-togglable-preset-close-btn{}.awf-togglable-preset.awf-left-popup-sidebar-mode .awf-togglable-preset-close-btn, .awf-togglable-preset-mode-on .awf-togglable-on-s-preset.awf-left-popup-sidebar-mode .awf-togglable-preset-close-btn{text-align:right; justify-content:right;}.awf-togglable-preset-close-btn{font-size:15px;margin-top:-20px;margin-right:-20px;margin-bottom:35px;margin-left:-20px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:15px;}.awf-togglable-preset-close-btn i{font-size:1.25em;}.awf-filter-wrapper:not(.awf-dropdown) .awf-collapse-btn::before{content:"\f068";}.awf-filter-wrapper:not(.awf-dropdown).awf-collapsed .awf-collapse-btn::before{content:"\f067";transform: scaleY(-1) rotate(90deg);}.awf-togglable-preset-btn{padding-top:20px;padding-left:35px;line-height:5px;color:#ffffff;font-size:15px;text-transform:uppercase;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-radius:8px;}/* User CSS *//* =========================================================
   PUZLES3D.com — Annasta (awf) UI refresh
   Pega esto en: annasta Filters → Style settings → Custom CSS
   ========================================================= */

/* 1) Tokens (colores, radios, sombras) */
:root{
  --awf-bg: #ffffff;
  --awf-surface: #ffffff;
  --awf-muted: #f5f6f8;
  --awf-border: rgba(16, 24, 40, .12);
  --awf-text: #0f172a;
  --awf-text-2: rgba(15, 23, 42, .72);

  /* Acento (naranja “con fuerza”, sin ser chillón) */
  --awf-accent: #f97316;        /* cambia aquí si quieres */
  --awf-accent-2: #fb923c;

  --awf-radius: 14px;
  --awf-radius-sm: 10px;

  --awf-shadow: 0 14px 30px rgba(2, 6, 23, .10);
  --awf-shadow-sm: 0 8px 18px rgba(2, 6, 23, .10);

  --awf-ring: 0 0 0 3px rgba(249, 115, 22, .22);
  --awf-font: inherit; /* respeta tu tipografía del tema */
}

/* 2) Scope principal: preset wrapper + variantes comunes */
.awf-preset-wrapper,
[class*="awf-"].awf-preset-wrapper{
  font-family: var(--awf-font);
  color: var(--awf-text);
}

/* Panel / contenedor */
.awf-preset-wrapper{
  background: var(--awf-surface);
  border: 1px solid var(--awf-border);
  border-radius: var(--awf-radius);
  box-shadow: var(--awf-shadow);
  overflow: hidden;
}

/* Padding interno del contenido (varía por tema, añadimos “aire”) */
.awf-preset-wrapper .awf-filters-form,
.awf-preset-wrapper form,
.awf-preset-wrapper .awf-preset-inner,
.awf-preset-wrapper .awf-preset-content{
  padding: 16px 16px 14px;
}

/* Cabecera / barras (títulos, reset, etc.) */
.awf-preset-wrapper .awf-preset-title,
.awf-preset-wrapper .awf-title,
.awf-preset-wrapper h2,
.awf-preset-wrapper h3{
  margin: 0 0 10px;
  font-weight: 800;
  letter-spacing: -.02em;
}

/* Separadores “finos” */
.awf-preset-wrapper hr,
.awf-preset-wrapper .awf-sep{
  border: 0;
  border-top: 1px solid var(--awf-border);
  margin: 12px 0;
}

/* 3) Botones: base + primario (Filtro) + secundario (Limpiar todo / Cerrar) */
.awf-preset-wrapper button,
.awf-preset-wrapper .button,
.awf-preset-wrapper input[type="button"],
.awf-preset-wrapper input[type="submit"],
.awf-preset-wrapper a.button{
  appearance: none;
  border: 1px solid var(--awf-border);
  background: var(--awf-bg);
  color: var(--awf-text);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1;
  box-shadow: 0 1px 0 rgba(2, 6, 23, .04);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
  cursor: pointer;
}

.awf-preset-wrapper button:hover,
.awf-preset-wrapper .button:hover,
.awf-preset-wrapper input[type="submit"]:hover,
.awf-preset-wrapper a.button:hover{
  transform: translateY(-1px);
  box-shadow: var(--awf-shadow-sm);
  border-color: rgba(249, 115, 22, .35);
}

.awf-preset-wrapper button:active,
.awf-preset-wrapper .button:active,
.awf-preset-wrapper input[type="submit"]:active{
  transform: translateY(0px);
  box-shadow: 0 4px 10px rgba(2, 6, 23, .10);
}

.awf-preset-wrapper button:focus,
.awf-preset-wrapper .button:focus,
.awf-preset-wrapper input:focus,
.awf-preset-wrapper a:focus{
  outline: none;
  box-shadow: var(--awf-shadow-sm), var(--awf-ring);
}

/* Primario: botón “Filtro” (típico: .awf-btn-container > button) */
.awf-btn-container > button,
.awf-preset-wrapper .awf-apply-btn,
.awf-preset-wrapper .awf-submit-btn{
  background: linear-gradient(180deg, var(--awf-accent-2), var(--awf-accent));
  color: #fff;
  border-color: rgba(249, 115, 22, .50);
  box-shadow: 0 10px 20px rgba(249, 115, 22, .22);
}

.awf-btn-container > button:hover,
.awf-preset-wrapper .awf-apply-btn:hover,
.awf-preset-wrapper .awf-submit-btn:hover{
  box-shadow: 0 14px 26px rgba(249, 115, 22, .28);
}

/* Secundario “limpiar todo” (reset all) */
.awf-reset-btn-container > button,
.awf-preset-wrapper .awf-reset-btn,
.awf-preset-wrapper .awf-reset-all-btn{
  background: #fff;
  border-color: rgba(15, 23, 42, .16);
}

/* Estilo “píldora” para que reset/close no parezcan botones “viejos” */
.awf-preset-wrapper .awf-close,
.awf-preset-wrapper .awf-toggle-close,
.awf-preset-wrapper .awf-close-btn{
  background: rgba(15, 23, 42, .04);
}

/* 4) Inputs: buscador y campos */
.awf-preset-wrapper input[type="search"],
.awf-preset-wrapper input[type="text"],
.awf-preset-wrapper input[type="number"],
.awf-preset-wrapper select{
  width: 100%;
  border: 1px solid var(--awf-border);
  background: var(--awf-muted);
  color: var(--awf-text);
  border-radius: 999px;
  padding: 11px 14px;
  font-weight: 700;
  transition: box-shadow .12s ease, border-color .12s ease, background .12s ease;
}

.awf-preset-wrapper input[type="search"]::placeholder,
.awf-preset-wrapper input[type="text"]::placeholder{
  color: rgba(15, 23, 42, .55);
  font-weight: 700;
}

.awf-preset-wrapper input[type="search"]:focus,
.awf-preset-wrapper input[type="text"]:focus,
.awf-preset-wrapper select:focus{
  background: #fff;
  border-color: rgba(249, 115, 22, .45);
  box-shadow: var(--awf-ring);
  outline: none;
}

/* Quitar “x” fea del search en algunos navegadores (cuando aplica) */
.awf-preset-wrapper input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .25);
}

/* 5) Bloques de filtro: títulos, colapsables, listas */
.awf-preset-wrapper .awf-filter,
.awf-preset-wrapper .awf-filter-wrapper,
.awf-preset-wrapper .awf-filter-block{
  border-top: 1px solid var(--awf-border);
  padding: 12px 0;
}

.awf-preset-wrapper .awf-filter:first-child{
  border-top: 0;
}

/* Título del filtro (clickable/collapse) */
.awf-preset-wrapper .awf-filter-title,
.awf-preset-wrapper .awf-title-bar,
.awf-preset-wrapper .awf-filter h4{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: 900;
  letter-spacing: -.01em;
  margin: 0 0 10px;
  color: var(--awf-text);
}

/* Icono/chevron de colapso: hacemos que “respire” y sea más sutil */
.awf-preset-wrapper .awf-filter-title .awf-toggle,
.awf-preset-wrapper .awf-title-bar .awf-toggle,
.awf-preset-wrapper .awf-collapse-toggle{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .04);
  border: 1px solid rgba(15, 23, 42, .10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Listas (categorías, tags, etc.) */
.awf-preset-wrapper ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.awf-preset-wrapper li{
  margin: 0;
  padding: 0;
}

/* Items: más “táctiles” */
.awf-preset-wrapper li a,
.awf-preset-wrapper li label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--awf-text);
  font-weight: 750;
  transition: background .12s ease, transform .12s ease;
}

.awf-preset-wrapper li a:hover,
.awf-preset-wrapper li label:hover{
  background: rgba(249, 115, 22, .08);
}

/* Subniveles (categorías hijas) */
.awf-preset-wrapper ul ul{
  margin-top: 6px;
  padding-left: 10px;
  border-left: 1px dashed rgba(15, 23, 42, .14);
}

/* Contadores (si los muestra): estilo “badge” */
.awf-preset-wrapper .awf-count,
.awf-preset-wrapper .count{
  font-size: 12px;
  font-weight: 900;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .06);
  color: rgba(15, 23, 42, .70);
}

/* 6) Radios / checkboxes: look moderno sin romper accesibilidad
   (funciona aunque annasta use inputs nativos con label) */
.awf-preset-wrapper input[type="checkbox"],
.awf-preset-wrapper input[type="radio"]{
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  accent-color: var(--awf-accent); /* navegadores modernos */
}

@supports not (accent-color: auto){
  /* Fallback: “simulamos” con box-shadow simple */
  .awf-preset-wrapper input[type="checkbox"],
  .awf-preset-wrapper input[type="radio"]{
    -webkit-appearance: none;
    appearance: none;
    border: 1.5px solid rgba(15, 23, 42, .35);
    border-radius: 5px;
    background: #fff;
    display: inline-grid;
    place-content: center;
  }
  .awf-preset-wrapper input[type="radio"]{ border-radius: 999px; }

  .awf-preset-wrapper input[type="checkbox"]::before{
    content: "";
    width: 10px; height: 10px;
    transform: scale(0);
    transition: transform .12s ease;
    box-shadow: inset 1em 1em var(--awf-accent);
    clip-path: polygon(14% 44%, 0 65%, 42% 100%, 100% 16%, 80% 0, 39% 62%);
  }
  .awf-preset-wrapper input[type="checkbox"]:checked::before{
    transform: scale(1);
  }

  .awf-preset-wrapper input[type="radio"]::before{
    content: "";
    width: 10px; height: 10px;
    border-radius: 999px;
    transform: scale(0);
    transition: transform .12s ease;
    background: var(--awf-accent);
  }
  .awf-preset-wrapper input[type="radio"]:checked::before{
    transform: scale(1);
  }

  .awf-preset-wrapper input[type="checkbox"]:focus,
  .awf-preset-wrapper input[type="radio"]:focus{
    outline: none;
    box-shadow: var(--awf-ring);
    border-color: rgba(249, 115, 22, .55);
  }
}

/* 7) “Active filters / badges” (si los tienes activados) */
.awf-preset-wrapper .awf-active-badges,
.awf-preset-wrapper .awf-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
}

.awf-preset-wrapper .awf-badge,
.awf-preset-wrapper .awf-active-badge{
  border: 1px solid rgba(249, 115, 22, .30);
  background: rgba(249, 115, 22, .10);
  color: rgba(124, 45, 18, .98);
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 900;
}

/* 8) Slider de precio (noUiSlider) */
.awf-preset-wrapper .noUi-target{
  border: 0;
  background: rgba(15, 23, 42, .08);
  border-radius: 999px;
  box-shadow: none;
  height: 8px;
  margin: 10px 6px 14px;
}

.awf-preset-wrapper .noUi-connect{
  background: linear-gradient(90deg, var(--awf-accent), var(--awf-accent-2));
}

.awf-preset-wrapper .noUi-handle{
  width: 22px;
  height: 22px;
  top: -7px;
  border-radius: 999px;
  border: 2px solid #fff;
  background: var(--awf-accent);
  box-shadow: 0 10px 18px rgba(249, 115, 22, .30);
}

.awf-preset-wrapper .noUi-handle:before,
.awf-preset-wrapper .noUi-handle:after{
  display: none;
}

/* 9) Scrollbar “bonita” (si el preset limita altura) */
.awf-preset-wrapper *::-webkit-scrollbar{ width: 10px; height: 10px; }
.awf-preset-wrapper *::-webkit-scrollbar-thumb{
  background: rgba(15, 23, 42, .22);
  border-radius: 999px;
  border: 3px solid rgba(255,255,255,.65);
}
.awf-preset-wrapper *::-webkit-scrollbar-track{
  background: transparent;
}

/* 10) Off-canvas / popup sidebar: que parezca un panel moderno */
.awf-togglable-preset-on .awf-preset-wrapper,
.awf-togglable-preset-on .awf-togglable-preset-wrapper{
  border-radius: var(--awf-radius);
  box-shadow: var(--awf-shadow);
}

/* Botón flotante “Filters” (si lo usas) */
.awf-btn-container{
  margin: 12px 0;
}

/* 11) Micro-ajustes para que el layout sea más “pro” */
.awf-reset-btn-container{
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin: 10px 0 4px;
}

.awf-preset-wrapper .awf-filter-title,
.awf-preset-wrapper .awf-title-bar{
  padding: 2px 2px 0;
}

.awf-preset-wrapper .awf-filter .awf-items,
.awf-preset-wrapper .awf-filter ul{
  gap: 4px;
}

/* 12) Estados “vacíos” / deshabilitados */
.awf-preset-wrapper .is-disabled,
.awf-preset-wrapper [disabled],
.awf-preset-wrapper .awf-empty{
  opacity: .55;
  cursor: not-allowed;
}

/* 13) Móvil: más aire y botones full-width abajo si conviene */
@media (max-width: 768px){
  .awf-preset-wrapper .awf-filters-form,
  .awf-preset-wrapper form{
    padding: 14px;
  }

  .awf-btn-container > button,
  .awf-reset-btn-container > button{
    width: 100%;
    justify-content: center;
  }
}
/* ================================
   Annasta UI — Tipografía más ligera
   (Pegar AL FINAL del CSS anterior)
   ================================ */

/* Texto general del panel */
.awf-preset-wrapper{
  color: var(--awf-text);
  font-weight: 400;
}

/* Títulos de bloque (Búsqueda, Categorías, etc.) */
.awf-preset-wrapper .awf-filter-title,
.awf-preset-wrapper .awf-title-bar,
.awf-preset-wrapper .awf-filter h4,
.awf-preset-wrapper h2,
.awf-preset-wrapper h3{
  font-weight: 650;           /* antes: muy alto */
  letter-spacing: -0.01em;
}

/* Subtítulos / labels de secciones (si los hubiera) */
.awf-preset-wrapper .awf-preset-title,
.awf-preset-wrapper .awf-title{
  font-weight: 700;           /* solo el “top title” un poco más fuerte */
}

/* Opciones (Todo / En stock / categorías / etiquetas...) */
.awf-preset-wrapper li a,
.awf-preset-wrapper li label{
  font-weight: 520;           /* antes: 750 */
  color: rgba(15, 23, 42, .92);
}

/* Contadores (27), (7) etc: más discretos */
.awf-preset-wrapper .awf-count,
.awf-preset-wrapper .count{
  font-weight: 700;
  background: rgba(15, 23, 42, .05);
  color: rgba(15, 23, 42, .62);
}

/* Inputs (buscar, etc.) */
.awf-preset-wrapper input[type="search"],
.awf-preset-wrapper input[type="text"],
.awf-preset-wrapper input[type="number"],
.awf-preset-wrapper select{
  font-weight: 520;           /* antes: 700 */
}

/* Botones: seguimos con “presencia”, pero sin black-bold */
.awf-preset-wrapper button,
.awf-preset-wrapper .button,
.awf-preset-wrapper input[type="button"],
.awf-preset-wrapper input[type="submit"],
.awf-preset-wrapper a.button{
  font-weight: 650;           /* antes: 800 */
  letter-spacing: 0;
}

/* Pequeño ajuste de tamaño para que respire mejor */
.awf-preset-wrapper{
  font-size: 14px;
}
.awf-preset-wrapper .awf-filter-title,
.awf-preset-wrapper .awf-title-bar,
.awf-preset-wrapper .awf-filter h4{
  font-size: 15px;
}
@media (max-width: 768px){
  /* Oculta el botón si aparece dentro del contenido */
  main .awf-togglable-preset-btn.awf-show-togglable-preset-btn{
    display:none !important;
  }

  /* Muestra el botón si el plugin lo inserta en el header */
  #awf-header-insert .awf-togglable-preset-btn.awf-show-togglable-preset-btn{
    display:inline-block !important;
    margin: 0 !important;
  }
}