.banner {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 1rem 1rem 0 1rem;
	aspect-ratio: 1.954 / 1;
	height: calc(100vh - 8.2rem);
	max-height: 511.7px
}

.contenedorBanner {
	max-width: 1300px;
	width: 100%;
	/* height: calc(100vh - 13rem); */
	display: flex;
	flex-flow: row nowrap;
}

.lado {
	width: 50%;
	display: flex;
	flex-flow: column nowrap;
}

.lado.der {
	justify-content: space-around
}

.chincolYboton {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-end;
	align-items: center;
	width: 100%;
	/* max-width: 500px; */
	padding-right: 1rem;
	padding-top: 1rem
}

.chincolYboton img {
	width: 100%;
	aspect-ratio: 2.85/1
}


.botonSigueme {
	font-family: museo-slab, serif;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	color: #FFFFFF;
	background-color: #004676;
	width: 100%;
	max-width: 220px;
	/* padding: 8px 25px; */
	border-radius: 40px;
	transform: translateY(-1rem);
	text-decoration: none;
	transition: .3s all;
	cursor: pointer;
}

.botonSigueme:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #002F56;
	transition: .3s all;
}

.izq {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	/* align-items: flex-end; */
}

.bannerImg {
	aspect-ratio: 1.33/1;
	width: 100%;
}

.logoBanner {
	width: 100%;
	/* height: 100%; */
	/* padding: 0 1rem; */
	/* padding-bottom: 3rem */
}

.logoBanner img {
	width: 100%;
	aspect-ratio: 3.53/1;

}

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

	.banner {
		aspect-ratio: unset;
		height: unset;
		max-height: unset;
	}

	.contenedorBanner {

		flex-flow: column nowrap;
	}

	.lado {
		width: 100%;
	}

	.der .titles {
		padding: 1rem 0 2rem 0;
	}
}