.h-prod.h-tarjeta{background:var(--blanco);border-color:var(--borde);border-radius:var(--r)}.h-tarjeta .h-prod-foto{background:var(--blanco)}.h-tarjeta .h-prod-precio strong{color:var(--texto)}.h-tarjeta .h-agregar{background:var(--marino);color:var(--blanco)}.h-tarjeta .h-agregar:hover{background:var(--marino-2)}.listado{padding-block:24px 48px}.listado-migas{color:var(--gris);margin-bottom:20px;font-size:12px}.listado-migas ol{flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none;display:flex}.listado-migas li+li:before{content:"›";margin-right:8px}.listado-migas a{text-decoration:none}.listado-migas a:hover{color:var(--acento-texto);text-decoration:underline}.listado h1{margin-bottom:24px;font-size:clamp(30px,5.5vw,44px)}.listado h1>span{color:var(--gris);font:400 15px var(--letra);display:inline-block}.listado-rubros{scroll-snap-type:x proximity;gap:8px;margin-bottom:16px;padding-block:2px 12px;display:flex;overflow-x:auto}.listado-chip{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--r);color:var(--texto);scroll-snap-align:start;flex:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.listado-chip:hover{border-color:var(--acento)}.listado-chip small{color:var(--gris)}.listado-cuerpo,.listado-resultados{min-width:0}.listado-barra{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.listado-cuenta{color:var(--gris);font-size:14px}.listado-orden{color:var(--gris);gap:3px;font-size:11px;display:grid}.listado-orden select{border:1px solid var(--borde);border-radius:var(--r);background:var(--blanco);max-width:100%;min-height:40px;color:var(--texto);font:13px var(--letra);padding:5px 8px}.listado-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;display:grid}.listado [hidden]{display:none!important}.listado-vacio{text-align:center;background:var(--claro-2);border:1px solid var(--borde);border-radius:var(--r);padding:48px 20px}.listado-vacio svg{color:var(--gris);margin-inline:auto}.listado-vacio h2{margin:16px 0 20px;font-size:24px}.filtros{width:100%;max-width:none;max-height:none;color:var(--texto);background:var(--blanco);border:1px solid var(--borde);border-radius:var(--r);margin:0 0 20px;padding:0;position:static;overflow:visible}.filtros-cabeza{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.filtros-cabeza h2{font-size:23px}.filtros-cierra{border-radius:var(--r);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:none}.filtros-form{padding:20px 18px}.filtros fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}.filtros fieldset:last-child{margin-bottom:0}.filtros legend{margin-bottom:10px;font-size:14px;font-weight:700}.filtros label{cursor:pointer;align-items:center;gap:8px;min-height:38px;font-size:13px;display:flex}.filtros label span{flex:1}.filtros label small{color:var(--gris);font-size:12px}.filtros input{width:17px;height:17px;accent-color:var(--acento-texto);flex:none}.filtros-opciones{scrollbar-width:thin;max-height:270px;overflow-y:auto}.filtros-pie{border-top:1px solid var(--borde);padding:14px 18px max(14px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:14px;display:flex}.filtros-limpiar{color:var(--acento-texto);cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:14px;text-decoration:underline}.filtros-abrir,.filtros-ver{display:none}@media (width<=1023px){.listado[data-js] .filtros-abrir{min-height:44px;padding-inline:12px;display:inline-flex}.listado[data-js] .filtros:modal{width:100%;max-width:100%;max-height:88dvh;box-shadow:var(--sombra);flex-direction:column;margin:0;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.listado[data-js] .filtros::backdrop{background:var(--tinta);opacity:.55}.listado[data-js] .filtros:modal .filtros-cierra{display:flex}.listado[data-js] .filtros:modal .filtros-ver{flex:1;padding-inline:12px;font-size:14px;display:inline-flex}.listado[data-js] .filtros:modal .filtros-form{overscroll-behavior:contain;overflow-y:auto}}@media (width>=768px){.listado-grilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1024px){.listado-cuerpo{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:24px;display:grid}.listado-lateral{position:sticky;top:24px}.filtros{max-height:calc(100dvh - 48px);overflow-y:auto}.listado-orden{align-items:center;gap:10px;font-size:13px;display:flex}.listado-orden select{min-height:44px}.listado-grilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}}@media (prefers-reduced-motion:reduce){.h-prod.h-tarjeta:hover,.listado .h-btn:hover,.h-prod.h-tarjeta:hover .h-prod-foto img{transform:none}}
