// CARGAR CONFIGURACIÓN GENERAL, BANNERS ROTATIVOS Y PUBLICIDAD
let bannerInterval = null;

db.collection('config').doc('general').onSnapshot((doc) => {
  if(doc.exists){
    const c = doc.data();
    if(c.logoUrl){
      document.getElementById('logoContainer').innerHTML = `<img src="${c.logoUrl}" style="height:28px;object-fit:contain">`;
    }
    
    if(c.banners && c.banners.length > 0){
      let i = 0;
      const img = document.getElementById('bannerImg');
      
      const cambiarBanner = () => {
        if(!img) return;
        img.style.opacity = 0; 
        setTimeout(() => {
          img.src = c.banners[i]; 
          img.style.opacity = 1; 
          i = (i + 1) % c.banners.length;
        }, 200);
      };

      if(bannerInterval) clearInterval(bannerInterval);
      cambiarBanner();
      if(c.banners.length > 1){
        bannerInterval = setInterval(cambiarBanner, 3000); // Rota cada 3 segundos
      }
    }

    if(c.publicidadUrl){
      const pubImg = document.getElementById('pubImg');
      const pubTexto = document.getElementById('pubTexto');
      if(pubImg){
        pubImg.src = c.publicidadUrl;
        pubImg.style.display = 'block';
        if(pubTexto) pubTexto.style.display = 'none';
      }
    }
  }
});