main {
	grid-template-rows: 115px repeat(4, min-content) 130px;
}

.background-video {
	grid-column: 1 / -1;
	width: 100%;
}

/* #region seccion-1 */
.seccion-1 {
	grid-row: 3;
	grid-column: 1 / -1;
	background-image: url("../assets/grafico_izq.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100% 100%;
	display: grid;
	grid-template-columns: 2% 48% 48% 2%;
	color: white;
	align-items: center;
	text-shadow: var(--shadow);
	padding: 2%;
	height: 600px;
}

.seccion-1 div {
	grid-column: 2;
}

.seccion-1 div h2 {
	margin-top: 0;
}

.seccion-1 span {
	font-weight: 700;
}

.seccion-1 img {
	grid-column: 3;
	width: 70%;
	justify-self: center;
	box-shadow: 0px 0px 20px rgb(0, 0, 0);
	border-radius: 3em;
}

/* #endregion */

/* #region seccion-2 */
.seccion-2 {
	grid-row: 4;
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 2% 48% 48% 2%;
	justify-items: center;
	align-items: center;
	color: white;
	text-shadow: var(--shadow);
	height: 600px;
}

.seccion-2 .parallax-wrapper {
	position: absolute;
	z-index: -1;
	height: 600px;
}

.seccion-2 .videoplay {
	grid-column: 2;
	width: 70%;
	cursor: pointer;
	box-shadow: 0px 0px 20px var(--color-azul-3);
	border-radius: 3em;
}

.seccion-2 h2 {
	grid-column: 3;
}

/* #endregion */

/* #region seccion-3 */
.seccion-3 {
	grid-row: 5;
	grid-column: 1 / -1;
	background-color: var(--color-azul-1);
	padding: 2%;
	display: grid;
	justify-content: space-between;
	height: 600px;
	grid-template-columns: 1fr;
}

.seccion-3 .text-wrapper {
	color: white;
	text-shadow: var(--shadow);
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 700;
}

.seccion-3 .img-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2em;
	align-items: start;
}

.seccion-3 .img-wrapper .img-container {
	display: flex;
	flex-direction: column;
	font-weight: 700;
	color: white;
	text-shadow: var(--shadow);
	text-align: center;
	gap: 1em;
	justify-content: center;
	width: 40%;
	max-width: 170px;
}
/* #endregion */

#vimeoframe {
    position: fixed;
    translate: -50% -50%;
    top: 50%;
    left: 50%;
    z-index: 2;
}

.seccion-inicio {
	color: var(--color-azul-3);
}

/* #region Mobile */
@media screen and (max-width: 1023px) {
	main {
		grid-template-rows: 130px repeat(5, min-content) 4em;
	}

	.seccion-1 {
		grid-template-rows: initial;
		background-position: initial;
		gap: 2em;
		grid-template-columns: initial;
		padding: 2em;
		text-shadow: none;
		background-image: url("../assets/FONDO.png");
	}

	.seccion-1 div {
		grid-column: 1;
	}

	.seccion-1 img {
		grid-column: 1;
		width: 85%;
		max-width: 35em;
	}

	.seccion-2 {
		background-image: url("../assets/icestar-img6.jpeg");
		background-size: cover;
		background-repeat: no-repeat;
		padding: 2em;
		text-shadow: none;
	}

	.seccion-2 h2 {
		grid-column: 2 / span 2;
		grid-row: 2;
		text-shadow: 0px 0px 7px black;
	}

	.seccion-2 .videoplay {
		grid-row: 3;
		grid-column: 2 / span 2;
		width: 85%;
		max-width: 35em;
	}

	.seccion-3 {
		height: initial;
		padding: 2em;
		gap: 2em;
	}

    .parallax-wrapper {
        display: none;
    }

	.seccion-3 .text-wrapper {
		text-shadow: none;
	}

	.seccion-3 .text-wrapper h2 {
		margin-top: 0;
	}

	.seccion-3 .img-wrapper .img-container {
		text-shadow: none;
	}
}
/* #endregion */

@media screen and (max-width: 1260px) {
	.seccion-2 h2 br {
		display: none;
	}
}