/* =========================
   RESPONSIVIDADE HOME
========================= */

@media (max-width: 1280px) {
    .hero-content h2 {
        font-size: clamp(3rem, 4vw, 3.4rem);
    }

    .hero-content p {
        max-width: 500px;
    }

    .about-card {
        max-width: 760px;
    }

    .games-grid {
        gap: 2rem;
    }
}

@media (max-width: 1080px) {
    .hero {
        min-height: auto;
        padding: 7rem 0 5rem;
        --hero-space: 8px;
    }

    .hero-content h2 {
        font-size: clamp(2.5rem, 5vw, 2.95rem);
    }

    .hero-content p {
        font-size: 0.98rem;
        width: min(100%, 560px);
        line-height: 1.15;
    }

    .hero-logo img {
        width: 95px;
    }

    .hero-stat-card {
        min-width: 220px;
        width: 220px;
        padding: 0.9rem 1rem;
    }
}

@media (max-width: 900px) {
    .hero {
        padding: 6rem 0 4.5rem;
        --hero-space: 7px;
    }

    .hero-content h2 {
        font-size: clamp(2.2rem, 7vw, 2.45rem);
        line-height: 1.04;
    }

    .hero-content p {
        width: min(100%, 460px);
        font-size: 0.95rem;
        line-height: 1.15;
    }

    .hero-logo img {
        width: 84px;
    }

    .hero-stat-card {
        min-width: 190px;
        width: 190px;
    }
}

@media (max-width: 680px) {
    .hero {
        padding: 5.5rem 0 4rem;
        --hero-space: 6px;
    }

    .hero-content h2 {
        font-size: clamp(1.95rem, 8vw, 2.15rem);
    }

    .hero-content p {
        width: min(100%, 360px);
        font-size: 0.92rem;
    }

    .hero-logo img {
        width: 72px;
    }

    .hero-stats {
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .hero {
        padding: 5rem 0 3.5rem;
        --hero-space: 5px;
    }

    .hero-content h2 {
        font-size: clamp(1.7rem, 8vw, 1.95rem);
    }

    .hero-content p {
        width: min(100%, 300px);
        font-size: 0.9rem;
    }

    .hero-logo img {
        width: 64px;
    }
}

@media (max-width: 900px) {
    .games-grid {
        gap: 2rem;
    }

    .game-card {
        width: 220px;
    }

    .game-thumb {
        width: 180px;
    }
}

@media (max-width: 680px) {
    .games-grid {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .game-card {
        width: 100%;
        max-width: 260px;
    }

    .game-thumb {
        width: 190px;
    }

    .featured-cta {
        margin-top: 2.8rem;
    }

    .featured-main-btn {
        min-width: 210px;
    }
}