/*
 * filtro-categorias.css — plan-segmentacion.md §2.13. Solo en `proyectos`. 6 chips: "Todos"
 * (activo, café sólido/texto beige) + 5 categorías (inactivas, borde café 1px/texto café). Sin
 * esquinas redondeadas (confirmado, no hay radio detectado en el vector). Geometría exacta:
 * _dev/registro-decisiones.md, 2026-08-17.
 */

.gyo-filtro-categorias {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gyo-space-3); /* 16px, medido ~15.5-16.5px entre chips */
}

.gyo-filtro-categorias__chip {
  display: inline-flex;
  align-items: center;
  padding: 9px 22px; /* medido a partir de la caja del chip activo (96.1×38.2) menos el texto */
  font-size: 18px;
  color: var(--color-cafe-claro);
  background-color: transparent;
  border: 1px solid var(--color-cafe-claro);
  text-decoration: none;
  cursor: pointer;
}

.gyo-filtro-categorias__chip--activa {
  background-color: var(--color-cafe-claro);
  color: var(--color-beige);
  border-color: var(--color-cafe-claro);
}

/* Bloque E (2026-08-19): estado "sin resultados" del filtrado real (assets/js/filtro-proyectos.js).
   No dibujado en el PDF (puntos-abiertos.md Bloque E) — mismo tratamiento tipográfico que la
   bajada de sección, sin inventar un componente nuevo para un estado que hoy no se dispara con
   el contenido placeholder (ver comentario en proyectos.html). */
.gyo-grilla-proyectos__vacio {
  text-align: center;
  font-size: 20px;
  color: var(--color-gris-bajadas);
  padding-block: var(--gyo-space-5);
}

.gyo-grilla-proyectos__vacio[hidden] {
  display: none;
}