/* css/mobile-hover.css */

/* ANIMACIÓN DE INTERACCIÓN EN MÓVIL (Sustituye video preview) */
@media (hover: none) and (pointer: coarse) {
    /* Estado base de la imagen */
    .game-card-enhanced .game-card-image {
        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                    filter 0.4s ease;
        will-change: transform, filter;
    }

    /* Animación al tocar/hacer focus */
    .game-card-enhanced:active .game-card-image,
    .game-card-enhanced:focus-within .game-card-image {
        transform: scale(1.08); /* Zoom suave */
        filter: brightness(1.1) contrast(1.05); /* Efecto "Highlight" sutil */
    }

    /* Overlay sutil para destacar el texto */
    .game-card-enhanced::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at center, rgba(255,255,255,0.1) 0%, transparent 70%);
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
        z-index: 2;
    }

    .game-card-enhanced:active::after {
        opacity: 1;
    }
}

/* Ajuste general para la tarjeta en móvil */
.game-card-enhanced {
    overflow: hidden; /* Asegura que el zoom no se salga */
    -webkit-tap-highlight-color: transparent; /* Quita el cuadro azul nativo de Android/iOS */
}