/* Indice de fichas de juego. Reutiliza las tarjetas de la portada, pero en una
   rejilla normal en vez del carrusel horizontal. */
.games-index-deck{max-width:760px;margin:18px 0 0;color:var(--ink-soft);font-size:1.03rem;line-height:1.7}
.games-index{padding-top:8px;padding-bottom:48px}
/* La rejilla de la portada es un carrusel horizontal (grid-auto-flow:column).
   Aqui interesa que envuelva en varias filas, asi que se reinicia el flujo. */
.games-index-grid{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;transform:none}
.games-index-grid .home-game-hub-card{flex:none;width:auto;min-width:0;scroll-snap-align:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Buscador */
.games-index-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 24px}
.games-index-search{position:relative;flex:1 1 320px;min-width:0;display:flex;align-items:center}
.games-index-search svg{position:absolute;left:15px;width:17px;height:17px;fill:none;stroke:var(--ink-soft);stroke-width:2;stroke-linecap:round;pointer-events:none}
.games-index-search input{width:100%;padding:13px 42px 13px 42px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:.94rem;transition:border-color .2s ease,box-shadow .2s ease}
.games-index-search input::placeholder{color:var(--ink-soft)}
.games-index-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.games-index-search input::-webkit-search-cancel-button{display:none}
.games-index-search-clear{position:absolute;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.games-index-search-clear:hover{background:var(--hover-bg,rgba(128,128,128,.14));color:var(--ink)}
.games-index-count{margin:0;color:var(--ink-soft);font-size:.85rem;font-weight:600}
.games-index-empty{margin:0 0 24px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink-soft)}
.games-index-grid .home-game-hub-card[hidden]{display:none}
@media(max-width:520px){
  .games-index-grid{grid-template-columns:1fr}
}