.banner-actions{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}

.banner-actions .banner{
	width: 100%;
	height: 221px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.banner-actions .banner.herramienta{
	background-image: url('../images/banner-herramienta.png');
}

.banner-actions .banner.recorrido{
	background-image: url('../images/banner-recorrido.png');
}

.banner-actions .banner a{
	text-decoration: none;
	border:2px solid white;
	width: 259px;
	height: 52px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 16px;
	font-weight:700;
}

.banner-actions .banner.herramienta a{
	background-color: var(--accent-color);
}
.banner-actions .banner.recorrido a{
	background-color: #485277;
}

@media all and (max-width: 768px) {
	.banner-actions{
		flex-direction: column;
	}
}