'; document.body.appendChild(productPop); const internalPop = document.createElement('div'); internalPop.className = 'cp-internal-pop'; internalPop.innerHTML = ''; document.body.appendChild(internalPop); function place(pop, e){ const pad = 14; let x = e.clientX + 16; let y = e.clientY + 18; const w = pop.offsetWidth || 360; const h = pop.offsetHeight || 260; if(x + w > window.innerWidth - pad) x = window.innerWidth - w - pad; if(y + h > window.innerHeight - pad) y = e.clientY - h - 12; pop.style.left = Math.max(pad,x) + 'px'; pop.style.top = Math.max(pad,y) + 'px'; } document.querySelectorAll('.cp-product-link').forEach(a => { a.addEventListener('mouseenter', e => { const img = productPop.querySelector('img'); img.src = a.dataset.cpPreviewImg || fallbackImg; img.onerror = function(){ this.onerror=null; this.src=fallbackImg; }; img.alt = a.dataset.cpPreviewTitle || 'Producto recomendado'; productPop.querySelector('.cp-pop-badge').textContent = a.dataset.cpPreviewBadge || 'Compra revisada'; productPop.querySelector('.cp-pop-stars').textContent = '★★★★★ ' + (a.dataset.cpPreviewRating || ''); productPop.querySelector('.cp-pop-title').textContent = a.dataset.cpPreviewTitle || a.textContent.trim(); productPop.querySelector('.cp-pop-brand').textContent = (a.dataset.cpPreviewBrand || '') + (a.dataset.cpPreviewRange ? ' · ' + a.dataset.cpPreviewRange : ''); productPop.querySelector('.cp-pop-rec').textContent = a.dataset.cpPreviewRecommended ? 'Ideal para: ' + a.dataset.cpPreviewRecommended : ''; productPop.querySelector('.cp-pop-ben').textContent = a.dataset.cpPreviewBenefits ? 'Claves: ' + a.dataset.cpPreviewBenefits : ''; productPop.classList.add('is-visible'); place(productPop,e); }); a.addEventListener('mousemove', e => place(productPop,e)); a.addEventListener('mouseleave', () => productPop.classList.remove('is-visible')); }); document.querySelectorAll('.cp-internal-link').forEach(a => { a.addEventListener('mouseenter', e => { const img = internalPop.querySelector('img'); img.src = a.dataset.cpPreviewImg || fallbackImg; img.onerror = function(){ this.onerror=null; this.src=fallbackImg; }; img.alt = a.dataset.cpPreviewTitle || 'Artículo relacionado'; internalPop.querySelector('strong').textContent = a.dataset.cpPreviewTitle || a.textContent.trim(); internalPop.querySelector('span').textContent = a.dataset.cpPreviewDetail || 'Guía relacionada de CalidadPrecio.'; internalPop.classList.add('is-visible'); place(internalPop,e); }); a.addEventListener('mousemove', e => place(internalPop,e)); a.addEventListener('mouseleave', () => internalPop.classList.remove('is-visible')); }); const conclusion = document.querySelector('#conclusion'); const dots = document.querySelectorAll('.cp-scroll-dot'); if(conclusion && dots.length){ let played = false; const io = new IntersectionObserver(entries => { entries.forEach(entry => { if(entry.isIntersecting && !played){ played = true; setTimeout(()=>dots[0].classList.add('is-on'),250); setTimeout(()=>dots[0].classList.remove('is-on'),1200); setTimeout(()=>dots[1].classList.add('is-on'),1350); setTimeout(()=>dots[1].classList.remove('is-on'),2350); setTimeout(()=>dots[2].classList.add('is-on'),2550); } }); },{threshold:.35}); io.observe(conclusion); } })();