/* Otimizações para dispositivos móveis */
@media (max-width: 768px) {
    /* Reduzir espaço entre seções */
    .section {
        padding: 40px 0;
    }
    
    /* Melhorar espaçamento dos botões na seção hero */
    .hero-buttons {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        margin-top: 30px;
    }
    
    .hero-buttons .btn {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    
    /* Reduzir margens e paddings em geral */
    .section-title {
        margin-bottom: 25px;
    }
    
    .about-content, 
    .methodology-steps, 
    .cases-container {
        gap: 20px;
    }
    
    .case-study {
        padding: 20px;
    }
    
    /* Ajustar altura da seção hero */
    .hero {
        height: auto;
        min-height: 90vh;
        padding: 80px 0 40px;
    }
    
    /* Ajustar layout da seção de contato para mobile */
    .contact-container {
        flex-direction: column;
    }
    
    .contact-info {
        margin-bottom: 30px;
    }
}

/* Otimizações adicionais para telas muito pequenas */
@media (max-width: 576px) {
    /* Reduzir ainda mais o espaço entre seções */
    .section {
        padding: 30px 0;
    }
    
    /* Ajustar tamanhos de texto */
    .section-title {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
    
    .step-title, 
    .service-title, 
    .case-title {
        font-size: 1.3rem;
    }
    
    /* Reduzir padding dos cards */
    .step-card, 
    .service-card {
        padding: 15px;
    }
    
    /* Ajustar espaçamento dos botões na seção hero */
    .hero-buttons {
        gap: 15px;
        margin-top: 20px;
    }
}