/* 
 * UAISINT - Mobile Fix
 * Correções urgentes para mobile
 */

/* Força reset de margens no body e sections */
@media screen and (max-width: 1024px) {
    body {
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }
    
    main {
        margin-left: 0 !important;
    }
    
    /* Remove margem esquerda de todas as sections */
    section,
    .hero,
    #home,
    #about,
    #journey,
    #tools,
    #cases,
    #brazil,
    #ethics,
    #compliance,
    #continue-conversation,
    footer {
        margin-left: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Garante que o menu mobile apareça */
    .mobile-menu-btn {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ajusta containers */
    .container {
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }
    
    /* Corrige hero section */
    .hero-content {
        max-width: 100% !important;
        padding: 0 !important;
    }
}

/* Específico para mobile */
@media screen and (max-width: 768px) {
    /* Força navegação escondida por padrão */
    nav#navbar {
        transform: translateX(-100%) !important;
        left: 0 !important;
    }
    
    nav#navbar.active {
        transform: translateX(0) !important;
    }
    
    /* Timeline mobile */
    .timeline {
        margin: 0 !important;
        padding: 20px 0 !important;
    }
    
    /* Cards e grids */
    .tools-grid,
    .cases-grid,
    .ethics-grid,
    .compliance-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    /* About content */
    .about-content {
        display: block !important;
    }
    
    .about-text,
    .about-image {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    /* Brazil content */
    .brazil-content {
        display: block !important;
    }
    
    .brazil-text,
    .brazil-image {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    /* Contact content */
    .contact-content {
        display: block !important;
    }
    
    .contact-info,
    .contact-form {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    
    /* Footer */
    .footer-content {
        display: block !important;
    }
    
    .footer-section {
        width: 100% !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }
}