/* ===== MOBILE RESPONSIVENESS FIXES ===== */
/* Este arquivo corrige problemas de responsividade mobile na landing page */

@media (max-width: 768px) {
    /* Logo - reduzir de 433px para 180px max */
    .logo-img {
        height: 40px !important;
        max-width: 180px !important;
    }
    
    /* H1 Hero - reduzir de 64px (4rem) para 36px */
    .hero-text h1 {
        font-size: 2.25rem !important;
        line-height: 1.2 !important;
        margin-bottom: 1rem !important;
    }
    
    /* Parágrafo hero - reduzir tamanho */
    .hero-text p {
        font-size: 1rem !important;
        margin-bottom: 2rem !important;
    }
    
    /* Padding lateral menor para evitar overflow */
    .nav-container,
    .hero-grid,
    .features-grid,
    .gnp-content,
    .comparison-container,
    .segment-grid,
    .about-grid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Títulos de seção menores */
    .section-title {
        font-size: 2rem !important;
    }
    
    .section-subtitle {
        font-size: 1rem !important;
    }
    
    /* GNP section - menos padding vertical */
    .gnp-section {
        padding: 4rem 0 !important;
    }
    
    /* Hero section - ajustar padding top */
    .hero {
        padding-top: 100px !important;
    }
    
    /* Cards - padding menor */
    .hero-card,
    .feature-card,
    .segment-card {
        padding: 1.5rem !important;
    }
}