/*menu horizontal con desplegable en ejercicios*/

.menu-horizontal{
    list-style: none;
    display: flex;
    justify-content: space-around;
}

@media (max-width: 65rem){
    .menu-horizontal{
    list-style: none;
    display: block;
    justify-content: none;
}
}

.menu-horizontal > li > a{
    display: block;
    color: #f7f7f7;
    text-decoration: none;
}

.menu-vertical{
    position: absolute;
    display: none;
    list-style: none;
    width: 10rem;
    background-color: #343a40;
}
.menu-horizontal li:hover .menu-vertical{ /*desplega el menu de ejercicio*/
    display: block;
}
.menu-vertical li a:hover{
    color: #f7f7f7; /*color del texto del menú desplegable*/
    background-color: #607eb0;
    transform: none;
}

.menu-vertical li a{
    display: block;
    color: #f7f7f7;
    text-decoration: none;
    padding: 0.8rem 0.8rem 0.8rem 1.2rem;
}