/* KeryGaming: mismos colores del sitio, con el amarillo del juego para el botón de jugar */
.btn-neon { background: var(--neon); color: var(--negro); }
.btn-neon:hover { background: var(--blanco); }
.gm-hero { padding: clamp(48px, 8vw, 110px) var(--gutter) clamp(24px, 4vw, 48px); max-width: var(--max); margin: 0 auto; }
.gm-hero .lead { margin-top: 22px; color: var(--gris); }
.gm-juego { max-width: var(--max); margin: 0 auto clamp(40px, 6vw, 80px); padding: 0 var(--gutter); display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(20px, 3vw, 44px); align-items: center; }
.gm-video { border-radius: var(--radio); overflow: hidden; background: var(--tinta); aspect-ratio: 16 / 9; border: 1px solid var(--linea); }
.gm-video video { width: 100%; height: 100%; display: block; object-fit: cover; background: #000; }
.gm-info p { color: #D8DCE0; margin-top: 14px; }
.gm-info .eyebrow { color: var(--celeste); margin-bottom: 10px; }
.gm-puntos { margin: 18px 0 26px; display: grid; gap: 8px; }
.gm-puntos li { padding-left: 22px; position: relative; color: var(--blanco); font-weight: 500; }
.gm-puntos li::before { content: ''; position: absolute; left: 0; top: .55em; width: 10px; height: 10px; border-radius: 3px; background: var(--neon); }
.gm-pronto { grid-template-columns: 1fr; border: 1px dashed var(--linea); border-radius: var(--radio); padding: clamp(24px, 4vw, 44px); max-width: calc(var(--max) - 2 * var(--gutter)); }
.gm-pronto .gm-info { max-width: 62ch; }
.gm-teaser { position: relative; display: block; border-radius: var(--radio); overflow: hidden; text-decoration: none; border: 1px solid var(--linea); }
.gm-teaser img { width: 100%; height: auto; transition: transform .4s; }
.gm-teaser:hover img { transform: scale(1.03); }
.gm-teaser-txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 22px; background: linear-gradient(transparent, rgba(0,0,0,.85)); display: flex; flex-direction: column; gap: 4px; }
.gm-teaser-txt b { font: 850 clamp(20px, 2.4vw, 30px)/1 var(--display); font-stretch: 112%; }
.gm-teaser-txt span { color: #D8DCE0; font-size: 15px; }
@media (max-width: 860px) { .gm-juego { grid-template-columns: 1fr; } }