A classe "paciente-invalido" não funciona mais no arquivo JS

Ainda que eu não tenha alterado isso, o comando que pinta (de vermelho) a linha com erro no navegador parou de funcionar. A classe ".paciente-invalido" está contida no CSS, porém ela não está funcionando, mesmo estando declarada no arquivo JS, conforme segue:

let titulo = document.querySelector(".titulo"); titulo.textContent = "Aparecida Nutricionista";

let pacientes = document.querySelectorAll(".paciente");

for(var i = 0; i < pacientes.length; i++) {

    var paciente = pacientes[i];

    let tdPeso = paciente.querySelector(".info-peso");
    let peso = tdPeso.textContent;

    let tdAltura = paciente.querySelector(".info-altura");  
    let altura = tdAltura.textContent;

    let tdImc = paciente.querySelector(".info-imc");

    let pesoValido = validaPeso(peso);
    let alturaValida = validaAltura(altura);

    if(!pesoValido) { 
        console.log("Peso Inválido");
        pesoValido = false;
        tdImc.textContent = "Peso Inválido";
        paciente.classList.add("paciente-invalido");
    }

    if(!alturaValida) {
        console.log("Altura Inválida");
        alturaValida = false;
        tdImc.textContent = "Altura Inválida";
        paciente.classList.add("paciente-invalido");
    }

    if(alturaValida && pesoValido) { 
        let imc = calculaImc(peso,altura);
        tdImc.textContent = imc;
    }

}

function validaPeso(peso) {
    if(peso >= 0 && peso < 1000) {
        return true;
    } else {
        return false;
    }
}

function validaAltura(altura) {
    if(altura >=0 && altura <= 3.00) {
        return true;
    } else {
        return false;
    }
}

function calculaImc(peso, altura) {
    let imc = 0;
    imc = peso / (altura * altura);
    return imc.toFixed(2);
}