const hmtl = document.querySelector('html') const botonCorto = document.querySelector('.app__card-button--corto') const botonLargo = document.querySelector('.app__card-button--largo') const botonEnfoque = document.querySelector('.app__card-button--enfoque')
botonCorto.addEventListener('click', ()=> { hmtl.setAttribute('data-contexto','descanso-corto') })
botonEnfoque.addEventListener('click', ()=> { hmtl.setAttribute('data-contexto','enfoque') })
botonLargo.addEventListener('click', ()=> { hmtl.setAttribute('data-contexto','descanso-largo') })