/* Hubmorro: portada (la identidad común está en /comun/css/base.css) */
.barra-derecha { margin-left: auto; }
.hub-juegos { margin-top: 8px; }
/* Tantas columnas como quepan: con cuatro juegos, cuatro en fila en escritorio y una columna en móvil. */
@media (min-width: 760px) { .hub-juegos { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } }
.juego-tarjeta { display: flex; flex-direction: column; gap: 6px; text-align: center; align-items: center; margin-bottom: 0; }
.juego-tarjeta p { flex: 1; margin-bottom: 8px; }
.juego-icono svg { width: 72px; height: 72px; }
.juego-tarjeta h2 { margin: 6px 0 0; font-size: 1.8rem; }