/* 
  Otimização de Performance Mobile
  Foco: Reduzir carga de renderização e melhorar fluidez em dispositivos móveis.
*/

@media (max-width: 1024px) {
    /* 1. Reduzir efeitos de blur (backdrop-filter) que são extremamente pesados no mobile */
    .glass, .glass-darker, .backdrop-blur-md, .backdrop-blur-xl, .blur-3xl {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-color: rgba(10, 10, 15, 0.95) !important; /* Fallback sólido/opaco */
    }

    /* 2. Simplificar sombras e brilhos (glow) */
    .shadow-neon, .hover\:shadow-neon:hover, [class*="hover:shadow-[0_0_30px"] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
        text-shadow: none !important;
    }

    /* 3. Otimizar animações - Forçar uso de hardware e simplificar */
    * {
        /* Evitar animações de propriedades que causam reflow */
        transition-property: opacity, transform !important;
        transition-duration: 200ms !important; /* Animações mais rápidas no mobile */
    }

    /* Desativar animações complexas ou contínuas no mobile */
    .animate-pulse, .animate-bounce, .gradient-animated, .scanlines::before {
        animation: none !important;
    }

    /* 4. Melhorar scroll e renderização */
    body {
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto !important; /* Scroll instantâneo é mais leve que smooth no mobile antigo */
    }

    /* 5. Reduzir complexidade visual de elementos de fundo */
    .cyber-grid, .hex-pattern {
        opacity: 0.1 !important;
        background-attachment: scroll !important; /* Evitar fixed background no mobile */
    }
}

/* Respeitar preferência de movimento reduzido do sistema */
@media (prefers-reduced-motion: reduce) {
    *, ::before, ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        transition-delay: 0s !important;
        transition-duration: 0s !important;
    }
}