/* Nunu Builds · V7 · índice de campeones.
   El layout y los colores viven en clases de Tailwind (ver
   generate-build-pages-v4.js y templates/build-index.html). Esto queda solo
   para lo que Tailwind no resuelve: estados aria-pressed de los filtros,
   la flecha del <select> y el toggle de "sin resultados". */

.fbtn img{width:14px;height:14px}
.fbtn[aria-pressed="true"]{background:#2d8cf0!important;border-color:#2d8cf0!important;color:#fff!important}
.fbtn[aria-pressed="true"] img{filter:brightness(0) invert(1)}

select{
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%237a8fa8'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:14px;
}

.empty{display:none}
.empty.show{display:block}