Um analista de Tecnologia da Informação, ao realizar a manutenção de um sistema web, depara-se com um componente visual que não exibe o estilo esperado. A tarefa exige uma análise cuidadosa do código HTML e das múltiplas regras CSS aplicadas, demandando um conhecimento aprofundado sobre o modelo de cascata e as regras de especificidade que os navegadores utilizam para resolver conflitos de estilo. Analisando o trecho de código HTML e as regras CSS a seguir, e considerando as regras da cascata e especificidade do CSS, qual será a cor final aplicada ao texto do elemento <h1>?

HTML:

<section id="destaques">

<article class="post promocao">

<h1 class="titulo-principal">Oferta Especial</h1>

<p>Descrição da oferta...</p>

</article>

</section>

CSS:

#destaques h1 {

color: red;

}

article.promocao h1 {

color: green;

}

h1.titulo-principal {

color: purple;

}

.post h1 {

color: blue;

}

h1 {

color: black;

}