a.navegacion-contenido.cursos {
  font-weight: bold;
}

main {
  height: 1100px;
}

section.cursos {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.curso1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  height: 40%;
}

.curso2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  height: 40%;
}

.imagen-curso {
  width: 50%;
  display: flex;
  justify-content: center;
  max-height: 382px;
}

.imagen-curso img {
  max-width: 612px;
  width: 80%;
  height: 100%;
}

.datos-curso {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 45%;
}

.subtitulo,
.numero-horas {
  color: rgb(49, 48, 48);
}

.subtitulo {
  font-size: 35px;
}

.numero-horas {
  font-size: 19px;
  position: relative;
  bottom: 5%;
}

.boton-circular {
  height: 12%;
  border-radius: 25px;
  display: flex;
  align-self: end;
  opacity: 0.5;
}

/* Media query para poder ajustar el formato de la página, cuando el ancho sea menor de 600px. */
@media screen and (width < 600px) {
  main {
    height: 1300px;
  }

  .curso1 {
    border-bottom: 1px solid rgb(71, 70, 70);
  }
  .curso1,
  .curso2 {
    padding-top: 5%;
    height: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  .imagen-curso,
  .datos-curso {
    width: 100%;
  }

  .datos-curso {
    height: 45%;
  }

  .imagen-curso {
    height: 40%;
  }

  .subtitulo {
    font-size: 25px;
  }

  .boton.boton-circular {
    width: 30%;
    margin-right: 5%;
  }
}