.game-card .game-info {
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.game-card:hover .game-info {
    transform: translateY(0);
}

@media (max-width: 768px) {
    .game-card {
        width: 100%;
    }
}
@media (max-width: 768px) {
    button[data-prev]::after {
        content: "←";
    }
    button[data-next]::after {
        content: "→";
    }
    button[data-prev],
    button[data-next] {
        font-size: 0;
    }
    button[data-prev]::after,
    button[data-next]::after {
        font-size: 1rem;
    }

    #pagination {
        width: 100%;
        max-width: 100vw;
        overflow: hidden;
    }
}
html {
    transition:
        background-color 0.4s ease,
        color 0.4s ease;
}

*,
*::before,
*::after {
    transition:
        background-color 0.4s ease,
        color 0.4s ease,
        border-color 0.4s ease;
}
/* --- Cambio para inputs en Modo Oscuro --- */

html.dark #dropdown-menu input,
html.dark #dropdown-menu select,
html.dark #dropdown-menu textarea {
    color: #ffffff !important;
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

html.dark #dropdown-menu input::placeholder {
    color: #9ca3af;
}

html.dark #dropdown-menu input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}
#dropdown-menu input:-webkit-autofill,
#dropdown-menu input:-webkit-autofill:hover,
#dropdown-menu input:-webkit-autofill:focus {
    -webkit-text-fill-color: #111827;
    box-shadow: 0 0 0px 1000px #a55eec24 inset;
    transition: background-color 5000s ease-in-out 0s;
}

html.dark #dropdown-menu input:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 0px 1000px #1f2937 inset !important;
}
#dropdown-menu input:-webkit-autofill,
#dropdown-menu input:-webkit-autofill:hover,
#dropdown-menu input:-webkit-autofill:focus,
#dropdown-menu input:-webkit-autofill:active {
    transition:
        background-color 9999999s ease-in-out 0s,
        color 9999999s ease-in-out 0s;
}