/* CSS Crítico otimizado para Mobile */
@media screen and (max-width: 768px) {
    /* Otimizações específicas para mobile */
    * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* Prevenir Layout Shift */
    .loading-percentage {
        min-height: 25px;
        display: block;
    }
    
    /* Forçar remoção da tela de carregamento apenas no mobile */
    .loading-screen {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        z-index: -1 !important;
    }
    
    .logo img {
        width: 50px;
        height: 50px;
        aspect-ratio: 1/1;
    }
    
    /* Garantir dimensões fixas para imagens */
    .img-topo-site img {
        width: 200px;
        height: 200px;
        aspect-ratio: 1/1;
        object-fit: contain;
    }
    
    .img-sobre img {
        width: 150px;
        height: 150px;
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    
    /* Reduzir animações no mobile para melhor performance */
    .img-port, .especialidades-box, .tech-card, .cert-card {
        will-change: auto;
    }
    
    /* Otimizar scroll no mobile */
    html {
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
    
    /* Reduzir complexidade de animações no mobile */
    .theme-toggle {
        transition: transform 0.2s ease;
    }
    
    /* Otimizar imagens de fundo no mobile */
    .img-port:not([style*="background-attachment"]) {
        background-attachment: scroll;
    }
}