Não entendi por que precisou criar um novo código para os títulos. Aqui na "imagem 1", a linha 54 deveria ser suficiente para alterar os títulos dentro de h2, afinal, h2 está dentro de li, como podemos ver no html abaixo. Se o CSS afeta em cascata, os títulos não deveriam ter sido alterados pelo seguinte código:
.produtos li:hover {
border-color: blueviolet;
font-size: 40px;
}Imagem 1.
