* {
	box-sizing: border-box;
	margin: 0;
}
body {
	width: 100%;
	margin: 0;
	padding: 0;
}
.maincontainer {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: #000;
}
.bajada {
	width: 100%;
	text-align: center;
	background-color: black;
	color: #fff;
	padding: 90px 0 60px 0;
}
.bajada .container{
	width: 100%;
	max-width: 1330px;
	margin: 0 auto;
	padding: 0 20px;
}
.contenedor{
	width: 100%;
	max-width: 1330px;
	margin: 0 auto;
}

.bajada .container h2 {
	margin-bottom: 15px;
}
.bajada .paragraph {
	padding: 0;
	margin-bottom: 50px;
}
.buttons-container {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 140px;
}
.buttons-container .button-primary {
	background-color: #00ADEF;
    color: #fff;
    text-decoration: none; /*Tanto 'color' como 'tex-decoration' sirven para borrar los detalles del hipervínculo.*/
    padding: 20px 35px;
    border-radius: 2px;
    opacity: 1;
    display: flex;
    align-items: center;
    gap:  20px;
}

.buttons-container .arrow-icon {
	width: 10px;
	height: 12px;
	color: #fff;
}
/*.bajada div:nth-child(1){
	min-height: 200px;
	background-color: lightgray;
}
.bajada div:nth-child(2){
	min-height: 200px;
	background-color: blue;
}
.bajada div:nth-child(3){
	min-height: 200px;
	background-color: green;
}*/
.banner {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner a{
	height: 100%;
}
.banner img{
	height: 100%;
}
@media (min-width: 1200px){
	.banner{
		height: 463px;
	}
	
}
@media (max-width: 1199px){
	.banner{
		height: 380px;
	}

}
@media (max-width: 768px){
	.banner{
		height: 240px;
	}
	.buttons-container {
		gap: 40px;
	}
}
@media (min-width: 481px){
	.img-mobile{
		display: none;
	}

}
@media (max-width: 480px){
	.banner{
		height: 180px;
	}
	.banner{
		height: auto;
	}
	.img-desktop{
		display: none;
	}
	.banner img{
		width: 100%;
		height: auto;
	}
	.buttons-container {
		flex-direction: column;
	}
}
