/* Disber · listados de productos y páginas de familia (archive-product / taxonomy-product_cat).
   Valores de html-original/productos.html y categoria-*.html. Los estilos estáticos van inline en el
   marcado, como en el diseño; aquí solo los que cambian con el estado (acordeón, selección). */

/* Selector «Ordenar por» con las medidas del diseño de los listados */
.dc-archivo .dc-sort { font-size: 13.5px; color: var(--dc-muted); }
.dc-archivo .dc-sort select { height: 36px; padding: 0 9px; border: 1px solid #D6DAD6; border-radius: 8px; background: #fff; font: 400 13.5px var(--dc-f-body); color: var(--dc-text); }

/* Barra lateral: acordeón de marcas */
.dc-arch-marca__fila { width: 100%; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 0; border-left: 3px solid transparent; background: #fff; cursor: pointer; text-align: left; }
.dc-arch-marca.is-open .dc-arch-marca__fila { background: #F7F8F6; }
.dc-arch-marca.is-active .dc-arch-marca__fila { border-left-color: var(--dc-green); }
.dc-arch-marca__fila:focus-visible { outline: 2px solid var(--dc-green); outline-offset: -2px; }
.dc-arch-marca__logo { width: 70px; height: 30px; flex: none; background: left center / contain no-repeat; opacity: .7; }
.dc-arch-marca.is-open .dc-arch-marca__logo,
.dc-arch-marca.is-active .dc-arch-marca__logo,
.dc-arch-marca__fila:hover .dc-arch-marca__logo { opacity: 1; }
.dc-arch-marca__nombre { flex: 1; min-width: 0; font: 700 12px/1.25 var(--dc-f-head); letter-spacing: .04em; text-transform: uppercase; color: var(--dc-text); }
.dc-arch-marca.is-active .dc-arch-marca__nombre,
.dc-arch-marca__fila:hover .dc-arch-marca__nombre { color: var(--dc-green); }
.dc-arch-marca__signo { flex: none; display: flex; align-items: center; color: var(--dc-muted); transition: transform .2s ease; }
.dc-arch-marca.is-open .dc-arch-marca__signo { transform: rotate(180deg); }
.dc-arch-marca__lista { display: none; border-top: 1px solid #EAECE8; background: #FBFCFB; }
.dc-arch-marca.is-open .dc-arch-marca__lista { display: block; }

/* Familias dentro de cada marca */
.dc-arch-fam { width: 100%; display: flex; align-items: center; gap: 10px; padding: 8px 15px 8px 18px; border-left: 2px solid #E6E8E5; background: transparent; text-align: left; text-decoration: none; }
.dc-arch-fam__t { flex: 1; min-width: 0; font: 400 13px/1.35 var(--dc-f-body); color: var(--dc-text-2); }
.dc-arch-fam--todos .dc-arch-fam__t { font-weight: 700; }
.dc-arch-fam--grupo .dc-arch-fam__t { font-weight: 600; color: var(--dc-text); }
.dc-arch-fam--sub { padding-left: 32px; }
.dc-arch-fam--vacia .dc-arch-fam__t { color: var(--dc-muted); }
.dc-arch-fam:hover .dc-arch-fam__t { color: var(--dc-green); }
.dc-arch-fam.is-sel { border-left-color: var(--dc-green); background: #F2F5F2; }
.dc-arch-fam.is-sel .dc-arch-fam__t { color: var(--dc-green); }

/* Chips de tipo: enlaces con el mismo aspecto que los botones */
a.dc-chip { text-decoration: none; }
a.dc-chip.is-active:hover { color: #fff; }