/* ==========================================================================
   guias-hub.css — el enlace "Jugar →" bajo cada tarjeta de /como-jugar/
   (2026-09-21). Va aparte de pagina.css a propósito: esa hoja la cargan 89
   páginas con ?v=1 inmutable, y tocarla obligaría a subir el ?v= en todas.

   Cada tarjeta lleva DOS enlaces hermanos (no anidados, que sería HTML
   inválido): la guía, que es la tarjeta entera, y "Jugar" pegado debajo.
   ========================================================================== */
.cards li {
  display: flex;
  flex-direction: column;
}
.cards li > .c-guia { flex: 1 1 auto; }
.cards .c-jugar {
  display: block;
  height: auto;
  margin-top: -2px;
  padding: 9px 16px;
  border: 2px solid var(--ink);
  background: var(--ink);
  color: var(--paper);
  font-family: 'Courier New', monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-decoration: none;
}
.cards .c-jugar:hover,
.cards .c-jugar:focus-visible {
  background: var(--accent);
  color: var(--paper);
}