/* Correção para fundo escuro no mobile */

/* Forçar fundo branco em dispositivos móveis reais */
@media (max-width: 480px) {
    /* Reset completo do fundo no mobile */
    body {
        background-color: #f5f7fa !important;
        color: #333333 !important;
    }
    
    /* Garantir que o container principal tenha fundo claro */
    .app-container {
        background-color: transparent !important;
    }
    
    /* Manter o gradiente de fundo sutil */
    .background-gradient {
        background: linear-gradient(135deg, rgba(30, 126, 52, 0.03), rgba(46, 139, 87, 0.05)) !important;
    }
    
    /* Garantir que os cards tenham fundo branco */
    .card {
        background-color: #ffffff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
    
    /* Garantir que os highlights tenham fundo branco */
    .highlight-card {
        background-color: #ffffff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
    
    /* Garantir que o logo tenha fundo branco */
    .logo-container {
        background-color: #ffffff !important;
        border: 3px solid #1e7e34 !important;
    }
    
    /* Garantir que o footer tenha fundo transparente */
    footer {
        background-color: transparent !important;
    }
    
    /* Manter as cores de texto originais */
    .text-color {
        color: #333333 !important;
    }
    
    .text-light {
        color: #6c757d !important;
    }
}

/* Correção específica para telas muito pequenas */
@media (max-width: 360px) {
    body {
        background-color: #f5f7fa !important;
    }
    
    .content-container {
        background-color: transparent !important;
    }
}

/* Garantir que o modo escuro não afete o mobile */
@media (prefers-color-scheme: dark) and (max-width: 480px) {
    body {
        background-color: #f5f7fa !important;
        color: #333333 !important;
    }
    
    .card, .highlight-card {
        background-color: #ffffff !important;
        color: #333333 !important;
    }
    
    .logo-container {
        background-color: #ffffff !important;
    }
}