A cor nao esta mais sendo alterada!

Ola! Quando eu estava fazendo o teste pelo JS estava funcionando, quando fui aplicar pelo CSS as cores nao alteram mais. Nao consigo achar o problema,

*JS

   if (peso <= 0 || peso >= 1000) {
        console.log("Peso inválido");
        pesoEhValido = false;
        tdImc.textContent = "Peso inválido";
        paciente.classList.add("paciente-invalido");
    }

    if (altura <= 0 || altura >= 3.00) {
        console.log("Altura inválida");
        alturaEhValida = false;
        tdImc.textContent = "Altura inválida";
        paciente.classList.add("paciente-invalido");
    }

    if (alturaEhValida && pesoEhValido){
        var imc = peso / (altura * altura); // 100/ 2.00 x 2.00 => 100 / 4 => 25
        tdImc.textContent =imc.toFixed(2);
    }

*CSS

}

.adicionar-paciente{
    margin-top: 30px;
}

.campo-invalido{
    border: 1px solid red;
}

.paciente-invalido{
    background-color: lightcoral;
}