.contenedor {
	width: 100%;
	display: flex;
	justify-content: center;
}

.banner {
	width: 100%;
	max-width: 1300px;
	/* height: 100px; */
}

.banner img {
	width: 100%;
	aspect-ratio: 2.4 / 1;
}


.intro {
	width: 100%;
	max-width: 1300px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 4rem 2rem 2rem 4rem
}

.intro>.lado>img {
	width: 100%;
	min-width: 300px;
	aspect-ratio: 1.363 / 1;
}

.intro>.texto {
	padding: 0 2rem 0 4rem
}

.ejes {
	width: 100%;
	max-width: 1300px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	padding: 2rem 0;
}

.ejes .botonera {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.ejes .botonera .boton {
	width: 300px;
	height: 100px;
	margin: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	background-color: #D3DEF2;
	text-align: center;
	padding: 1rem;
	font-size: 1.5em;
	text-decoration: none;
	color: #064475
}

.arcos {
	display: flex;
	width: 100%;
	max-width: 1300px;
	justify-content: flex-end;
	padding: 0 1rem 2rem 0;
}

.arcos>img {
	width: 100%;
	max-width: 290px;
	aspect-ratio: 2.145 / 1;
}

.contenido {
	width: 100%;
	max-width: 1300px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem
}

.contenido .tarjeta {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	margin: 2rem 0
}

.contenido .tarjeta .lado {
	width: 40%;
}

.contenido .tarjeta .texto {
	width: 60%;
	padding: 2rem 0 2rem 2rem;
}

.contenido .tarjeta .lado img {
	width: 100%;
	aspect-ratio: 1.359 / 1;
}

.titulo {
	font-size: 1.5em;
	color: #2C8DCC
}


.listado {
	padding-top: 2rem;
}

.involucrados {
	font-size: .9em
}

.disclaimer {
	width: 100%;
	max-width: 1300px;
	padding: 0 1rem
}


.bajadaYoutube {
	display: flex;
	justify-content: center;
	padding: 2rem 0
}

.contenedorVideo {
	display: flex;
	width: 100%;
	max-width: 700px;
	aspect-ratio: 16 / 9;
}

.embedVideo {
	width: 100%;
}

@media screen and (max-width: 768px) {


	.intro {
		flex-flow: column nowrap;
		padding: 2rem 1rem
	}

	.intro>.texto {
		padding: 0 1rem
	}

	.intro>.lado>img {
		min-width: 100px;
		max-width: 200px;
		margin-bottom: 3rem;
	}

	.ejes .botonera {
		flex-flow: row wrap;
		justify-content: center;
	}

	.contenido .tarjeta {
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
		padding: 1rem
	}

	.contenido .tarjeta .lado {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.contenido .tarjeta .texto {
		width: 100%;
		padding: 0;
	}

	.contenido .tarjeta .lado img {
		max-width: 400px;
	}

	.arcos {
		display: none;
	}

}