/* Correção agressiva para o espaçamento branco no Mobile */
@media (max-width: 768px) {
    /* Remove espaços extras de todas as seções iniciais */
    section, div[class*="hero"], div[class*="Hero"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Garante que o container principal não tenha gaps */
    main, #root, body {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    /* Ajuste do botão no Menu Mobile para não ser cortado */
    header nav button, 
    header div[role="dialog"] button,
    .mobile-menu button,
    [class*="menu"] button {
        margin-bottom: 24px !important;
        margin-top: 12px !important;
        min-height: 44px !important; /* Tamanho mínimo para toque */
    }

    /* Adiciona padding no container do menu mobile para evitar cortes */
    header div[role="dialog"] > div,
    [class*="mobile-nav"],
    [class*="MobileNav"] {
        padding-bottom: 40px !important;
        overflow-y: auto !important;
    }
}