Comprobandolo en toolKitDevelop me da esta salida, tiene sentido, cuando añades varias clases si que puedes formatear con espacion, pero en este caso el metodo classList.add() solo añade una; internamente debe lanzar la excepción:
Failed to execute 'add' on 'DOMTokenList': The token provided ('medico familia') contains HTML space characters, which are not valid in tokens.
Como te comentaba puedes utilizar replace para sustituir los espaciosACTUALIZADO: Cuando son 2 palabras separadas por un espacio deberia ir, pero cuando son mas de 2 palabras o mas de un espacio, solo remplaza el caracterprimero que deesesencuentra. Pero estas de suerte porque el metodo replace admite expresiones reguraleres, ejasique si le dices que remplace todos los espacion de manera global podras solucionarlo:
document.querySelector('body').classList.add('pepe caca kk'.replace(/\ /g,'-').toLowerCase())
Una expresion regular se enmarca por cat.replace(' ','-').toLowerCase();
// y envuelto va el patron de caracteres, en este caso un espacio debe ser escapado por \ ,la g significa globalmente