.tricolor-catalogo__cabeza{background:var(--crema)}
.tricolor-catalogo__lineas{list-style:none;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px;margin-top:34px}
.tricolor-catalogo__lineas > li{display:flex}
.tricolor-catalogo__lineas .tricolor-lineachip{flex:1;justify-content:flex-start}
.tricolor-lineachip{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:var(--r-m);
  background:#fff;box-shadow:var(--sombra-s);color:var(--tinta);
  transition:color .45s var(--ease),transform .5s var(--ease-lux);
}
.tricolor-lineachip::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tono);transform:translateY(101%);transition:transform .55s var(--ease-lux)}
.tricolor-lineachip:hover{color:var(--tono-texto);transform:translateY(-4px)}
.tricolor-lineachip:hover::before{transform:none}
.tricolor-lineachip__ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--tono);color:var(--tono-texto);transition:background .45s var(--ease)}
.tricolor-lineachip:hover .tricolor-lineachip__ico{background:color-mix(in srgb,var(--tono-texto) 18%,transparent)}
.tricolor-lineachip__ico .tricolor-icono{width:21px;height:21px}
.tricolor-lineachip__txt{display:grid;min-width:0}
.tricolor-lineachip__txt strong{font-size:14px;line-height:1.2}
.tricolor-lineachip__txt small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.tricolor-catalogo__lineas--otras{margin-top:14px}

.tricolor-catalogo__in{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}

/* ── filtros ── */
.tricolor-filtros{position:sticky;top:calc(var(--cab-h) + 20px);display:grid;gap:22px}
.tricolor-filtros__cabeza{display:flex;align-items:center;gap:10px}
.tricolor-filtros__titulo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}
.tricolor-filtros__titulo .tricolor-icono{width:18px;height:18px;color:var(--azul)}
.tricolor-filtros__limpiar{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--rojo);text-decoration:underline;text-underline-offset:3px}
.tricolor-filtros__cerrar{display:none}
.tricolor-filtros__grupo{padding-top:18px;border-top:1px solid var(--linea)}
.tricolor-filtros__h{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-55);margin-bottom:10px}
.tricolor-filtros__lista{list-style:none;display:grid;gap:4px}
.tricolor-filtro{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-s);font-size:14px;color:var(--tinta);transition:background .3s var(--ease),color .3s var(--ease)}
.tricolor-filtro:hover{background:var(--gris)}
.tricolor-filtros__lista--botones{display:flex;flex-wrap:wrap;gap:8px}
.tricolor-filtro--boton{padding:8px 16px;border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:var(--azul);box-shadow:inset 0 0 0 1.5px currentColor}
.tricolor-filtro--boton:hover,.tricolor-filtro--boton:focus-visible{background:var(--azul);color:#fff;box-shadow:inset 0 0 0 1.5px var(--azul)}
.tricolor-filtro__caja{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1.5px rgba(30,36,52,.28);flex:none;transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.tricolor-filtro__caja .tricolor-icono{width:22px;height:22px;opacity:0;color:#fff;transform:scale(.6);transition:opacity .25s var(--ease),transform .35s var(--ease)}
.tricolor-filtro.es-activa{font-weight:600;color:var(--azul)}
.tricolor-filtro.es-activa .tricolor-filtro__caja{background:var(--tono,var(--azul));box-shadow:none}
.tricolor-filtro.es-activa .tricolor-filtro__caja .tricolor-icono{opacity:1;transform:none}
.tricolor-filtro__caja .tricolor-icono circle{display:none}

/* ── resultados ── */
.tricolor-catalogo__barra{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.tricolor-catalogo__total{font-size:13px;color:var(--tinta-55)}
.tricolor-catalogo__abrir{display:none}
.tricolor-catalogo__rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
.tricolor-catalogo__vacio{display:grid;justify-items:start;gap:10px;padding:40px;border-radius:var(--r-l);background:var(--gris)}
.tricolor-catalogo .navigation.pagination{padding:40px 0 0}
.tricolor-filtros__velo{position:fixed;inset:0;z-index:170;background:rgba(12,16,26,.4)}

@media (min-width:1280px){.tricolor-catalogo__rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.tricolor-catalogo__lineas{grid-template-columns:repeat(min(var(--n,4),2),minmax(0,1fr))}}
@media (max-width:900px){
  .tricolor-catalogo__in{grid-template-columns:minmax(0,1fr)}
  .tricolor-catalogo__abrir{display:inline-flex}
  .tricolor-filtros{position:fixed;top:0;bottom:0;left:0;z-index:180;width:min(340px,88vw);padding:22px;overflow:auto;background:#fff;box-shadow:var(--sombra-l);transform:translateX(-105%);transition:transform .55s var(--ease-lux);align-content:start}
  .tricolor-filtros.es-abierta{transform:none}
  .tricolor-filtros__cerrar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gris);margin-left:8px}
  .tricolor-filtros__cerrar .tricolor-icono{width:18px;height:18px}
}
@media (max-width:760px){
  .tricolor-catalogo__rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:500px){.tricolor-catalogo__lineas{grid-template-columns:minmax(0,1fr)}}