document.addEventListener('DOMContentLoaded', function() {
  // Elementos
  const headerLogo = document.getElementById('header-logo'); 
  const logoAlternativa = document.getElementById('brxe-nnfzmf'); 
  const header = document.getElementById('brxe-jqfojm');
  const targetDiv = document.getElementById('brxe-igbhbh'); 

  // Depuração: Verifica se os elementos foram encontrados
  if (!headerLogo) console.error('Logo principal não encontrada! Verifique o ID header-logo');
  if (!logoAlternativa) console.error('Logo alternativa não encontrada! Verifique o ID brxe-mgxxwa');
  if (!header) console.error('Header não encontrado! Verifique o ID brxe-cptrmx');
  if (!targetDiv) console.error('Div alvo não encontrada! Verifique o ID brxe-rjbmhy');

  // Se algum elemento não for encontrado, para aqui
  if (!headerLogo || !logoAlternativa || !header || !targetDiv) return;

  // Inicializa: Mostra a logo principal e esconde a alternativa
  gsap.set(headerLogo, { opacity: 1, display: 'block' });
  gsap.set(logoAlternativa, { opacity: 0, display: 'none' });

  // Registra o ScrollTrigger
  gsap.registerPlugin(ScrollTrigger);

  // Configura o ScrollTrigger
  ScrollTrigger.create({
      trigger: targetDiv, 
      start: 'top top', 
      end: 'bottom top',  
      onEnter: () => {
          console.log('Header atingiu a div - Mostrando logo alternativa');
          // Esconde a logo principal e mostra a alternativa
          gsap.to(headerLogo, {
              opacity: 0,
              duration: 0.3,
              onComplete: () => {
                  headerLogo.style.display = 'none';
                  logoAlternativa.style.display = 'block';
                  gsap.to(logoAlternativa, { opacity: 1, duration: 0.3 });
              }
          });
      },
      onLeaveBack: () => {
          console.log('Header saiu da div - Voltando para logo principal');
          // Esconde a logo alternativa e mostra a principal
          gsap.to(logoAlternativa, {
              opacity: 0,
              duration: 0.3,
              onComplete: () => {
                  logoAlternativa.style.display = 'none';
                  headerLogo.style.display = 'block';
                  gsap.to(headerLogo, { opacity: 1, duration: 0.3 });
              }
          });
      }
  });
});