/**
 *Muestra una traducción flotante (tipo burbuja o tooltip temporal) 
 justo donde aparece una palabra en pantalla, y la elimina automáticamente después de 1 segundo.
 */

function showFloatingTranslation(word, targetElement, lineIdx) {

  const translation = contextualTranslations[lineIdx]?.[word] || word;



  const floating = document.createElement("div");

  floating.className = "floating-word";

  floating.innerText = translation;



  const rect = targetElement.getBoundingClientRect();

  floating.style.left = rect.left + window.scrollX + "px";

  floating.style.top = rect.top + window.scrollY + "px";



  document.body.appendChild(floating);



  setTimeout(() => {

    floating.remove();

  }, 1000);

}
