Duda

No puedo modificar el color a través del CSS, ayuda:

var pacientes = document.querySelectorAll(".paciente");
console.log(pacientes);

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

    var paciente = pacientes[i];

    var tdpeso = paciente.querySelector(".info-peso");
    var peso = tdpeso.textContent;

    //La variable paciente se vuelve en un elemento padre, por el cual podremos acceder elementos hijos 

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

    var tdIMC = paciente.querySelector(".info-imc");
    // imc = peso / altura * altura
    var imc = peso / (altura * altura);
    tdIMC.textContent = imc;
    //textContent: Permite acceder al contenido, en este caso de mi class

    var pesoValidado = true; // asumiendo de buena fe que el peso es correcto
    var alturaValidada = true; // asumiendo de buena fe que la altura es correcta 



    // || Sígnifica OR (o) en operador lógico
    if((peso < 0) || (peso > 1000)){

        tdIMC.textContent = "Peso incorrecto!";
        pesoValidado = false;
        paciente.classList.add("paciente-incorrecto");
    }

    if((altura < 0) || (altura > 3.00)){

        tdIMC.textContent = "Altura incorrecta!";
        alturaValidada = false;
        paciente.style.backgroundColor = "lightcoral";
    }

    if(pesoValidado && alturaValidada){
        tdIMC.textContent = imc.toFixed(2);
    }



}

Este es el CSS

.paciente-incorrecto{
    background-color: blue;
}