/* Chips de filtro — Mascotas Perdidas (v3.17.0)
 * Colores de marca del tema hijo: turquesa #79C8D0 / #4AA5AD, texto #1E2E33. */

.pp-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 0 0 18px;
}
.pp-chips__titulo {
	flex-basis: 100%;
	font-size: 13px;
	font-weight: 600;
	color: #5A6B70;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-bottom: -2px;
}
.pp-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 13px;
	border-radius: 999px;
	border: 1.5px solid #d6e3e6;
	background: #fff;
	color: #1E2E33;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s;
	-webkit-tap-highlight-color: transparent;
}
.pp-chip:hover { border-color: #79C8D0; }
.pp-chip.is-activo {
	background: #79C8D0;
	border-color: #4AA5AD;
	color: #1E2E33;
	font-weight: 600;
}
.pp-chip__n {
	font-size: 12px;
	padding: 2px 7px;
	border-radius: 999px;
	background: #eef4f5;
	color: #5A6B70;
}
.pp-chip.is-activo .pp-chip__n { background: rgba(255,255,255,.55); color: #1E2E33; }

/* Muestra de color: donde el chip visual rinde más (PataMap se quedó en texto). */
.pp-chip__color {
	width: 14px; height: 14px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.18);
	flex: none;
}
.pp-chip__color.pattern-atigrado {
	background: repeating-linear-gradient(45deg, #c48b3c 0 3px, #5a3a1a 3px 5px);
}
.pp-chip__color.pattern-manchado {
	background:
		radial-gradient(circle at 30% 35%, #2b2b2b 0 3px, transparent 3.5px),
		radial-gradient(circle at 70% 65%, #7b4a2d 0 2.5px, transparent 3px),
		#f4f4f4;
}

/* El control original se oculta pero SIGUE en el DOM: es el que Listeo lee. */
.pp-chips-oculto { display: none !important; }

@media (max-width: 767px) {
	.pp-chip { padding: 8px 12px; font-size: 14px; }
}

/* Emoji delante del chip (grupos con iconos, p. ej. «¿Dónde está?») v3.20.0 */
.pp-chip .pp-chip__ico { margin-right: 5px; font-size: 14px; line-height: 1; }
