/* D'Shop — Colección (tienda, categorías, búsqueda, Ofertas) */

.banner { position: relative; height: clamp(240px, 26.4vw, 380px); overflow: hidden; background: var(--banner-fondo, var(--morado)); }
.banner__foto { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.banner__foto img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
/* Degradado del color de la categoría detrás del título (abajo a la izquierda) para que se lea siempre. */
.banner__foto + .banner__texto { inset: 0; justify-content: flex-end; padding: 0 var(--gutter) 44px; background: linear-gradient(to top, color-mix(in srgb, var(--banner-fondo) 78%, transparent) 0%, color-mix(in srgb, var(--banner-fondo) 35%, transparent) 45%, transparent 75%); }
@media (max-width: 900px) { .banner__foto + .banner__texto { padding-bottom: 24px; } }
.banner__nota { position: absolute; right: 24px; top: 18px; font-size: 12px; font-weight: 600; color: var(--banner-tinta); }
.banner__texto { position: absolute; left: var(--gutter); bottom: 44px; display: flex; flex-direction: column; gap: 10px; }
.banner__kicker { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sobre-morado); }
.banner__titulo { font-family: var(--font-display); font-size: clamp(48px, 5.6vw, 80px); line-height: 1; font-weight: 800; color: var(--sobre-morado); }
@media (max-width: 900px) { .banner__texto { bottom: 24px; } }


.barra-filtros { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; margin: 36px 28px 0; padding: 14px 0; border-top: 1px solid var(--linea); border-bottom: 1px solid var(--linea); }
.chips { display: flex; gap: 10px; flex-wrap: wrap; }
a.ds-chip { text-decoration: none; }
a.ds-chip.is-activo { background: var(--morado); border-color: var(--morado); color: var(--sobre-morado); }
a.ds-chip.is-activo:hover { background: var(--morado-profundo); }
.barra-filtros__derecha { display: flex; align-items: center; gap: 20px; flex: none; }
.barra-filtros__total { font-size: 14px; color: var(--tinta-suave); }
.ordenar { display: flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 600; }
.ordenar select { height: 40px; padding: 0 10px; font: 500 14px var(--font-sans); color: var(--tinta); background: var(--fondo); border: 1px solid var(--borde-control); border-radius: var(--radius-sm); }
.ordenar select:focus-visible { border-color: var(--morado); }
@media (max-width: 700px) {
	.barra-filtros { margin-inline: 16px; padding-inline: 0; }
	.chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; width: 100%; }
	.chips .ds-chip { flex: none; }
	.barra-filtros__derecha { width: 100%; justify-content: space-between; }
}

.catalogo { padding-top: 14px; }
.catalogo .rejilla-productos { padding-top: 10px; }
.catalogo__mas { display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 56px 0 96px; }
.catalogo__contador { margin: 0; font-size: 14px; color: var(--tinta-suave); }
.catalogo__vacio { display: flex; flex-direction: column; align-items: center; gap: var(--space-4); padding: 80px var(--space-4); text-align: center; }
.catalogo__vacio p { margin: 0; font-size: 18px; }