Utilizei a propriedade border-top no footer ao invés de usar o a tag hr.
footer {
    border-top: 1px solid #858585;
    background-color: var(--branco);
    padding: 2em;
}
Utilizei a propriedade border-top no footer ao invés de usar o a tag hr.
footer {
    border-top: 1px solid #858585;
    background-color: var(--branco);
    padding: 2em;
}
Olá, Juliano! Como vai?
Parabéns pela solução, é uma ótima ideia!
Vale lembrar que é sempre aconselhável que você desenvolva o projeto o mais parecido possível com o da pessoa instrutora do curso, e só então faça alterações.
Fico à disposição. Abraço!