body {
	font-family: 'Inter', Arial, sans-serif;
	color: #414141;
	font-size: 16px;
}

.widget-cursos {
  border-top: 3px solid #DAEED3;
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
  max-width: 100%;
  margin: 10px;
  overflow-x: scroll;
}

.widget-cursos h2 {
  font-size: 24px;
  margin-bottom: 15px;
  text-align: left;
  color: #006430;
  margin-top: 15px;
}

.listado-cursos {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  min-width: 700px;
}

.curso {
  margin-bottom: 10px;
  color: #414141;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid #DAEED3;
  padding: 0 5px 5px 20px;
  margin-left: 30px;
}

.curso:before,
.link:before {
  content: " ";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.curso:before {
  margin-left: -20px;
}

.knowinn:before {
  background-color: #52AE32;
}

.innobideak:before {
  background-color: #0970BF;
}

.curso-date {
  font-size: 0.8em;
  font-style: italic;
}

.links {
  margin-top: 15px;
  text-align: left;
}

.links a {
  margin: 0 10px 10px;
  text-decoration: none;
  color: #52AE32;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

@media (min-width: 768px) {
		
	.listado-cursos {
	  display: grid;
	  grid-template-columns: 50% 50%;
	  min-width: 100%;
	}

  .curso:before,
  .link:before {
		width: 16px;
		height: 16px;
		border-radius: 8px;
  }

	.curso {
		padding-right: 30px;
		background-image: url("vermas.png");
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	.links a {
		border: 2px solid #52AE32;
		padding: 5px 15px 5px 5px;
		border-radius: 30px;
		display: inline;
		margin: 0;
	}

	.widget-cursos {
    margin: 15px;
		display: grid;
		grid-template-areas:
  	"a b"
  	"c c";
		grid-template-columns: 1fr 2fr;
		overflow-x: auto;
  }

	h2 {grid-area: a}
		.listado-cursos {grid-area: c}
		.links {grid-area: b}
  }

  @media (min-width: 1024px) {
		.widget-cursos {
		grid-template-areas:
  	"a c"
  	"b c";
		grid-template-rows: 70px auto;
  }
	
	.links a {
		display: inline-block;
	}

	.links a.knowinn {
		display: inline-block;
		margin-bottom: 15px;
    width: 40%;
	}
}