/**
 * Filtros de catálogo Cashmascota (columna lateral). Marca: magenta #CF2A70.
 */
.cm-filtros {
	--cm-magenta: #cf2a70;
	--cm-magenta-dark: #a81f59;
	--cm-borde: #ececec;
	--cm-texto: #2b2b2b;
	--cm-gris: #6e666b;
	font-family: inherit;
	border: 1px solid var(--cm-borde);
	border-radius: 12px;
	padding: 1rem 1.1rem 1.2rem;
	background: #fff;
}

.cm-filtros__total {
	margin: 0 0 0.9rem;
	font-size: 0.9rem;
	color: var(--cm-gris);
}
.cm-filtros__total strong { color: var(--cm-texto); }

.cm-filtros__bloque {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--cm-borde);
}
.cm-filtros__bloque--stock { border-bottom: 0; padding-bottom: 0.4rem; }

.cm-filtros__titulo {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 0.6rem;
	color: var(--cm-texto);
}

/* Precio */
.cm-filtros__precio { display: flex; align-items: center; gap: 0.4rem; }
.cm-filtros__precio input {
	width: 100%; min-width: 0; padding: 0.45rem 0.55rem;
	border: 1px solid var(--cm-borde); border-radius: 8px; font-size: 0.9rem;
}
.cm-filtros__sep { color: var(--cm-gris); }

/* Selector de peso */
.cm-filtros__select {
	width: 100%; padding: 0.5rem 0.55rem; border: 1px solid var(--cm-borde);
	border-radius: 8px; font-size: 0.9rem; background: #fff; color: var(--cm-texto);
}

/* Listas (animal / marca) */
.cm-filtros__lista { list-style: none; margin: 0; padding: 0; }
.cm-filtros__marcas { max-height: 300px; overflow-y: auto; }

.cm-filtros__op {
	display: flex; align-items: center; gap: 0.5rem; padding: 0.32rem 0;
	cursor: pointer; font-size: 0.92rem; color: var(--cm-texto);
}
.cm-filtros__op input {
	accent-color: var(--cm-magenta); width: 1rem; height: 1rem; flex: none;
}
.cm-filtros__nombre { flex: 1; }
.cm-filtros__count {
	color: var(--cm-gris); font-size: 0.8rem; background: #f6f6f6;
	border-radius: 999px; padding: 0.05rem 0.5rem;
}

/* Acciones */
.cm-filtros__acciones { display: flex; align-items: center; gap: 0.8rem; margin-top: 0.8rem; }
.cm-filtros__btn {
	background: var(--cm-magenta); color: #fff; border: 0; border-radius: 999px;
	padding: 0.55rem 1.3rem; font-weight: 700; font-size: 0.95rem; cursor: pointer;
	transition: background-color 0.15s ease;
}
.cm-filtros__btn:hover { background: var(--cm-magenta-dark); }
.cm-filtros__limpiar { color: var(--cm-gris); text-decoration: underline; font-size: 0.88rem; }
.cm-filtros__limpiar:hover { color: var(--cm-magenta); }

@media (max-width: 782px) {
	.cm-filtros { margin-bottom: 1.5rem; }
	.cm-filtros__marcas { max-height: 220px; }
}