/* Waway · filtros de catálogo 2026 — estructura inspirada en retail, identidad Waway */
.catalogo-con-filtros-waway{
  display:grid;
  grid-template-columns:270px minmax(0,1fr) auto;
  grid-template-areas:"panel meta toolbar" "panel grid grid";
  column-gap:30px;
  align-items:start;
}
.catalogo-con-filtros-waway>.resultados-meta{
  grid-area:meta;display:flex;align-items:center;justify-content:flex-start;
  min-height:58px;margin:0;padding:0 0 14px;border-bottom:1px solid var(--line,rgba(33,29,26,.12));
  color:var(--muted,#6f6861);font-family:"Poppins",sans-serif;font-size:13px;font-weight:500;
}
.catalogo-con-filtros-waway>.grid-resultados{grid-area:grid;min-width:0}
.catalogo-toolbar-waway{
  grid-area:toolbar;display:flex;justify-content:flex-end;align-items:center;position:relative;
  min-height:58px;margin:0;padding:0 0 14px;border-bottom:1px solid var(--line,rgba(33,29,26,.12));
}
.filtrar-toggle-waway{display:none}
.ordenar-toggle-waway{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line,rgba(33,29,26,.12));
  border-radius:999px;background:rgba(255,255,255,.72);padding:10px 15px;
  color:var(--ink,#211d1a);font-family:"Poppins",sans-serif;font-size:11px;font-weight:600;letter-spacing:.035em;cursor:pointer
}
.ordenar-toggle-waway:hover{background:#fff;border-color:rgba(33,29,26,.22)}
.ordenar-toggle-waway b{font-size:14px;font-weight:500}
.orden-menu-waway{
  display:none;position:absolute;right:0;top:50px;width:250px;overflow:hidden;background:#fff;
  border:1px solid var(--line,rgba(33,29,26,.12));border-radius:16px;box-shadow:var(--shadow-sm,0 10px 30px rgba(55,42,31,.08));z-index:40
}
.orden-abierto .orden-menu-waway{display:grid}
.orden-menu-waway button{
  border:0;border-bottom:1px solid var(--line,rgba(33,29,26,.08));background:#fff;text-align:left;padding:12px 16px;
  color:var(--ink,#211d1a);font-family:"Poppins",sans-serif;font-size:12px;font-weight:500;cursor:pointer
}
.orden-menu-waway button:last-child{border-bottom:0}.orden-menu-waway button:hover{background:var(--surface-soft,#f2ebe2);color:var(--accent-dark,#944a36)}
.filtros-productos-waway{
  grid-area:panel;position:sticky;top:96px;overflow:hidden;background:rgba(255,255,255,.68);
  border:1px solid var(--line,rgba(33,29,26,.12));border-radius:24px;padding:0;box-shadow:0 12px 35px rgba(55,42,31,.055)
}
.filtros-titulo-waway{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid var(--line,rgba(33,29,26,.1))}
.filtros-titulo-waway h2{margin:0;color:var(--ink,#211d1a);font-family:"Playfair Display",serif;font-size:22px;font-weight:600;letter-spacing:-.01em}
.cerrar-filtros-waway{display:none}
.filtro-acordeon-waway{border-bottom:1px solid var(--line,rgba(33,29,26,.1));background:transparent}
.filtro-acordeon-waway[hidden]{display:none!important}
.filtro-acordeon-waway summary{
  list-style:none;cursor:pointer;padding:17px 20px;color:var(--ink,#211d1a);font-family:"Poppins",sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.035em;display:flex;justify-content:space-between;align-items:center
}
.filtro-acordeon-waway summary::-webkit-details-marker{display:none}.filtro-acordeon-waway summary:after{content:'⌄';font-size:15px;color:var(--accent-dark,#944a36)}.filtro-acordeon-waway[open] summary:after{transform:rotate(180deg)}
.filtro-contenido-waway{padding:0 20px 18px;display:grid;gap:10px}
.filtro-check-waway{display:flex;gap:10px;align-items:center;color:var(--muted,#6f6861);font-family:"Poppins",sans-serif;font-size:12px;font-weight:400;cursor:pointer}
.filtro-check-waway input{width:16px;height:16px;accent-color:var(--accent,#bd6549)}
.filtro-precio-waway{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filtro-precio-waway input{
  width:100%;min-width:0;border:1px solid var(--line,rgba(33,29,26,.14));border-radius:12px;background:#fff;padding:11px 10px;
  color:var(--ink,#211d1a);font-family:"Poppins",sans-serif;font-size:11px;outline:none
}
.filtro-precio-waway input:focus{border-color:var(--accent,#bd6549);box-shadow:0 0 0 3px rgba(189,101,73,.1)}
.filtros-acciones-waway{padding:16px 20px 20px;display:grid;gap:8px}.limpiar-filtros-waway,.aplicar-filtros-waway{
  min-height:44px;border:0;border-radius:999px;font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;cursor:pointer
}
.limpiar-filtros-waway{background:var(--surface-soft,#f2ebe2);color:var(--accent-dark,#944a36)}.limpiar-filtros-waway:hover{background:#eadfd3}.aplicar-filtros-waway{display:none;background:var(--accent,#bd6549);color:#fff}.filtros-overlay-waway{display:none}

@media(max-width:900px) and (min-width:701px){.catalogo-con-filtros-waway{grid-template-columns:230px minmax(0,1fr) auto;column-gap:20px}.filtros-titulo-waway h2{font-size:19px}}

@media(max-width:700px){
  .catalogo-con-filtros-waway{display:flex;flex-direction:column}
  .catalogo-toolbar-waway{order:1;width:calc(100% + 32px);margin:0 -16px;display:grid;grid-template-columns:1fr 1fr;padding:0;border-top:1px solid var(--line,rgba(33,29,26,.1));border-bottom:1px solid var(--line,rgba(33,29,26,.1));min-height:66px;background:rgba(255,255,255,.7)}
  .catalogo-con-filtros-waway>.resultados-meta{order:2;width:100%;justify-content:center;min-height:auto;margin:0;padding:18px 0 16px;border:0;font-size:12px;color:var(--muted,#6f6861)}
  .catalogo-con-filtros-waway>.grid-resultados{order:3;width:100%}
  .ordenar-toggle-waway,.filtrar-toggle-waway{display:flex;align-items:center;justify-content:center;width:100%;height:66px;border:0;border-radius:0;background:transparent;color:var(--ink,#211d1a);font-family:"Poppins",sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em}
  .ordenar-toggle-waway{border-right:1px solid var(--line,rgba(33,29,26,.1))}
  .orden-menu-waway{top:66px;left:12px;right:auto;width:calc(100vw - 24px);border-radius:16px;z-index:10030}
  .filtros-productos-waway{display:block;position:fixed;z-index:10050;top:0;right:0;bottom:0;left:auto;width:min(86vw,390px);padding:0;background:var(--paper,#fbf8f3);border:0;border-radius:28px 0 0 28px;box-shadow:-20px 0 60px rgba(33,29,26,.16);overflow-y:auto;transform:translateX(105%);transition:transform .25s ease}
  .filtros-productos-waway.abierto{transform:none}.filtros-titulo-waway{padding:26px 24px 22px;background:#fff}.filtros-titulo-waway h2{font-size:26px}.cerrar-filtros-waway{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--surface-soft,#f2ebe2);font-size:24px;color:var(--ink,#211d1a)}
  .filtro-acordeon-waway{background:#fff}.filtro-acordeon-waway summary{padding:21px 24px;font-size:14px}.filtro-contenido-waway{padding:0 24px 20px}.filtro-check-waway{font-size:13px}.filtro-precio-waway input{padding:12px;font-size:12px}
  .filtros-acciones-waway{padding:22px 24px 30px;gap:10px}.limpiar-filtros-waway,.aplicar-filtros-waway{display:block;min-height:52px;font-size:14px}.limpiar-filtros-waway{background:var(--surface-soft,#f2ebe2);color:var(--accent-dark,#944a36)}.aplicar-filtros-waway{background:var(--accent,#bd6549);color:#fff}
  .filtros-overlay-waway.activo{display:block;position:fixed;z-index:10040;inset:0;background:rgba(33,29,26,.42);backdrop-filter:blur(2px)}body.filtros-abiertos-waway{overflow:hidden}
}

/* Waway 2026-10-05 — catálogo con filtros: 3 productos por fila en escritorio */
@media (min-width: 901px) {
  .catalogo-con-filtros-waway > .grid-resultados.grid-resultados-productos,
  .catalogo-con-filtros-waway .grid-resultados-productos {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}