/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 27 2024 | 20:37:12 */
.contenedor-verde {
	position: absolute;
	top: 95%;
}
.div-verde {
	position: relative;
}
.box-verde{
	position: relative;
	width: 100vw;
	&:before{
		content: "";
		position:absolute;
		top: -25%;
		width: 100%;
		height: 50%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/08/Vector-5-1.png);
		background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
		mix-blend-mode: multiply;
	}
			&:after{
		content: "";
		position:absolute;
		top: -25%;
		width: 100%;
		height: 40%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/08/Vector-4.png);
		background-repeat: no-repeat;
        background-size: cover;
	}
}


.box-verde-gracias{
	position: relative;
	width: 100vw;
	&:before{
		content: "";
		position:absolute;
		top: -50%;
		width: 100%;
		height: 40%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/08/Vector-5-1.png);
		background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
		mix-blend-mode: multiply;
	}
			&:after{
		content: "";
		position:absolute;
		top: -55%;
		width: 100%;
		height: 70%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/08/Vector-4.png);
		background-repeat: no-repeat;
        background-size: cover;
	}
}

.img-verde-1 {
	position: absolute;
	z-index: 1;
	top: calc(100vw * (-95 / var(--width-base)));
	width: calc(100vw * (var(--width-base) / var(--width-base)));
	mix-blend-mode: multiply;
}
.img-verde-2 {
	position: absolute;
	z-index: 2;
	top: calc(100vw * (-86 / var(--width-base)));
	width: calc(100vw * (var(--width-base) / var(--width-base)));
}
.img-verde-3 {
	position: absolute;
	z-index: 2;
	top: calc(100vw * (300 / var(--width-base)));
	width: calc(100vw * (var(--width-base) / var(--width-base)));
}
.contenedor-verde {
	height: calc(100vw * (760 / var(--width-base)));
}

.div-amarillo {
	width: calc(100vw * (182 / var(--width-base)));
	height: calc(100vw * (35 / var(--width-base)));
	display: flex;
	justify-content: center;
	align-items: center;
}
.text-div-amarillo {
	font-family: Satoshi;
	font-size: calc(100vw * (18 / var(--width-base))) !important;
	line-height: calc(100vw * (18 / var(--width-base))) !important;
	margin-bottom: 0 !important;
}
.text-after-div-amarillo {
	font-family: VC-Henrietta;
	font-size: calc(100vw * (55 / var(--width-base))) !important;
	line-height: calc(100vw * (36 / var(--width-base))) !important;
	padding-left: calc(100vw * (16 / var(--width-base))) !important;
	margin-top: calc(100vw * (17 / var(--width-base))) !important;
	color: #ffffff !important;
}

.title-cerquita {
	font-size: calc(100vw * (45 / var(--width-base))) !important;
	line-height: calc(100vw * (54 / var(--width-base))) !important;
	font-family: VC-Henrietta;
	text-shadow: rgb(121, 62, 170) 13px 0px 0px,
		rgb(121, 62, 170) 12.9616px 0.999014px 0px,
		rgb(121, 62, 170) 12.8465px 1.99212px 0px,
		rgb(121, 62, 170) 12.6554px 2.97344px 0px,
		rgb(121, 62, 170) 12.3895px 3.93718px 0px,
		rgb(121, 62, 170) 12.0503px 4.87763px 0px,
		rgb(121, 62, 170) 11.6398px 5.78924px 0px,
		rgb(121, 62, 170) 11.1605px 6.66661px 0px,
		rgb(121, 62, 170) 10.6152px 7.50454px 0px,
		rgb(121, 62, 170) 10.0071px 8.2981px 0px,
		rgb(121, 62, 170) 9.3398px 9.04258px 0px,
		rgb(121, 62, 170) 8.61728px 9.73357px 0px,
		rgb(121, 62, 170) 7.8438px 10.367px 0px,
		rgb(121, 62, 170) 7.02393px 10.9391px 0px,
		rgb(121, 62, 170) 6.16252px 11.4465px 0px,
		rgb(121, 62, 170) 5.26466px 11.8863px 0px,
		rgb(121, 62, 170) 4.33566px 12.2557px 0px,
		rgb(121, 62, 170) 3.38103px 12.5526px 0px,
		rgb(121, 62, 170) 2.40639px 12.7753px 0px,
		rgb(121, 62, 170) 1.41753px 12.9225px 0px,
		rgb(121, 62, 170) 0.420279px 12.9932px 0px,
		rgb(121, 62, 170) -0.579456px 12.9871px 0px,
		rgb(121, 62, 170) -1.57576px 12.9041px 0px,
		rgb(121, 62, 170) -2.56275px 12.7449px 0px,
		rgb(121, 62, 170) -3.53458px 12.5103px 0px,
		rgb(121, 62, 170) -4.48551px 12.2016px 0px,
		rgb(121, 62, 170) -5.40991px 11.8209px 0px,
		rgb(121, 62, 170) -6.30231px 11.3702px 0px,
		rgb(121, 62, 170) -7.15744px 10.8522px 0px,
		rgb(121, 62, 170) -7.97024px 10.2701px 0px,
		rgb(121, 62, 170) -8.7359px 9.62725px 0px,
		rgb(121, 62, 170) -9.4499px 8.92745px 0px,
		rgb(121, 62, 170) -10.108px 8.17486px 0px,
		rgb(121, 62, 170) -10.7063px 7.37391px 0px,
		rgb(121, 62, 170) -11.2413px 6.52935px 0px,
		rgb(121, 62, 170) -11.7099px 5.64618px 0px,
		rgb(121, 62, 170) -12.1091px 4.72961px 0px,
		rgb(121, 62, 170) -12.4368px 3.78508px 0px,
		rgb(121, 62, 170) -12.6909px 2.81815px 0px,
		rgb(121, 62, 170) -12.8699px 1.83456px 0px,
		rgb(121, 62, 170) -12.9728px 0.840119px 0px,
		rgb(121, 62, 170) -12.999px -0.159292px 0px,
		rgb(121, 62, 170) -12.9483px -1.15776px 0px,
		rgb(121, 62, 170) -12.8211px -2.14938px 0px,
		rgb(121, 62, 170) -12.618px -3.12829px 0px,
		rgb(121, 62, 170) -12.3403px -4.0887px 0px,
		rgb(121, 62, 170) -11.9896px -5.02492px 0px,
		rgb(121, 62, 170) -11.568px -5.93143px 0px,
		rgb(121, 62, 170) -11.078px -6.80286px 0px,
		rgb(121, 62, 170) -10.5224px -7.63405px 0px,
		rgb(121, 62, 170) -9.90465px -8.42009px 0px,
		rgb(121, 62, 170) -9.2283px -9.15634px 0px,
		rgb(121, 62, 170) -8.49737px -9.83843px 0px,
		rgb(121, 62, 170) -7.71618px -10.4623px 0px,
		rgb(121, 62, 170) -6.88936px -11.0244px 0px,
		rgb(121, 62, 170) -6.0218px -11.5212px 0px,
		rgb(121, 62, 170) -5.11862px -11.9499px 0px,
		rgb(121, 62, 170) -4.18517px -12.3079px 0px,
		rgb(121, 62, 170) -3.22696px -12.5931px 0px,
		rgb(121, 62, 170) -2.24967px -12.8039px 0px,
		rgb(121, 62, 170) -1.25908px -12.9389px 0px,
		rgb(121, 62, 170) -0.261039px -12.9974px 0px,
		rgb(121, 62, 170) 0.738545px -12.979px 0px,
		rgb(121, 62, 170) 1.73376px -12.8839px 0px,
		rgb(121, 62, 170) 2.71872px -12.7125px 0px,
		rgb(121, 62, 170) 3.68761px -12.466px 0px,
		rgb(121, 62, 170) 4.63468px -12.1458px 0px,
		rgb(121, 62, 170) 5.55435px -11.7537px 0px,
		rgb(121, 62, 170) 6.44116px -11.2921px 0px,
		rgb(121, 62, 170) 7.28988px -10.7637px 0px,
		rgb(121, 62, 170) 8.09548px -10.1717px 0px,
		rgb(121, 62, 170) 8.85321px -9.51949px 0px,
		rgb(121, 62, 170) 9.55858px -8.81099px 0px,
		rgb(121, 62, 170) 10.2074px -8.05039px 0px,
		rgb(121, 62, 170) 10.7959px -7.24217px 0px,
		rgb(121, 62, 170) 11.3205px -6.39112px 0px,
		rgb(121, 62, 170) 11.7782px -5.50227px 0px,
		rgb(121, 62, 170) 12.1662px -4.58088px 0px,
		rgb(121, 62, 170) 12.4822px -3.6324px 0px,
		rgb(121, 62, 170) 12.7244px -2.66244px 0px,
		rgb(121, 62, 170) 12.8914px -1.67673px 0px,
		rgb(121, 62, 170) 12.9821px -0.681097px 0px;
	color: #ffffff !important;
}
.text-cerquita {
	font-family: Satoshi;
	font-size: calc(100vw * (22 / var(--width-base))) !important;
	line-height: calc(100vw * (32 / var(--width-base))) !important;
	color: #ffffff !important;
}
.cuadricula-cerquita {
	flex-wrap: nowrap;
	width: calc(100vw * (1176 / var(--width-base)));
	margin-top: calc(100vw * (50 / var(--width-base)));
	gap: calc(100vw * (10 / var(--width-base)));
}
.div-cuadricula-cerquita {
	height: calc(100vw * (153 / var(--width-base)));
	border-radius: calc(100vw * (24 / var(--width-base)));
	background-color: #ffffff;
	/* 	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); */
	box-shadow: 0px 10px 35.3px 0px #acacac40;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	grid-gap: calc(100vw * (20 / var(--width-base)));
}
.img-cuadricula-cerquita {
	width: calc(100vw * (44 / var(--width-base)));
	height: calc(100vw * (44 / var(--width-base)));
}
.img-cuadricula-cerquita img {
	object-fit: contain !important;
}
.text-cuadricula-cerquita {
	font-family: Satoshi;
	font-size: calc(100vw * (20 / var(--width-base))) !important;
	line-height: calc(100vw * (18 / var(--width-base))) !important;
}
.imagen_parte3 {
	width: 100%;
	height: calc(100vw * (600 / var(--width-base)));
}

@media (min-width: 768px) and (max-width: 1440px){
	.box-verde{
		padding-top: 50px!important;
	}
}
@media (min-width: 1980px) and (max-width: 2550px){
	.box-verde{
		padding-top: 150px!important;
	}
}
@media (min-width: 586px) and (max-width: 768px){
	.contenedor-verde{
		&::before{
		content: "";
		position: absolute;
		background-color: #51A436;
		left: 0;
		right: 0;
		height: calc(100vw*(360 / var(--width-base)));
        width: 100%;
        display: block;
        top: calc(100vw*(-70 / var(--width-base)));
	}
	}
}
.boxes-cerquita{
	display:flex;
}
.boxes-cerquita-mobile{
		display:none;
	}
@media (max-width: 768px) {
	.boxes-cerquita{
	display: none;
}
	.boxes-cerquita-mobile{
		display:block;
	}
	.box-verde{
	position: relative;
	width: 100vw;
	&:before{
		content: "";
		position:absolute;
		top: -10%;
		width: 100%;
		height: 30%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/08/Vector-5-1.png);
		background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
		mix-blend-mode: multiply;
	}
			&:after{
		content: "";
		position:absolute;
		top: -10%;
		width: 100%;
		height: 35%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/09/Vector-7.png);
		background-repeat: no-repeat;
        background-size: cover;
	}
}

		.box-verde-gracias{
	position: relative;
	width: 100vw;
	&:before{
		content: "";
		position:absolute;
		top: -30%;
		width: 100%;
		height: 30%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/08/Vector-5-1.png);
		background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
		mix-blend-mode: multiply;
	}
			&:after{
		content: "";
		position:absolute;
		top: -30%;
		width: 100%;
		height: 35%;
		background-image: url(https://alegrapromotora.com/wp-content/uploads/2024/09/Vector-7.png);
		background-repeat: no-repeat;
        background-size: cover;
	}
}


	.cuadricula_area_verde{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		div:last-child{
			grid-column: span 2;
		}
	}
	
	.div-cuadricula-cerquita{
        height: 100%;
	
	}
	
	.img-cuadricula-cerquita {
		width: calc(100vw * (35 / var(--width-base)));
		height: calc(100vw * (35 / var(--width-base)));
	}
	
	.text-cuadricula-cerquita{
		font-size: calc(100vw*(16 / var(--width-base))) !important;	
		line-height: calc(100vw*(18 / var(--width-base))) !important;
		min-height: calc(100vw*(38 / var(--width-base)));
	}
	

	
	.contenedor-verde {
		position: absolute;
		top: calc(100vw * (530 / var(--width-base)));
	}
	.cuadricula-cerquita {
        width: calc(100vw*(920 / var(--width-base)));
        overflow-x: scroll;
		margin-top: calc(100vw * (5 / var(--width-base)));
		padding-left: calc(100vw * (20 / var(--width-base)));
		padding-right: calc(100vw * (20 / var(--width-base)));
		gap: calc(100vw * (24 / var(--width-base)));
		padding-bottom: calc(100vw * (20 / var(--width-base)));
		padding-top: calc(100vw * (20 / var(--width-base)));
	}

	.text-div-amarillo {
		font-family: Satoshi;
		font-size: calc(100vw * (12 / var(--width-base))) !important;
		line-height: calc(100vw * (18 / var(--width-base))) !important;
		margin-bottom: 0 !important;
	}
	.div-amarillo {
		width: calc(100vw * (123 / var(--width-base)));
		height: calc(100vw * (32 / var(--width-base)));
		display: flex;
		justify-content: center;
		align-items: center;
		background-size: contain;
	}

	.title-cerquita {
		font-size: calc(100vw * (24 / var(--width-base))) !important;
		line-height: calc(100vw * (28 / var(--width-base))) !important;
	}
	.text-cerquita {
		font-family: Satoshi;
		font-size: calc(100vw * (16 / var(--width-base))) !important;
		line-height: calc(100vw * (32 / var(--width-base))) !important;
		padding: 0 calc(100vw * (40 / var(--width-base)));
	}
	
	.img-verde-1 {
		position: absolute;
		z-index: 1;
		top: calc(100vw * (-130 / var(--width-base)));
		width: 100%;
		mix-blend-mode: multiply;
		object-fit: contain;
	}
	.img-verde-2 {
		position: absolute;
		z-index: 2;
		top: calc(100vw * (-186 / var(--width-base)));
		width: 100%;
		object-fit: contain;
	}
	.img-verde-3 {
		top: calc(100vw * (540 / var(--width-base)));
		width: 100%;
		object-fit: contain;
	}
}