document.addEventListener('DOMContentLoaded', function () {
  const video = document.getElementById('bg-video');
  const btnToggle = document.getElementById('btn-sound-toggle');
  const btnUp = document.getElementById('btn-sound-up');
  const btnDown = document.getElementById('btn-sound-down');

  const fis = document.querySelector('.logo-fis');
  const co = document.querySelector('.logo-co');
  const nta = document.querySelector('.logo-nta');
  const subtitle = document.getElementById('subtitle-text');

  // Vídeo: arranca sem som, volume preparado a 50%
  if (video) {
    video.muted = true;
    video.volume = 0.5;
  }

  // Botão On/Off som
  if (btnToggle && video) {
    btnToggle.addEventListener('click', function () {
      video.muted = !video.muted;
    });
  }

  // Botão aumentar som
  if (btnUp && video) {
    btnUp.addEventListener('click', function () {
      let v = video.volume + 0.1;
      if (v > 1) v = 1;
      video.volume = v;
      if (video.volume > 0 && video.muted) {
        video.muted = false;
      }
    });
  }

  // Botão diminuir som
  if (btnDown && video) {
    btnDown.addEventListener('click', function () {
      let v = video.volume - 0.1;
      if (v < 0) v = 0;
      video.volume = v;
      if (video.volume === 0) {
        video.muted = true;
      }
    });
  }

  // Letras "co" mudam para azul claro ao fim de 1s, permanentemente
  if (co) {
    setTimeout(() => {
      co.classList.add('blue-permanent');
    }, 1000);
  }

  // "fis" e "nta" alternam em contraciclo a cada 1s
  if (fis && nta) {
    let fisBlue = true; // começa com fis azul, nta branco

    setInterval(() => {
      if (fisBlue) {
        fis.classList.add('blue');
        nta.classList.remove('blue');
      } else {
        fis.classList.remove('blue');
        nta.classList.add('blue');
      }
      fisBlue = !fisBlue;
    }, 1000);
  }

  // Subtítulo alterna branco / azul claro a cada 1s, após aparecer
  if (subtitle) {
    subtitle.classList.add('subtitle-white');
    setTimeout(() => {
      let isWhite = true;
      setInterval(() => {
        if (isWhite) {
          subtitle.classList.remove('subtitle-white');
          subtitle.classList.add('subtitle-blue');
        } else {
          subtitle.classList.remove('subtitle-blue');
          subtitle.classList.add('subtitle-white');
        }
        isWhite = !isWhite;
      }, 1000);
    }, 1000); // começa 1s depois (coerente com o delay da animação)
  }
});