/* =============================================================================
   ESTILOS ESPECÍFICOS DA HOMEPAGE (PLAYFUL LIGHT MODE) - MODULAR
   Caminho: front/pages/home/css/home.css
   ============================================================================= */

.home-container {
    display: flex;
    flex-direction: column;
}
}

@media (max-width: 640px) {
    .home-courts-minimal-section {
        padding: 2rem 1rem 1rem;
    }
    .minimal-courts-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .court-details-box {
        padding: 1rem;
    }
}
}

/* =============================================================================
   11. RESPONSIVIDADE GLOBAL
   ============================================================================= */
@media (max-width: 1024px) {
    .how-it-works-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .formatos-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .levels-tabs {
        grid-template-columns: repeat(3, 1fr);
    }

    .level-skills-grid {
        grid-template-columns: 1fr;
    }

    .pwa-showcase-container {
        grid-template-columns: 1fr;
        padding: 2.5rem 1.75rem;
        gap: 2.5rem;
    }
}

@media (max-width: 640px) {
    .home-section {
        padding: 2.5rem 1rem;
    }

    .levels-tabs {
        grid-template-columns: 1fr 1fr;
    }

    .levels-content-box {
        padding: 1.5rem;
    }

    .final-cta-card {
        padding: 3.5rem 1.25rem;
    }

    .court-card {
        flex: 0 0 280px;
        width: 280px;
        height: 360px;
    }

    .club-group-card {
        padding: 1.5rem;
    }
}