#tooltip-box {
  position: fixed; /* Clave: se posiciona respecto a la pantalla, no a los padres */
  top: 0;
  left: 0;
  pointer-events: none; /* Importante: para que no bloquee los clics a lo que hay debajo */
  background: #2c3e50;
  color: #FFFFFF;
  padding: 8px 12px;
  border-radius: 4px;
  z-index: 99999; /* Asegura que esté por encima de todo */
  display: none; /* Empezar oculto */
  max-width: 20rem;
  font-family: Arial, Helvetica, sans-serif;
}