[Duda] El código no produce el cambio de texto

Hola rodrigo buen día, tu código se mira bien pero esa estructura debe ir dentro de la función cambiarTexto. revisa que asi lo tengas tu saludos espero te sirva.

function cambiarContexto(contexto) {
  mostrarTiempo()
  botones.forEach(function (contexto) {
    contexto.classList.remove('active')
  })

  html.setAttribute("data-contexto", contexto);
  banner.setAttribute("src", `./imagenes/${contexto}.png`);

  switch (contexto) {
    case "enfoque":
      titulo.innerHTML = `Optimiza tu productividad,<br>
                <strong class="app__title-strong">sumérgete en lo que importa.</strong>`;
      break;
    case "descanso-corto":
      titulo.innerHTML = `
    ¿Que tal tomar un respiro?
     <strong class="app__title-strong">¡Haz una pausa corta!</strong>`;
      break;
    case "descanso-largo":
      titulo.innerHTML = `Hora de volver ala superficie
    <strong class="app__title-strong">¡Haz una pausa larga.</strong>`;
    default:
      break;
  }
}