/* Start custom CSS for html, class: .elementor-element-2382d29 */@media (min-width: 1200px) {
    .memory-game {
        grid-template-columns: repeat(6, 1fr); /* Más columnas en pantallas grandes */
        grid-gap: 20px; /* Espaciado mayor */
    }
}
.memory-card:focus {
    outline: 3px solid #ffaa00; /* Ejemplo: un contorno visible */
    transform: scale(1.05); /* Ligera ampliación */
}
.memory-card:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Añadir una sombra */
}
.memory-game {
    grid-gap: 2vw; /* El espacio entre las cartas será proporcional al ancho de la ventana */
}
.memory-card {
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.memory-card.is-flipped {
    transform: rotateY(180deg);
}/* End custom CSS */