/* chrome_optimizations.css */

/* 1. Remover a transição global para todos os elementos */
/* Esta regra é um dos principais causadores de lentidão no Chrome */
* {
    transition: none !important;
}

/* 2. Otimizar o backdrop-filter para elementos com efeito de vidro */
/* O backdrop-filter, especialmente com blur, pode ser custoso no Chrome */
/* Substituímos por um background semi-transparente para manter o visual */
.results-info,
.empty-state,
.stats-section,
.video-card,
.videoteca-filtros,
.project-card,
.value-card,
.solution-section,
.testimonial-card,
.plano-card,
.faq-item,
.contact-form,
.lecture-card,
.challenge-card,
.solution-card,
.price-card {
    backdrop-filter: none !important; /* Desativa o blur */
    -webkit-backdrop-filter: none !important; /* Desativa o blur para WebKit */
    background: rgba(0, 0, 0, 0.8) !important; /* Mantém um fundo escuro e semi-transparente */
}

/* 2b. Mesma otimização para o modal (Apple Vision Pro style) — usado em várias
   páginas — e para inputs/upload/botão do formulário de inscrição em palestras.
   Aqui a cor de fundo original já é escura o bastante para dispensar o blur,
   então só desativamos o backdrop-filter sem forçar um novo background. */
.modal-overlay-vision,
.modal-vision,
.form-input-vision,
.form-textarea-vision,
.file-upload-placeholder,
.btn-vision {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.modal-vision {
    background: rgba(30, 20, 40, 0.92) !important;
}

/* 3. Otimizar o hover dos cards de vídeo */
/* A transição no hover pode ser pesada se combinada com outros efeitos */
.video-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2); /* Sombra mais leve */
    border-color: rgba(170, 100, 255, 0.5); /* Borda sutil */
    background-color: rgba(74, 20, 140, 0.3); /* Fundo sutil */
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; /* Transições específicas */
}

/* 4. Forçar Aceleração de Hardware (GPU) */
/* Evita travamentos delegando a renderização visual para a placa de vídeo */
.glass-header,
.desktop-nav,
.video-card {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
}

/* 5. Isolar em camada própria os elementos com "animation: pulse ... infinite"
   (logo do cabeçalho, banners de urgência e botões de CTA). Essa animação
   roda para sempre enquanto a aba estiver aberta — sem "will-change", o
   Chrome recalcula layout/pintura da vizinhança a cada batida (a cada ~16ms,
   pra sempre), o que mantém a CPU/GPU ocupada o tempo todo mesmo com a
   página parada. Com a camada isolada, a mesma animação passa a ser
   puramente compositor-side (praticamente de graça), sem mudar nada
   visualmente. */
.main-logo,
.pulse-animation,
.cta-popular,
.mega-btn,
.urgency-banner {
    will-change: transform;
}