/*----------------------- INICIO PLANTILLA NO BORRAR --------------------------*/

@media (min-width: 992px) and (max-width: 1919px) {
	#searchbox {
		max-width: 70%;
		font-size: 25px;
	}

}

/* Tablet desktop :768px. */

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


	#searchbox {
		max-width: 90%;
		font-size: 23px;
	}

	.main-menu ul li {
		margin-left: 15px;
	}


	.footer-logo img {
		width: 160px;
	}

	.footer-logo p {
		font-size: 15px;
		width: 164px;
	}

	.footer-content ul li a {
		font-size: 15px;
	}
	.search-icon-area i {
		/*background-color: #fff;*/
		color: #fff;
	}
	
}

/* small mobile :320px. */

@media only screen and (min-width: 350px) and (max-width: 767px) {
	

	/*Curva*/
	.seccion-curva .curve img {
		width: 100%;
		height: 123px;
		margin-top: 124px;
	}


	.section-heading-3 h3 {
		padding-top: 15px;
	}


	.section-heading-3 {
		padding-bottom: 0px;
		margin-bottom: -20px;
	}


	.margin-top-sb-30 {
		margin-top: 30px !important;
		padding: 0px 15px;
		background-size: cover;
	}

	

	
	
	p {
		font-size: 17px;
		padding: 10px;
	}

	
	.servicio-area {
		background-color: #fff;
		padding: 0px 15px 50px 15px;
		margin-bottom: 202px;
	}


	

	.footer-content ul {
		margin-top: 0px;
	}

	.search-icon-area {
		right: 20%;
		top: -67px;
	}

	#searchbox {
		max-width: 90%;
		font-size: 20px;
	}

	.search-icon-area i {
		background-color: transparent;
		color: #fff;

	}

}
.curve-mobile-img-des {
    display: none; /* Oculta la imagen por defecto */
}

@media (max-width: 767px) {
	.curve-mobile-img-des {
        display: block !important;
        width: 100% !important;
        position: absolute;
        bottom: -205px; 
        height: 250px !important; 
        transform-origin: center bottom;
        transition: all 1.5s ease 0s;
    }

    .curve img {
        display: none; /* Oculta la imagen principal de la curva en móviles */
    }

	
}

.blog-post-heading h1 {
	font-size: 30px;
}

.blog-image {
	width: 100%;
}

.blog-image img {
	width: 100% !important;
}

.footer-logo p {
	font-size: 15px;
	margin-top: 20px;
	padding: 0px 16px;
}

.footer-content ul li a {
	font-size: 15px;
}

.footer-heading h3 {
	margin-top: 18px;
}

/* social centrado*/
.social {
	text-align: center;
	margin-left: 0px;
}

.footer-columna-link {
	text-align: center;
	margin-left: 0px;
}

.footer-heading {
	text-align: center;
}

.footer-content {
	text-align: center;
}

#leadgenaration {
	text-align: center;
}

footer-logo {
	margin-left: 0px;
}

.footer-logo img {
	margin-left: 36px;
}

.footer-logo {
	margin-left: 0px;
}

.img-qr {
	margin-left: -10px !important;
	padding-top: 50px;
}





/* Large Mobile :575px. */

@media only screen and (min-width: 575px) and (max-width: 767px) {
	.search-icon-area {
		right: 15%;
		top: -67px;
	}

	#searchbox {
		max-width: 90%;
		font-size: 20px;
	}

	.search-icon-area i {
		background-color: transparent;
		color: #fff;
	}

	.margin-top-lb-30 {
		margin-top: 30px !important;
	}


	.blog-post-heading h1 {
		font-size: 30px;
	}


	.footer-logo img {
		width: 160px;
	}

	.footer-logo p {
		font-size: 15px;
	}

	.footer-content ul li a {
		font-size: 15px;
	}

	.footer-heading h3 {
		margin-top: 18px;
	}


}

/* iphone 12 pro */

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

	#search {
		display: flex;
		justify-content: center;
	}

	#searchbox {
		margin-right: 10px;
		margin-left: 10px;
		width: 55%;
		font-size: 15px;
	}

	#boton-busqueda {
		margin-right: 45px;
		padding: 8px 15px 8px 15px;
		font-size: 15px;
	}

	.container {
		width: 100%;
		overflow-x: hidden;
	}

	.container {
		width: 100%;
		overflow: hidden;
	}


	p {
		
		/*max-width: 339px;*/
		padding: 10px;
	}


	.img-qr {
		margin-left: 60px;
		padding-top: 50px;
	}

	.container {
		display: flex;
		flex-direction: column;
	}

	
}

/* sansung A51  */
@media only screen and (min-width: 412px) and (max-width: 930px) {
	#search {
		display: flex;
		justify-content: center;
	}


	#searchbox {
		margin-right: 10px;
		margin-left: 10px;
		width: 55%;
		font-size: 15px;
	}

	#boton-busqueda {
		margin-right: 45px;
		padding: 8px 15px 8px 15px;
		font-size: 15px;
	}

	.close-btn {
		display: none;
		color: #fff;
		font-size: 2rem;
		position: absolute;
		top: 1.2rem;
		right: 0.8rem;
	}

	.container {
		width: 100%;
		overflow-x: hidden;
	}

	

	.container {
		width: 100%;
		overflow: hidden;
	}


	p {
		font-size: 17px;
	}

	.img-qr {
		margin-left: 60px;
		padding-top: 50px;
	}

	.container {
		display: flex;
		flex-direction: column;
	}

	
}

/*JULIO NUEVO*/
/* inicio youtube */
@media only screen and (min-width: 350px) {

	.contact-hero-banner img {
		width: 100%;
		height: 75vh;
	}

}

@media only screen and (min-width: 320px) {
	.contact-hero-banner img {
		width: 100%;
		height: 75vh;
	}

	
	.servicio-otros {
		padding: 12px 15px 43px 15px;
	}
	

	
}

@media only screen and (min-width: 375px) {
	.contact-hero-banner img {
		width: 100%;
		height: 75vh;
	}


	.servicio-otros {
		padding: 25px 35px;
	}

}





@media (max-width: 767px) {
	.contact-hero-banner img {
		width: 100%;
		height: auto;
	}
}

/*MODO TABLET agregar todo lo de modo tablet apartir de aca */
@media (min-width: 768px) {

	.servicio-area {
		padding: 120px 55px;
		margin-bottom: -65px;
	}
	.paddingdes {
		padding: 120px 55px !important;
	}

	
	.servicio-otros {
		padding: 120px 55px;
	}


	.img-qr {
		margin-left: -6px;
		padding-top: 50px;
	}



	.section-heading-3 {
		padding-bottom: 20px;
	}

	/*footer logo  julio 25*/
	.footer-logo p {
		margin-top: 22px;
	}

	/* fix paddin footer 2 de agosto */
	.footer-qr {
		margin-left: -20px;
	}

	.footer-content form input#leadgenaration {
		margin-left: -20px;
	}

	.footer-content form input#subscribe {
		margin-left: -20px;
	}

	.footer-heading h3 {
		margin-left: -20px;
	}

	.footer-heading .link-footer {
		margin-left: 0px;
	}

	/* fix para que aparezca sobre nostros en ujna sola linea. */
	.footer-columna-link li {
		margin-left: -20px;
	}

	.footer-columna-link {
		margin-left: 40px;
	}

	.footer-logo {
		margin-left: -6px;
	}

	
}

@media (min-width: 820px) {
	/* fix para que aparezca sobre nostros en ujna sola linea. */

	.footer-columna-link {
		margin-left: 40px;
	}

	.footer-logo {
		margin-left: 6px;
	}

	/* fin fix para que aparezca sobre nostros en ujna sola linea. */
}



@media (min-width: 1024px) {
	/*footer logo  julio 25*/
	.footer-logo p {
		margin-top: 12px;
	}
	.search-icon-area i {
		/*background-color: #fff;*/
		color: #80ffd2;
	}
}


@media (min-width: 1024px) {
	
	/*footer logo  julio 25*/
	.footer-logo p {
		margin-top: 12px;
	}

}
@media (min-width: 992px) {
	.seccion-curva .curve {
		height: 185px;
	}
}
@media (min-width: 1366px) {
	.seccion-curva .curve {
		height: 148px;
	}
}
/* inicio de pagina de inicio */

@media (min-width: 1440px) {
	.seccion-curva .curve {
		position: absolute;
		bottom: -204px;
		height: 206px;
		width: 100%;
		transform-origin: center bottom;
		transition: all 1.5s ease 0s;
	}

	.contact-hero-banner {
		width: 100%;
		/* height: 85vh; */
	}

	.contact-hero-banner::before {
		width: 100%;
		/* height: 85vh; */
	}

	
}

/* inicio mousemove pantalla 1920 */

@media (min-width: 1920px) {
	
	p {
		font-size: 18px;
	}

	.contact-hero-banner img {
		width: 100%;

	}

}



/* cambio diciembre*/
@media only screen and (min-width: 1024px) {
	
	.section-heading-3 h3 {
		margin-top: 7px;
	}
}

@media only screen and (min-width: 1270px) {
	.section-heading-3 h3 {
		margin-top: -7px;
	}
}



@media only screen and (min-width: 1440px) {
	
	.container-hardware {
		padding: 120px 55px;
	}
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.search-icon-area {
		right: 20%;
		top: 25px;
		z-index: 999;
	}
	.mean-container .mean-nav {
        margin-left: -188px;
        width: 135%;
    }
	
}



/* cambio 768px titulos ola 15/12/2023*/
@media only screen and (min-width: 768px) {
	.section-heading-3 h3 {
		margin-top: -11px;
	}
}

/* ?Iphone 12/ Iphone 12 PRO -->> refactor query 16-01-2024*/
@media only screen and (orientation: landscape) and (width: 844px) and (height: 390px) {

	/*------------------pagina de inicio--------------------- */
	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}

}

/* ?Iphone 13 PRO MAX*/
@media only screen and (orientation: landscape) and (width: 926px) and (height: 428px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}

}

/* ?Samsung Galaxy A51/A71 -->> refactor query 16-01-2024 */
@media only screen and (orientation: landscape) and (width: 914px) and (height: 412px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 24vh !important;
	}


}

/* !landscape para dispositivos moviles 13-01-2024 */

/* ?Samsung Galaxy S21 ->> refactor query 16-01-2024 */
@media only screen and (orientation: landscape) and (width: 915px) and (height: 412px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 24vh !important;
	}

}

/* ?Samsung Galaxy S21/S21 ULTRA ->> refactor query 29-01-2024 */
@media only screen and (orientation: landscape) and (width: 800px) and (height: 360px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 27.5vh !important;
	}

}

/* ?Iphone 14  ->> refactor query 18-01-2024 */
@media only screen and (orientation: landscape) and (width: 844px) and (height: 390px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
		/* se ajusta altura de lupa iphone 14 */
		margin-top: 0.5%;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}

}

/* ?Iphone 14 Plus ->> refactor query 16-01-2024 */
@media only screen and (orientation: landscape) and (width: 926px) and (height: 428px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}


}

/* ?Iphone 14 PRO ->> refactor query 16-01-2024*/
@media only screen and (orientation: landscape) and (width: 852px) and (height: 393px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}

	
}

/* !landscape para dispositivos moviles 15-01-2024 */

/* ?Iphone 14 PRO MAX ->> refactor query 16-01-2024 */
@media only screen and (orientation: landscape) and (width: 932px) and (height: 430px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 5%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 23vh !important;
		/* cambio a 23vh 16-01-2024 */
	}

	
}

/* ?Iphone 6/7/8 ->> refactor query 16-01-2024  */
@media only screen and (orientation: landscape) and (width: 667px) and (height: 375px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 9%;
		margin-top: 0%;
		z-index: 0;
	}

	.services-area {
		margin-top: 116% !important;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}

	/* Se ajusta margin de la seccion de blog de la pagina de inicio (hecho por gonza) 26-01-2024*/
	.margin-top-sb-30 {
		margin-top: 0px !important;
	}

	.seo-h1-titulos h1 {
		margin-top: 7px !important;
	}
}

/* ?Iphone 6/7/8 PLUS ->> refactor query 16-01-2024 */
@media only screen and (orientation: landscape) and (width: 736px) and (height: 414px) {

	/* Fix posicion de la  lupa del menu  */
	.search-icon-area {
		right: 9%;
		margin-top: 0%;
		z-index: 0;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}

	/* tamaño de altura de barra altura */
	#search:target {
		height: 25vh !important;
	}

	/* Se ajusta margin de la seccion de blog de la pagina de inicio (hecho por gonza) 26-01-2024*/
	.margin-top-sb-30 {
		margin-top: 0px !important;
	}

}

/* cuadrados blancos home reigeneria- desarrollo - misiion critica*/
@media (min-width: 1024px) {
	
	.col-lg-4 {
		margin-top: 15px;
	}
}



@media only screen and (min-width: 1440px) and (max-width: 1919px) {
	
	.col-lg-4 {
		margin-top: 1px;
	}


}


@media (min-width: 1920px) {
	.col-lg-4 {
		margin-top: 0px;
	}

}

/* resolucion 1366px notebook */
@media (min-width: 1366px) and (max-width: 1439px) {
	.col-lg-4 {
		margin-top: 1px;
	}
}

/* resolucion 1270px notebook*/
@media (min-width: 1270px) and (max-width:1365px) {

	.col-lg-4 {
		margin-top: 0px;
	}

}

/* resolucion 1024px*/
@media (min-width: 1024px) and (max-width:1087px) {
	
	.col-lg-4 {
		margin-top: 1px;
	}
}



/* resolucion 768px*/
@media (min-width: 768px) and (max-width: 820px) {
	.col-lg-4 {
		margin-top: 30px;
	}

	.servicio-area {
		padding: 80px 55px
	}

}

@media (min-width: 769px) and (max-width: 820px) {
	.search-icon-area i {
		transform: translate(95px, 4px);
	}
}

@media (min-width: 821px) and (max-width: 930px) {
	
	.col-lg-4 {
		margin-top: 30px;
	}

	.search-icon-area i {
		transform: translate(95px, 4px);
	}

	.servicio-area {
		padding: 80px 55px
	}

}

@media (min-width: 931px) and (max-width: 932px) {

	.servicio-area {
		padding: 80px 55px
	}
	.search-icon-area i {
		transform: translate(103px, 4px);
	}
}

@media (min-width: 933px) and (max-width: 1023px) {
	.search-icon-area i {
		color: #fff;
		background-color: transparent;
		font-size: 27px;
		padding: 7px;
		border-radius: 50%;
		transform: translate(103px, 4px);
	}
	.servicio-area {
		padding: 80px 55px
	}

}



/* resolucion 820 x 1180 tablet y 768x1024*/
@media only screen and (width: 820px) and (max-width: 1180px) {
	.search-icon-area i {
		transform: translate(80px, 4px);
	}

	/*preguntar a tati si queda bien tablet cuadrito*/
	.mean-container .mean-nav {
		margin-left: -188px;
		width: 134%;
	}
}

@media only screen and (width: 768px) and (max-width: 1024px) {
	.mean-container .mean-nav {
		margin-left: -188px;
		width: 134%;
	}
}

@media (min-width: 375px) and (max-width: 820px) {
	
	.reigeneriatexto {
		padding: 0px !important;
	}
	
}
@media (min-width: 375px) and (max-width: 480px) {

	.hostingbottom {
		margin-top: -40px;
	}

	.blog-post-heading h1 {
		margin-top: 54px;
	}

	.section-heading-3 h3 {
		margin-top: 15px;
		margin-bottom: 122px;
	}

	.section-heading-3 {
		margin-bottom: -87px !important;
	}

	.seo-h1-titulos h1 {
		margin-bottom: 124px;
	}
	.curve-mobile-img-des {
        bottom: -211px;
}

}


@media only screen and (min-width: 391px) and (max-width: 411px) {
	

	.margin-top-sb-30 {
		margin-top: 30px !important;
		/*padding: 25px;*/
		background-size: cover;
	}

	 .container .row {
		display: flex;
		flex-direction: column;
	}


}

/*LANDSCAPE MARZO 2024*/

/*celular juli*/
@media only screen and (orientation: landscape) and (width: 851px) and (height: 393px) {
	/*servicios*/
	.servicio-area {
		padding: 45px 55px;
	}

}

/*14pro*/
@media only screen and (orientation: landscape) and (width: 852px) and (height: 393px) {
	/*servicios*/
	.servicio-area {
		padding: 45px 55px;
	}
}

/*iphone 6 7 8 */
@media only screen and (orientation: landscape) and (width: 667px) and (height: 375px) {
	.margin-top-sb-30 {
		margin-top: -13px !important;
	}

	.col-lg-4 {
		margin-top: -13px;
	}

	.margin-top-sb-30.cuadrofreewifi {
		margin-top: -11px !important;
	}


	.section-heading-3 h3 {
		padding-top: 0px;
		margin-top: 3px;
	}


	.margin-top-sb-30 {
		margin-top: 20px !important;
	}

	p {
		font-size: 16px;
		width: 100%;
		margin-left: -3px;
	}

	.servicio-area {
		padding: 45px 55px;
	}

}

/*IPHONE 6 7 8  PLUS*/
@media only screen and (orientation: landscape) and (width: 736px) and (height: 414px) {
	.col-lg-4 {
		margin-top: 20px;
	}
	.section-heading-3 h3 {
		padding-top: 0px;
		margin-top: 3px;
	}

	.margin-top-sb-30 {
		margin-top: 20px !important;
	}

	p {
		font-size: 16px;
		width: 100%;
		margin-left: -3px;
	}


	.servicio-area {
		padding: 45px 55px;
	}

}

/*14 pro max*/
@media only screen and (orientation: landscape) and (width: 932px) and (height: 430px) {

	.col-lg-4 {
		margin-top: 30px;
	}
}


@media (min-width: 431px) and (max-width: 767px) {
	.servicio-area {
		padding: 25px 25px;
	}
}



@media only screen and (min-width: 574px) and (max-width: 575px) {

	.col-lg-4 {
		margin-top: 30px;
	}

	.servicio-area {
		padding: 80px 55px
	}

}

@media only screen and (min-width: 576px) and (max-width: 609px) {

	.col-lg-4 {
		margin-top: 30px;
	}

}

@media only screen and (min-width: 609px) and (max-width: 636px) {
	
	.col-lg-4 {
		margin-top: 30px;
	}

	.servicio-area {
		padding: 80px 55px
	}

}

@media only screen and (min-width: 637px) and (max-width: 666px) {
	

	.col-lg-4 {
		margin-top: 30px;
	}


	.servicio-area {
		padding: 80px 55px
	}

}

@media only screen and (min-width: 667px) and (max-width: 767px) {
	.col-lg-4 {
		margin-top: 30px;
	}


	.servicio-area {
		padding: 80px 55px
	}

}

/* tablets: */
@media (min-width: 768px) and (max-width: 1023px) {
	/* ajuste de titulos: */
	.seo-h1-titulos h1 {
		margin-top: 10px;
	}
}

/*===== Estilos para SEO =========== */

@media only screen and (max-width: 767px) {
	.seo-h1-titulos h1 {
		margin-top: 50px;
	}
}
@media only screen and (orientation: landscape) and (max-width: 932px) {
	.seo-h1-titulos h1 {
		margin-top: 0px;
	}
	.servicio-area {
		padding: 45px 55px;
	}
}
@media (min-width: 768px) and (max-width:992px) {
	.servicio-area {
		padding: 80px 40px;
		margin-bottom: -127px;
	}
	.servicio-otros {
		padding: 80px 40px;
	}
}
/*----------------------- FIN PLANTILLA NO BORRAR --------------------------*/





/*----------------------- SECCION DESARROLLO --------------------------------------*/


/*----------------------- MEDIAQ MOBILE -----------------------*/
.imagen-circulo1 {
	display: block; 
}

.imagen-tablet {
	display: none; 
}
.imagen-svg1 {
	display: block; 
}





@media only screen and (min-width: 1024px)  {


	/* -------------------------Animación para web -------------------------*/
		.caja-animacion {
			perspective: 1000px; 
			overflow: hidden; 
			transition: box-shadow 0.5s ease, transform 0.5s ease; 
		}
	
		.caja-animacion h5,
		.caja-animacion ul {
			max-height: 0;
			overflow: hidden; 
			transition: max-height 0.5s ease, color 0.3s ease; 
		}
		.caja-animacion h4 {
			transition: font-size 0.5s ease; 
		}
	
		.caja-animacion h5 {
			color: #000; 
		}
	
	
		.caja-animacion:hover {
			box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); 
			transform: rotateX(5deg) rotateY(0deg) scale(1.09); 
		}
	
	
		.caja-animacion:hover h4 {
			max-height: 200px;
			color: #407BFF; 
			font-size: 43px; 
		}
		.caja-animacion:hover h5 {
			max-height: 200px;
			color: #407BFF; 
		}
	
		.caja-animacion:hover ul {
		max-height: 230px;
		}
	
	.cajaltura1{
		height: auto !important;
	}
	.cajaltura2 {
		height: auto !important;
	}
		.caja-animacion .boton-leer {
			position: relative;
			margin-top: 20px;
			z-index: 1;
			transition: transform 0.3s ease; 
		}
	
		.caja-animacion:hover .boton-leer {
			transform: translateY(-5px); 
		}

	/* Estilo para la caja antes del hover */
.cajablanca {
    background-color: #ffffff;
    padding: 35px;
    border-radius: 24px;
    width: calc(28% - 157px);
    margin: 10px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9;
    display: flex;
    flex-direction: column;
    max-height: 400px; /* Altura inicial limitada */
    overflow: hidden;
    transition: max-height 0.5s ease; /* Transición para la expansión */
}

/* Cambiar el `hover` para expandir solo la caja seleccionada */
.cajablanca:hover {
    max-height: 940px; /* Altura máxima al hacer hover, ajusta según tu contenido */
}

/* Alinear el contenido y el botón */
.cajablanca h4 {
    color: #425d9d;
    margin-bottom: 15px;
    font-size: 28px;
    text-align: center;
    font-weight: 600;
}

.cajablanca p {
    flex-grow: 1;
    font-size: 18px;
    margin-bottom: 20px;
}

/* Botón al final */
.boton-leer {
    display: flex;
    justify-content: center; 
    font-weight: bold;
    margin-top: auto;
}

/* Para los beneficios que se mostrarán/desplegarán */
.cajablanca div ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

/* Desplegar el contenido solo cuando se haga hover sobre la caja */
.cajablanca:hover div ul {
    max-height: 365px; /* Ajusta según sea necesario */
}
.cajaltura1 .boton-leer {
    margin-top: -30px; /* Ajusta este valor para subir el botón */
}
.cajaltura1:hover .boton-leer {
    margin-top: 20px; 
}
	/*-------------------------FIN ANIMACION-------------------------*/ 
		
		
		
		.cajas-container {
			gap: 40px;
		}
		.cajablanca {
			width: calc(31% - 157px) !important;
			height: 10%;
		}
		.imagen-cel {
			display: none;
		}
		.Subtitulo-Principal {
			font-size: 40px;
			line-height: 48px;
			margin-bottom: 80px;
		}
		p {
			font-size: 22px;
			line-height: 28px;
		}
		.textoblog {
			font-size: 18px !important;
		}
		.texto2 {
			margin-top: 39px;
		}
		.beneficios-lista li {
			transform: translateY(-93px);
			font-size: 22.5px;
		}
		.numero-circulo {
			font-size: 23px;
		}
		.franja-azul h3 {
			font-size: 45px;
		}
	
		.cajablanca h4 {
			font-size: 30px;
			line-height: 42px;
		}
		.cajablanca p {
			font-size: 22px;
			line-height: 26px;
		}
		.cajablanca.caja-animacion li {
			margin-bottom: 7px;
			font-size: 18px;
		}
		.boton {
			font-size: 19px;
			line-height: 23px;
		}
		.texto-contacto h2 {
			font-size: 30px;
			line-height: 55px;
		}
		.contacto-boton {
			font-size: 21px;
			line-height: 19px;
			padding: 15px 26px;
			margin-top: 2px;

		}	
	}
	
	
	
	@media only screen and (min-width: 1440px)  and (max-width: 1900px) {
		.cajablanca {
			width: calc(39% - 157px) !important;
			height: 10%;
		}
		
		.imagen-fondo {
			top: 596px;
		}
		#curve2 {
			margin-top: -50px;
		}
		.wave {
			top: 942px;
		}
		.imagen-svg4 {
			bottom: 79%;
			left: 0%;
		}
		.imagen-svg5 {
			bottom: 19%;
			left: 93%;
			width: 7%;
		}
		.cajaltura3 .boton-leer {
			margin-top: -2px; 
		}
		.cajaltura2 .boton-leer {
			margin-top: -2px; 
		}
		.cajaltura2:hover .boton-leer {
			margin-top: 20px; 
		}
		.cajaltura3:hover .boton-leer {
			margin-top: 20px; 
		}
	}
	
	@media only screen and (min-width: 768px)  and (max-width: 1366px) {
		.cajablanca {
			width: calc(38% - 119px) !important;
			height: 10%;
		}
		
		.imagen-fondo {
			top: 596px;
		}
		#curve2 {
			margin-top: -46px;
		}
		.wave {
			top: 933px;
		}
		.texto-contacto h2 {
			font-size: 30px;
		}
		.imagen-svg4 {
			bottom: 79%;
			left: 0%;
		}
		.imagen-svg5 {
			bottom: 19%;
			left: 93%;
			width: 7%;
		}
	}
	@media only screen and (min-width: 769px)  and (max-width: 1200px) {
		.cajablanca {
			width: calc(38% - 119px) !important;
			height: 10%;
		}
		
		.imagen-fondo {
			top: 596px;
		}
		#curve2 {
			margin-top: -40px;
		}
		.wave {
			top: 940px;
		}
		.texto-contacto h2 {
			font-size: 42px;
		}
		.imagen-svg1{
			left: 51%;
		}
		.imagen-svg4 {
			bottom: 80%;
			left: -7%;
			width: 21%;
		}
		.imagen-svg5 {
			bottom: 19%;
			left: 93%;
			width: 7%;
		}
		.imagen-svg2{
			bottom: -117px;
			left: 83%;
			width: 21%;
		}
	}
	
	@media only screen and (min-width: 1367px)  and (max-width: 1439px) {
		.cajablanca {
			width: calc(40% - 157px) !important;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	/*-------------------------mediaq 768px-------------------------*/
	
	
	.imagen-circulo1 {
		display: block; 
	}
	
	.imagen-tablet {
		display: none; 
	}
	.imagen-svg1 {
		display: block; 
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
		.servicio-desarrollo {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding-bottom: 0px !important;
			padding: 80px 40px;
			margin-bottom: 7px;
		}
		.contact-hero-banner img {
			
			height: auto;
		}
		.seccion-curva .curve img {
			width: 100%;
			height: 123px;
			margin-top: 124px;
		}
		.Subtitulo-Principal {
			font-size: 23px;
			margin-bottom: 135px;
			line-height: 25px;
			
		}
	
		.textos-zonablanca {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 20px;
			width: 100%; 
		}
	
		.parrafos-zonablanca {
			width: 100%;
			column-count: 2; 
			column-gap: 19px; 
			text-align: justify; 
			margin: 0;
			overflow-wrap: break-word;
		}
	
		.parrafos-zonablanca p {
			margin: 0;
			display: block; 
			margin-top: -8px;
		}
	
		.franja-azul h3 {
			font-size: 23px;
			line-height: 27px;
		}
		.parrafos-zonablanca br {
			display: none;
		}
	
		.beneficios-lista {
			margin-top: 125px;
			text-align: left;
			list-style-type: none;
			margin-left: 6px;
		}
		.beneficios-lista li {
			transform: translateY(-138px);
		}
		
		.imagen-circulo2 {
			width: 32%;
			bottom: 287%;
			position: absolute;
			left: 17%;
		}
	
		.imagen-circulo1 {
			display: none; 
		}
	
		.imagen-tablet {
			display: block;
			width: 59%; 
			max-width: 100%; 
			margin: 30px 0; 
			margin-left: -41%;
		}
		.beneficios-lista {
			margin-left: 0px;
		}
		
		
		.parrafos-zonablanca .titulo-lista {
			position: fixed; 
			left: 0%;
			width: 100%;
			bottom: -32px;
		}
		.imagen-svg1 {
			top: 217px;
			left: 53%;
			width: 15%;
		}
		.imagen-svg2 {
			position: absolute;
			bottom: 200%;
			left: 69%;
			width: 24%;
		}
	
		.imagen-svg4 {
			position: absolute;
			bottom: 79%;
			left: 1%;
			transform: translateX(-218%);
			width: 21%;
			height: auto;
		}
		.imagen-svg5 {
			position: absolute;
			bottom: 11%;
			left: 91%;
			transform: translateX(-218%);
			width: 10%;
			height: auto;
			z-index: 9;
		}
		#curve2 {
			margin-top: -24px;
		}
		.cajablanca h4 {
			font-size: 24px;
			line-height: 28px;
		}
		.cajablanca p {
			font-size: 21px;
			line-height: 24px;
		}
		.cajablanca.caja-animacion h5 {
			font-size: 17px;
			line-height: 19px;
		}
		.cajas-container {
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start; 
			overflow-x: hidden; 
			padding: 0 20px;
			position: relative;
		}
	
		/* ANIMACION */
		.cajas-container {
			display: flex;
			overflow-x: auto; 
			gap: 0px; 
			-webkit-overflow-scrolling: touch; 
			scroll-snap-type: x mandatory; 
			padding: 0 20px; 
			position: relative;
		}
	
		.cajablanca {
			flex: 0 0 48%; 
			margin: 0 1%; 
			padding: 30px;
			box-sizing: border-box;
			transition: max-height 0.3s ease, transform 0.3s ease;
			scroll-snap-align: center; 
		}
	
		/* Ocultar inicialmente los elementos dentro de la caja */
		.cajablanca h5,
		.cajablanca ul {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.3s ease;
		}
	
		/* Mostrar el contenido al hacer clic */
		.cajablanca.activa h5,
		.cajablanca.activa ul {
			max-height: 200px; 
		}
	
		.cajas-container {
			scroll-behavior: smooth; 
		}
	
		.cajablanca:nth-child(1) {
			transform: translateX(1%); 
		}
	
		.cajablanca:nth-child(2) {
			transform: translateX(3%); 
		}
	
		.cajablanca:nth-child(3) {
			transform: translateX(5%); 
		}
	
		.cajas-container::-webkit-scrollbar {
			display: none !important; 
		}
		/* fin animacion */
	
	
	
	
		.texto-contacto h2 {
			font-size: 29px;
			line-height: 25px;
			margin-top: 9px;
		}
		
		.imagen-cel {
			display: none;
		}
		.main-menu ul li {
			margin-left: 15px;
		}
	
		.wave {
			top: 574px;
		}
		.imagen-fondo {
			top: 491px;
		}
		
		
		.search-icon-area i {
			margin-right: -13px;
		}
		.mean-container .mean-nav {
			margin-left: -188px;
			width: 134%;
		}
		.cajablanca.caja-animacion li {
			font-size: 16px;
		}
		 /* Asegura que todas las cajas tengan el mismo tamaño */
		 .cajablanca {
			height: auto; /* Para que se ajusten automáticamente al contenido */
			min-height: 384px; /* Puedes ajustar el mínimo que necesites */
			max-height: 214px; /* Limita la altura máxima para que todas sean iguales */
			transition: max-height 0.3s ease, transform 0.3s ease;
		}
	
		/* Cuando se despliega una caja, cambia su altura */
		.cajablanca.activa {
			max-height: 700px; /* Cambia según el contenido expandido */
		}
	
		/* Ajuste de la animación al despliegue */
		.cajablanca h5, .cajablanca ul {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.3s ease;
		}
	
		.cajablanca.activa h5, .cajablanca.activa ul {
			max-height: 200px; /* Ajustar para que se vea el contenido al desplegar */
		}
	
		/* Mantener las cajas iguales en el layout de tablet */
		.cajablanca {
			flex: 0 0 48%; /* Ocupan el 48% del ancho, dejando espacio entre ellas */
			margin: 1%; /* Añadir márgenes para el espaciado */
			padding: 30px; /* Asegura un padding constante */
		}
		.cajaltura2 .boton-leer {
			margin-top: 17px; 
		}
		.cajaltura3 .boton-leer {
			margin-top: 39px; 
		}
		.cajaltura1 .boton-leer {
			margin-top: -8px; 
		}
		
	}
	@media (min-width: 768px) {
		.dedo-indicador {
			display: none;
		}
	}
	

	@media only screen and (max-width: 480px) {
		.herobanner img {
			width: 100%;
			height: auto;
		}
		.container {
			padding: 0;
		}
	
		.servicio-area {
			padding: 25px 25px;
		}
	
		.curvaseccion .curve img {
			width: 100%;
			height: 123px;
			margin-top: 124px;
		}
	
		#boton-busqueda {
			margin-right: 45px;
			padding: 8px 15px 8px 15px;
			font-size: 15px;
		}
	
		.search-icon-area {
			right: 15%;
			top: -69px;
		}
	
		.cajablanca p {
			margin-bottom: 20px;
			font-size: 16.5px;
			line-height: 19px;
		}
	
		.desarrollo-titulos h1 {
			margin-top: 44px;
		}
	
		.cajablanca.caja-animacion li {
			position: relative;
			padding-left: 25px;
			margin-bottom: 10px;
			font-size: 16px;
			color: black;
			line-height: 19px;
		}
	
		.boton {
			display: inline-block;
			padding: 8px 23px;
			background-color: #407BFF;
			color: #fff;
			border-radius: 9px;
			text-decoration: none;
			font-size: 16px;
			transition: background-color 0.3s;
			line-height: 18px;
		}
	
		.contacto-boton {
			padding: 10px 20px;
			font-size: 14px;
			color: #fff;
			background-color: #425d9d;
			border: none;
			border-radius: 14px;
			cursor: pointer;
			transition: background-color 0.3s ease;
			line-height: 17px;
		}
	
		.wave {
			position: absolute;
			bottom: 15px;
			left: 0;
			width: 360%;
			fill: white;
			margin-left: -39px;
			margin-top: -25%;
			margin: 0;
			padding: 0;
			top: 86%;
		}
	
		.imagen-fondo {
			width: 200%;
			left: 97%;
		}
	
		.texto-contacto h2 {
			font-size: 19px;
			text-align: center;
			margin-bottom: 10px;
			line-height: 23px;
		}
	
		.servicio-desarrollo {
			padding: 25px 25px;
			padding-bottom: 226px;
		}
	
		.Subtitulo-Principal {
			text-align: justify;
			font-size: 18px; 
			line-height: 21px; 
			margin-bottom: 3px;
		}
	
		.franja-azul h3 {
			margin-bottom: 36px;
			font-size: 22px;
			margin-top: 36px;
			line-height: 23px;
			padding-right: 20px;
			padding-left: 20px;
		}
	
		.parrafos-zonablanca br {
			display: none;
		}
	
		.textos-zonablanca {
			width: 95%;
		}
	
		.parrafos-zonablanca p {
			width: 250%;
		}
	
		.imagen-circulo1, .imagen-circulo2 {
			display: none;
		}
	
		.imagen-tablet {
			display: block;
			width: 92%;
			margin: 20px auto;
			position: relative;
			top: 253px;
			left: -35%;
		}
	
		.imagen-cel {
			display: block;
			width: 90%;
			margin: 20px auto;
			position: relative;
			top: 334px;
			left: -30%;
		}
	
		.texto2 {
			margin-top: 125px;
		}
	
		.Subtitulo-Principal::after {
			content: "";
			display: block;
			width: 100%;
			height: 0;
			margin: 20px auto; 
			background: url('img/ServiciosDesarrollotablet.png') no-repeat center;
			background-size: contain;
			padding-bottom: 21.25%; 
			clear: both; 
		}
	
		.beneficios-lista {
			margin-top: 215px;
			text-align: left;
			padding-left: 12px;
		}
	
		.beneficios-lista li {
			transform: translateY(0);
			margin-bottom: 10px;
		}
	
		.titulo-lista {
			transform: translateY(15.5em);
		}
	
		.imagen-svg4, .imagen-svg5 {
			display: none;
		}
	
		.imagen-svg2 {
			position: absolute;
			bottom: -285px;
			left: -3%;
			transform: translateX(42%);
			width: 40%;
			height: auto;
			z-index: 9;
		}
	
		.imagen-svg1 {
			top: 164px;
			left: -46%;
			width: 20%;
			position: relative;
		}
	
		.textowk {
			width: 260% !important;
		}
	
		#curve2 {
			display: block;
			width: 105%;
			margin-left: -20px;
			height: auto;
			margin-bottom: 1px;
			position: relative;
			z-index: 1;
			margin-top: -6px;
		}
	
		.cajas-container {
			display: flex;
			flex-direction: column; /* Alineación vertical de las cajas */
			gap: 20px; /* Espacio entre las cajas */
			align-items: center; /* Alinea las cajas al centro */
			padding: 10px;
		}
	
		
	
		.imagen-svg3 {
			width: 194%;
			z-index: 9;
			position: relative;
			margin-top: -200px;
		}
	
		.texto-contacto h2 {
			font-size: 19px;
			text-align: center;
			margin-bottom: -63px;
		}
	
		.texto-contacto {
			padding: 7px;
		}
	
		.seccion-contacto {
			padding: 22px;
		}
	
		.contacto-boton {
			transform: translateY(31px);
		}
	
		.boton-contacto {
			display: block;
			width: 80%;
			margin: 0 auto;
			padding: 10px;
			text-align: center;
		}
	
		p {
			font-size: 16.5px; 
			line-height: 22px;
		}
	
		.cajablanca h4 {
			color: #425d9d;
			margin-bottom: 15px;
			font-size: 26px;
			text-align: center;
			font-weight: 600;
		}
	
		.bajo-nivel {
			margin-left: 45px; 
		}
	
		.cajablanca.caja-animacion li {
			padding-left: 36px;
		}
		.altura-caja {
			height: 633px;
		}
		.cajablanca:nth-child(3) {
			transform: translate(0%, -6%);
			height: 74vh;
	}
		.imagen-fondo {		
			top: 75%;	
		}
		.cajablanca:nth-child(2) {
			transform: translate(0%, -3%);
		}
		.cajablanca {
			box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
			transition: box-shadow 0.3s ease;
		}
		
		.cajablanca:hover {
			box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3); 
		}
		.franja-azul {
			padding-bottom: 162px 
		}
		.cajablanca {
			width: 80%; /* Ajusta el tamaño de las cajas */
			margin-bottom: 20px;
			height: 550px;
		}
	

	}


@media only screen and (min-width: 360px) and (max-width: 767px) {
		/* ANIMACIÓN PARA MÓVILES */
/* Estilo base para todas las cajas */
.cajablanca {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #fff;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    max-height: 305px; /* Altura inicial visible */
    opacity: 1;
}

/* Alturas expandibles específicas para cada caja */
.cajablanca.caja-desplegable-1.expandido {
    max-height: 560px; /* Altura específica para la caja 1 */
}

.cajablanca.caja-desplegable-2.expandido {
    max-height: 900px; /* Altura específica para la caja 2 */
}

.cajablanca.caja-desplegable-3.expandido {
    max-height: 560px; /* Altura específica para la caja 3 */
}

/* Ocultar contenido adicional por defecto */
.cajablanca h5,
.cajablanca ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0;
}

/* Mostrar contenido adicional cuando la caja está expandida */
.cajablanca.expandido h5,
.cajablanca.expandido ul {
    max-height: 200px; /* Ajusta según el contenido */
    opacity: 1;
}

/* Asegura que el botón sea siempre visible */
.cajablanca .boton-leer {
    position: absolute;
    bottom: 20px; /* Separar del borde inferior de la caja */
    left: 50%;
    transform: translateX(-50%); /* Centrar horizontalmente */
    z-index: 10;
}

.cajablanca {
    position: relative; /* Para que el dedo se posicione correctamente dentro de cada caja */
}

.dedo-indicador {
    position: absolute;
    width: 100px; /* Ajusta el tamaño de la imagen del dedo */
    left: 50%;
    transform: translateX(-50%);
    top: -50px; /* Ajusta para que aparezca sobre el contenido de la caja */
    opacity: 0;
    transition: opacity 0.5s ease, top 0.5s ease;
    z-index: 10; /* Asegura que el dedo esté por encima del contenido */
}

.dedo-visible {
    opacity: 1;
    top: 100px; /* Ajusta la posición del dedo cuando sea visible */
}




/* experiencia para el usuario flechita*/
/*
.cajablanca::after {
    content: '\25BC'; 
    font-size: 24px;
    color: #407BFF; 
    position: absolute;
    right: 20px;
    bottom: 20px;
    transition: transform 0.3s ease;
}

.cajablanca.expandido::after {
    transform: rotate(180deg);
}

*/

/* titulo movimiento para el usuario*/ 
/*@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.cajablanca h4 {
    animation: pulse 1s infinite;
}

.cajas-container {
    animation: slideUp 1s ease forwards;
}

*/
	}



	@media only screen and (min-width: 412px) and (max-width: 427px) {
		.parrafos-zonablanca p {
			width: 320%; 
			
		}
		.textowk {
			width: 278% !important;
		}
		.imagen-tablet {
			left: -36.5%;
			top: 258px;
		}
		.imagen-cel {
			left: -25.5%;
		}
		.imagen-svg2 {
			bottom: -316px;
			left: -1%;
		}
		.parrafos-zonablanca p {
			width: 266%; 
			
		}
		.imagen-svg1 {
			left: -42%;
	}
		.servicio-area {
			margin-bottom: 228px;
		}
		
}
	
	@media only screen and (min-width: 360px) and (max-width: 389px) {
		.parrafos-zonablanca p {
			width: 238% !important; 
			
		}
		
		.parrafos-zonablanca .textowk {
			width: 248% !important; 
			
		}
		.imagen-tablet{
			left: -41.5%;
			top: 260px;
		}
		.titulo-lista {
			transform: translateY(27vh);
		}
		.beneficios-lista li {
			transform: translateY(-6vh);
		}
		.texto2 {
			margin-top: 77px;
		}
		.imagen-cel {
			left: -30%;
		}
		.imagen-svg2 {
			bottom: -289px;
			left: -2%;
		}
		.altura-caja {
			height: 675px;
		}
		.cajablanca:nth-child(3) {
			height: 91vh;
		}
		.wave {
			top: 86%;
		}
		.imagen-fondo {
			top: 77%;
		}
		.cajablanca.caja-desplegable-1.expandido {
			max-height: 586px;
		}
		.cajablanca {
			width: 87%;
	}}

	
	@media only screen and (min-width: 390px) and (max-width: 393px) {
		.imagen-tablet {
			left: -39%;
		}
		
		.imagen-cel {
    		left: -28%;
}
		.cajablanca:nth-child(3) {
			height: 86vh;
		}
		.altura-caja {
			height: 652px;
		}
		.cajablanca.caja-desplegable-1.expandido {
			max-height: 586px;
		}
		.cajablanca.caja-desplegable-3.expandido {
			max-height: 586px;
		}
		.cajablanca {
			width: 86%;
	}}


	@media only screen and (min-width: 428px) and (max-width: 430px) {
		.parrafos-zonablanca p {
			width: 276%;
		}
		.textowk {
			width: 288% !important;
		}
		.imagen-cel {
			left: -24%;
		}
		
		.imagen-svg2 {
			bottom: -310px;
		}
		.imagen-svg1 {
			top: 144px;
		}
		.servicio-area {
			margin-bottom: 221px;
			}
			.franja-azul h3 {
				
				padding-right: 29px;
				padding-left: 26px;
		}
		.contact-hero-banner:before {
			height: 100% !important;
		}
	}
	
	

	@media (min-width:375px) and (max-width:392px){
		.curve-mobile-img-des {
			bottom: -218px;
	}
	.contact-hero-banner:before {
		height: 100% !important;
}
}
	@media (min-width:393px) and (max-width:411px){
		.curve-mobile-img-des {
			bottom: -215px;
	}
}
@media (min-width:412px) and (max-width:428px){
	.curve-mobile-img-des {
		bottom: -213px;
}
.contact-hero-banner:before {
	height: 100% !important;
}
}
		@media only screen and (min-width: 480px) and (max-width: 490px) {
			.curve-mobile-img-des {
				bottom: -205px;
			}
			.parrafos-zonablanca p {
				width: 314%;
			}
			.imagen-svg1 {
				top: 130px;
				left: -40%;
		}
			.imagen-tablet{
				left: -31%;
			}
			.titulo-lista {
				transform: translateY(16.5em);
			}
			.textowk {
				width: 327% !important;
			}
			.imagen-cel {
				left: -20%;
			}
			.servicio-area {
				margin-bottom: 265px;
		   }
		   .imagen-svg2 {
			bottom: -342px;
			left: -3%;
		   }
		   .beneficios-lista {
			
			padding-left: 7px;
		}
		.cajablanca:nth-child(3) {
			transform: translate(0%, -6%);
			height: 53vh;
		}
		.imagen-fondo {
			top: 74%;
		}
		.cajablanca.caja-desplegable-1.expandido {
			max-height: 504px !important;
		}
		.cajablanca.caja-desplegable-2.expandido {
			max-height: 508px !important;
		}
		.cajablanca.caja-desplegable-3.expandido {
			max-height: 493px !important;
		}
		.contact-hero-banner:before {
			height: 100% !important;
		}
		
	
}
	@media (min-width: 1024px) and (max-width: 1900px){
		.franja-azul {
			min-height: 1219px; 
		}
	}
	
	@media (max-width: 768px) {
		.franja-azul {
			min-height: 840px; 
		}
		
	}
	@media (min-width:769px) and (max-width: 1023px) {
		.franja-azul {
			min-height: 839px;
		}
	}
	@media (min-width:768px) and (max-width: 991px) {
	.contact-hero-banner {
		height: 49.8% !important;
	}
	.imagen-tablet {
        margin-left: -38%;
    }
	.beneficios-lista {
        margin-left: 6px;
    }
	.search-icon-area i {
        margin-left: 55%;
    }
}
	
	@media (min-width: 992px) and (max-width: 1023px){
		.franja-azul {
			min-height: 851px;
		}
		.imagen-svg5 {
			z-index: 1;
		}
		.imagen-svg1 {
			top: 136px;
			left: 52%;
		}
		.imagen-circulo2 {
			bottom: 384%;
		}
		.imagen-svg2 {
			left: 68%;
		}
		.servicio-area {
			margin-bottom: -98px;
		}
		.seccion-contacto {
			transform: translateY(-17px);
		}
		.imagen-svg4 {
			bottom: 78%;
		}
		.seccion-curva .curve img {
			margin-top: -5px;
		}
		.cajablanca {
			max-height: 424px;
		}
		.cajaltura3 .boton-leer {
			margin-top: 56px;
		}
		.cajablanca {
			min-height: 320px;
		}
		.cajaltura3 .boton-leer {
			margin-top: 39px;
		}
		.texto-contacto {
			margin-top: 78px;
		}
		 /* Asegura que todas las cajas tengan el mismo tamaño */
		 .cajablanca {
			height: auto; /* Para que se ajusten automáticamente al contenido */
			min-height: 384px; /* Puedes ajustar el mínimo que necesites */
			max-height: 214px; /* Limita la altura máxima para que todas sean iguales */
			transition: max-height 0.3s ease, transform 0.3s ease;
		}
	
		/* Cuando se despliega una caja, cambia su altura */
		.cajablanca.activa {
			max-height: 700px; /* Cambia según el contenido expandido */
		}
	
		/* Ajuste de la animación al despliegue */
		.cajablanca h5, .cajablanca ul {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.3s ease;
		}
	
		.cajablanca.activa h5, .cajablanca.activa ul {
			max-height: 200px; /* Ajustar para que se vea el contenido al desplegar */
		}
	
		/* Mantener las cajas iguales en el layout de tablet */
		.cajablanca {
			flex: 0 0 42%; /* Ocupan el 48% del ancho, dejando espacio entre ellas */
			margin: 1%; /* Añadir márgenes para el espaciado */
			padding: 30px; /* Asegura un padding constante */
		}
		.cajaltura2 .boton-leer {
			margin-top: 17px; 
		}
		.cajaltura3 .boton-leer {
			margin-top: 39px; 
		}
		.cajaltura1 .boton-leer {
			margin-top: -8px; 
		}
		.parrafos-zonablanca p {
			
			margin-top: 0px;
		}
		.parrafos-zonablanca {
			column-gap: 30px;
		}
		.franja-azul h3 {
			font-size: 30px;
		}
	
	}
	@media (min-width: 1200px) and (max-width: 1300px) {
		.imagen-svg2 {
			bottom: -117px;
			left: 87%;
			width: 18%;
		}
		.servicio-area {
			margin-bottom: -64px;
		}
		.cajablanca {
			width: calc(44% - 177px) !important;
		}
		.caja-animacion:hover ul {
			max-height: 335px;
		}
		.cajas-container {
			gap: 22px;
		}
		.Subtitulo-Principal {
			font-size: 30px;
			margin-bottom: 105px;
		}
		.beneficios-lista li {
			transform: translateY(-85px);
		}
		.franja-azul h3 {
			font-size: 30px;
		}
		.imagen-circulo2 {
			width: 311px;
			transform: translate(179%, 64px);
		}
		.caja-animacion:hover h4 {
			font-size: 30px;
		}
	
		.texto-contacto h2 {
			font-size: 28px;
		}
	
		.cajablanca:hover {
			max-height: 791px;
		}
		.cajablanca {
			max-height: 445px;
		}
		.cajaltura2 .boton-leer {
			margin-top: 0px;
		}
		.cajaltura1 .boton-leer {
			margin-top: -45px;
		}
		.cajaltura2 .boton-leer {
			margin-top: 20px;
		}
		.cajaltura3 .boton-leer {
			margin-top: 45px;
		}
		.contacto-boton {
			margin-top: -2px;
			font-size: 22px;
			line-height: 17px;
		}
		.cajablanca p {
			font-size: 20px;
			line-height: 23px;
			text-align: center;
		}
	}
	@media (min-width: 1024px) and (max-width: 1199px){
		.imagen-svg2 {
			bottom: -153px;
			left: 63%;
			width: 21%;
		}
		.servicio-area {
			margin-bottom: -64px;
		}
		.cajablanca {
			width: calc(44% - 144px) !important;
	}
	.caja-animacion:hover ul {
        max-height: 335px;}
		.cajas-container {
			gap: 0px;
		}
		.cajablanca p {
			font-size: 18px;
			line-height: 23px;
		}
		.caja-animacion:hover {
			
			transform: none;}
			.cajaltura1 .boton-leer {
				margin-top: -43px;
			}
			.caja-animacion .botonespeciales {
				margin-top: 42px;
			}
		.Subtitulo-Principal {
			font-size: 30px;
			margin-bottom: 137px;
		}
		.beneficios-lista li {
			transform: translateY(-43px);
			}
			.franja-azul h3 {
				font-size: 30PX;
		}
		.imagen-circulo2 {
			width: 311px;
			transform: translate(179%, 64px);

		}
		.caja-animacion:hover h4 {
			font-size: 39px;
		}

		.texto-contacto h2 {
			font-size: 35px;
		}
		.imagen-circulo1 {
			width: 45%;
			transform: translate(59px, -11px);
		}
		.imagen-svg1 {
			left: 56%;
			top: -7%;
		}
		.texto2 {
			margin-top: 83px;
		}
		#curve2 {
			margin-top: -27px;
		}
		.servicio-area {
			margin-bottom: -23px;
		}
		.texto-contacto h2 {
			font-size: 28px;
		}
	}
@media (min-width: 1163px) and (max-width: 1199px){
	.cajablanca {
        width: calc(43% - 144px) !important;
    }
}

	
@media only screen and (min-width: 481px) and (max-width: 600px) {
	.servicio-area {
        margin-bottom: 265px;
    }
	.servicio-area {
        padding: 25px 25px;
    }
	.Subtitulo-Principal {
        text-align: justify;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 3px;
    }
	.Subtitulo-Principal::after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        margin: 20px auto;
        background: url(img/ServiciosDesarrollotablet.png) no-repeat center;
        background-size: contain;
        padding-bottom: 21.25%;
        clear: both;
    }
	.parrafos-zonablanca p {
        width: 314%;
    }
	.textos-zonablanca {
        width: 95%;
    }
	
	.imagen-svg1 {
        top: 80%;
        left: 87%;
    }
	.parrafos-zonablanca p {
        width: 314%;
		margin-top: -8%;
    }
	.beneficios-lista li {
        transform: translateY(0);
        margin-bottom: 10px;
    }
	.container {
        padding: 0;
    }
	.imagen-tablet {
        display: block;
        width: 92%;
        margin: 20px auto;
        position: relative;
        top: 253px;
        left: -32%;
    }
	.imagen-circulo1, .imagen-circulo2 {
        display: none;
    }
	.imagen-cel {
        display: block;
        width: 90%;
        margin: 20px auto;
        position: relative;
        top: 334px;
        left: -20%;
    }
	.textos-zonablanca {
        width: 95%;
    }
	.textowk {
        width: 327% !important;
    }
	.beneficios-lista {
        padding-left: 7px;
		margin-top: 51%;
    }
	.servicio-area {
        margin-bottom: 265px;
    }
	.container {
        width: 100%;
        overflow: hidden;
    }
	p {
        font-size: 16.5px;
        line-height: 22px;
    }
	.texto2 {
        margin-top: 125px !important;
    }
	#curve2 {
        display: block;
        width: 105%;
        margin-left: -20px;
        height: auto;
        margin-bottom: 1px;
        position: relative;
        z-index: 1;
        margin-top: -6px;
    }
	.franja-azul h3 {
        margin-bottom: 36px;
        font-size: 22px;
        margin-top: 36px;
        line-height: 23px;
        padding-right: 20px;
        padding-left: 20px;
    }
	.cajas-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        padding: 10px;
    }
	.franja-azul {
        padding-bottom: 162px;
    }
	.cajablanca:hover {
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
    }
	.cajablanca h4 {
        color: #425d9d;
        margin-bottom: 15px;
        font-size: 26px;
        text-align: center;
        font-weight: 600;
    }
	.cajablanca p {
        margin-bottom: 20px;
        font-size: 16.5px;
        line-height: 19px;
    }
	.cajablanca {
        width: 80%;
        margin-bottom: 20px;
        height: 550px;
    }
	.imagen-fondo {
        width: 200%;
        left: 97%;
    }
	.imagen-fondo {
        top: 72%;
    }
	.wave {
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 360%;
        fill: white;
        margin-left: -39px;
        margin-top: -25%;
        margin: 0;
        padding: 0;
        top: 87%;
    }
	.seccion-contacto {
        padding: 22px;
    }
	.texto-contacto h2 {
        font-size: 19px;
        text-align: center;
        margin-bottom: -63px;
    }
	.contacto-boton {
        padding: 10px 20px;
        font-size: 14px;
        color: #fff;
        background-color: #425d9d;
        border: none;
        border-radius: 14px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        line-height: 17px;
    }
	.contacto-boton {
        transform: translateY(31px);
    }
}
	
@media only screen and (min-width: 490px) and (max-width: 499px) {	
    .parrafos-zonablanca p {
        width: 320%;
        margin-top: -8%;
    }
	.titulo-lista {
        transform: translateY(440%);
    }
	.imagen-svg2 {
        bottom: -342px;
        left: -3%;
    }
}
@media only screen and (min-width: 500px) and (max-width: 524px) {	
    .parrafos-zonablanca p {
        width: 331%;
        margin-top: -8%;
    }
	.titulo-lista {
        transform: translateY(440%);
    }
	.imagen-tablet {
		left: -29%;
}
	.textowk {
		width: 341% !important;
}
}
@media only screen and (min-width: 525px) and (max-width: 550px) {	
    .parrafos-zonablanca p {
        width: 346%;
        margin-top: -8%;
    }
	.titulo-lista {
        transform: translateY(467%);
    }
	.imagen-tablet {
		left: -27%;
}
	.textowk {
		width: 360% !important;
}
	.imagen-cel {
		left: -16%;
	}
}
@media only screen and (min-width: 551px) and (max-width: 600px) {	
    .parrafos-zonablanca p {
        width: 364%;
        margin-top: -8%;
    }
	.titulo-lista {
        transform: translateY(741%);
    }
	.imagen-tablet {
		left: -26%;
}
	.textowk {
		width: 379% !important;
}
	.imagen-cel {
		left: -16%;
	}
	.imagen-svg2 {
		bottom: -93%;
		left: 4%;
}
}
@media only screen and (min-width: 570px) and (max-width: 600px) {	
    .parrafos-zonablanca p {
        width: 384%;
        margin-top: -8%;
    }
	.titulo-lista {
        transform: translateY(771%);
    }
	.imagen-tablet {
		left: -26%;
		top: 257px;
}
	.textowk {
		width: 395% !important;
}
	.imagen-cel {
		left: -14%;
	}
	.imagen-svg2 {
		bottom: -93%;
		left: 4%;
}
.Subtitulo-Principal::after {
	margin: 0;
}}

@media only screen and (min-width: 601px) and (max-width: 767px) {
	.servicio-desarrollo {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 0px !important;
		padding: 80px 40px;
		margin-bottom: 7px;
	}
	.servicio-area {
        margin-bottom: -60px;
	}

	.contact-hero-banner img {
		
		height: auto;
	}
	.seccion-curva .curve img {
		width: 100%;
		height: 123px;
		margin-top: 124px;
	}
	.Subtitulo-Principal {
		font-size: 23px;
		margin-bottom: 135px;
		line-height: 25px;
		
	}

	.textos-zonablanca {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
		width: 100%; 
	}

	.parrafos-zonablanca {
		width: 100%;
		column-count: 2; 
		column-gap: 19px; 
		text-align: justify; 
		margin: 0;
		overflow-wrap: break-word;
	}

	.parrafos-zonablanca p {
		margin: 0;
		display: block; 
	}

	.franja-azul h3 {
		font-size: 23px;
		line-height: 27px;
	}
	.parrafos-zonablanca br {
		display: none;
	}

	.beneficios-lista {
		margin-top: 125px;
		text-align: left;
		list-style-type: none;
	}
	.beneficios-lista li {
		transform: translateY(-138px);
	}
	
	.imagen-circulo2 {
		width: 32%;
		bottom: 247%;
		position: absolute;
		left: 18%;
	}

	.imagen-circulo1 {
		display: none; 
	}

	.imagen-tablet {
		display: block;
		width: 59%; 
		max-width: 100%; 
		margin: 30px 0; 
		margin-left: -37%;
	}
	.parrafos-zonablanca .titulo-lista {
		position: fixed; 
		left: 0%;
		width: 100%;
		bottom: -20px;
	}
	.imagen-svg1 {
		top: 291px;
		left: 53%;
		width: 15%;
	}
	.imagen-svg2 {
		position: absolute;
		bottom: 194%;
		left: 69%;
		width: 24%;
	}

	.imagen-svg4 {
		position: absolute;
		bottom: 79%;
		left: 1%;
		transform: translateX(-218%);
		width: 21%;
		height: auto;
	}
	.imagen-svg5 {
		position: absolute;
		bottom: 11%;
		left: 91%;
		transform: translateX(-218%);
		width: 10%;
		height: auto;
		z-index: 9;
	}
	#curve2 {
		margin-top: -18px;
	}
	.cajablanca h4 {
		font-size: 24px;
		line-height: 28px;
	}
	.cajablanca p {
		font-size: 21px;
		line-height: 24px;
	}
	.cajablanca.caja-animacion h5 {
		font-size: 17px;
		line-height: 19px;
	}
	.cajas-container {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start; 
		overflow-x: hidden; 
		padding: 0 20px;
		position: relative;
	}

	/* ANIMACION */
	.cajas-container {
		display: flex;
		overflow-x: auto; 
		gap: 0px; 
		-webkit-overflow-scrolling: touch; 
		scroll-snap-type: x mandatory; 
		padding: 0 20px; 
		position: relative;
	}

	.cajablanca {
		flex: 0 0 48%; 
		margin: 0 1%; 
		padding: 30px;
		box-sizing: border-box;
		transition: max-height 0.3s ease, transform 0.3s ease;
		scroll-snap-align: center; 
	}

	/* Ocultar inicialmente los elementos dentro de la caja */
	.cajablanca h5,
	.cajablanca ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	/* Mostrar el contenido al hacer clic */
	.cajablanca.activa h5,
	.cajablanca.activa ul {
		max-height: 200px; 
	}

	.cajas-container {
		scroll-behavior: smooth; 
	}

	.cajablanca:nth-child(1) {
		transform: translateX(1%); 
	}

	.cajablanca:nth-child(2) {
		transform: translateX(3%); 
	}

	.cajablanca:nth-child(3) {
		transform: translateX(5%); 
	}

	.cajas-container::-webkit-scrollbar {
		display: none !important; 
	}
	/* fin animacion */




	.texto-contacto h2 {
		font-size: 29px;
		line-height: 25px;
		margin-top: 9px;
	}
	
	.imagen-cel {
		display: none;
	}
	.main-menu ul li {
		margin-left: 15px;
	}

	.wave {
		top: 583px;
	}
	.imagen-fondo {
		top: 491px;
	}
	
	
	.search-icon-area i {
		margin-right: -13px;
	}
	.mean-container .mean-nav {
		margin-left: -188px;
		width: 134%;
	}
	.cajablanca.caja-animacion li {
		font-size: 16px;
	}
	 /* Asegura que todas las cajas tengan el mismo tamaño */
	 .cajablanca {
		height: auto; /* Para que se ajusten automáticamente al contenido */
		min-height: 384px; /* Puedes ajustar el mínimo que necesites */
		max-height: 214px; /* Limita la altura máxima para que todas sean iguales */
		transition: max-height 0.3s ease, transform 0.3s ease;
	}

	/* Cuando se despliega una caja, cambia su altura */
	.cajablanca.activa {
		max-height: 700px; /* Cambia según el contenido expandido */
	}

	/* Ajuste de la animación al despliegue */
	.cajablanca h5, .cajablanca ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.cajablanca.activa h5, .cajablanca.activa ul {
		max-height: 200px; /* Ajustar para que se vea el contenido al desplegar */
	}

	/* Mantener las cajas iguales en el layout de tablet */
	.cajablanca {
		flex: 0 0 61%; /* Ocupan el 48% del ancho, dejando espacio entre ellas */
		margin: 1%; /* Añadir márgenes para el espaciado */
		padding: 30px; /* Asegura un padding constante */
	}
	.cajaltura2 .boton-leer {
		margin-top: 35px; 
	}
	.cajaltura3 .boton-leer {
		margin-top: 59px; 
	}
	.cajaltura1 .boton-leer {
		margin-top: 11px; 
	}
}

@media only screen and (min-width: 609px) and (max-width: 767px) {
	.imagen-circulo2 {
        bottom: 233%;
	}
	.imagen-svg2 {
		bottom: 184%;
	}
	.imagen-svg1 {
		top: 313px;
	}
	.parrafos-zonablanca .titulo-lista {
        left: 0%;
        bottom: -42px;
    }
	.imagen-tablet {
		margin-left: -37%;
	}
}

@media only screen and (min-width: 652px) and (max-width: 674px){
	.imagen-svg1 {
		top: 285px;
	}
	.imagen-svg2 {
        bottom: 178%;
    }
}
@media only screen and (min-width: 675px) and (max-width: 767px){
	.imagen-svg2 {
        bottom: 179%;
    }
	.imagen-svg1 {
        top: 257px;
    }
	.imagen-circulo2 {
        bottom: 245%;
    }
}
@media only screen and (min-width: 721px) and (max-width: 767px){
    .imagen-circulo2 {
        bottom: 274%;
    }
	.imagen-svg2 {
        bottom: 201%;
    }
	.imagen-svg1 {
        top: 237px;
    }
}

@media only screen and (min-width: 815px) and (max-width: 900px) {
	.imagen-svg1 {
        top: 189px;
	}
	.imagen-circulo2 {
        bottom: 320%;
	}
}
@media only screen and (min-width: 902px) and (max-width: 1023px) {
	.imagen-svg1 {
        top: 185px;
        left: 57%;
        width: 12%;
    }
	.imagen-circulo2 {
        bottom: 343%;
    }
	.imagen-svg2 {
        
        bottom: 206%;
	}
}


/* Oculta la imagen SVG por defecto */
.svg-icon-tablet {
    display: none;
}

/* Oculta el botón y muestra la imagen SVG en modo tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .boton {
        display: none;
    }
    .svg-icon-tablet {
        display: block;
        width: 50px; /* Ajusta el tamaño de la imagen según lo necesites */
        height: auto;
    }
}

@media (min-width: 320px) and (max-width: 368px) {
	.Subtitulo-Principal {
        margin-bottom: 14px;
    }
	.parrafos-zonablanca p {
        width: 201%;
    }
	.imagen-tablet {
        top: 277px;
        left: -50%;
    }
	.imagen-svg1 {
        top: 200px;
        left: -55%;
	}
	.titulo-lista {
        transform: translateY(11.5em);
    }
	.beneficios-lista li {
        transform: translateY(-69px);
    }
	.texto2 {
        margin-top: 50px;
    }
	.textowk {
        width: 206% !important;
    }
	.servicio-area {
        padding: 25px 25px;
        margin-bottom: 160px;
    }
	.imagen-cel {
        top: 323px;
        left: -39%;
    }
	.imagen-svg2 {
        bottom: -239px;
	}
	.cajablanca {
        width: 93%;
    }
	.cajablanca p {
        margin-bottom: 20px;
        font-size: 16.5px;
        line-height: 19px;
    }
	.altura-caja {
        height: 675px;
    }
	.cajablanca .boton-leer {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }
	.cajablanca {
		position: relative;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 12px;
		background-color: #fff;
		overflow: hidden;
		transition: max-height 0.5s ease, opacity 0.5s ease;
		max-height: 330px; /* Altura inicial visible */
		opacity: 1;
	}
	
	
	/* Alturas expandibles específicas para cada caja */
	.cajablanca.caja-desplegable-1.expandido {
        max-height: 582px;
    }
	
	.cajablanca.caja-desplegable-2.expandido {
		max-height: 900px; /* Altura específica para la caja 2 */
	}
	
	.cajablanca.caja-desplegable-3.expandido {
		max-height: 560px; /* Altura específica para la caja 3 */
	}
	
	/* Ocultar contenido adicional por defecto */
	.cajablanca h5,
	.cajablanca ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease, opacity 0.5s ease;
		opacity: 0;
	}
	
	/* Mostrar contenido adicional cuando la caja está expandida */
	.cajablanca.expandido h5,
	.cajablanca.expandido ul {
		max-height: 200px; /* Ajusta según el contenido */
		opacity: 1;
	}
	.cajablanca.expandido .respx{
		max-height: 219px; 
	}
	
	/* Asegura que el botón sea siempre visible */
	.cajablanca .boton-leer {
		position: absolute;
		bottom: 20px; /* Separar del borde inferior de la caja */
		left: 50%;
		transform: translateX(-50%); /* Centrar horizontalmente */
		z-index: 10;
	}
	
	.cajablanca {
		position: relative; /* Para que el dedo se posicione correctamente dentro de cada caja */
	}
	
	.dedo-indicador {
		position: absolute;
		width: 100px; /* Ajusta el tamaño de la imagen del dedo */
		left: 50%;
		transform: translateX(-50%);
		top: -50px; /* Ajusta para que aparezca sobre el contenido de la caja */
		opacity: 0;
		transition: opacity 0.5s ease, top 0.5s ease;
		z-index: 10; /* Asegura que el dedo esté por encima del contenido */
	}
	
	.dedo-visible {
		opacity: 1;
		top: 100px; /* Ajusta la posición del dedo cuando sea visible */
	}
	.wave {
		top: 84%;
	}
	.otroservicios {
		margin-left: -9px;
	}
}

@media (max-width: 768px) and (max-height: 800px) {
	.seccion-curva .curve {
		top: 33vh;
	}
	
	.section-heading-3 {
        padding-bottom: 13px;
    }
	.contact-hero-banner:before {
		height: 128%;
}
}



/* arreglos ola tablet*/ 
/* De 0px a 529px: mostrar ola móvil */
@media (max-width: 529px) {
	.curve-mobile-img-des {
	  display: block !important;
  }
}
  /* De 530px a 767px: ocultar ola móvil */
  @media (min-width: 530px) and (max-width: 767px) {
	.curve-mobile-img-des {
	  display: none !important;
	}
  }
  
  @media (min-width: 530px) {
	.curve img {
	  display: block !important;
	}
  }
  @media only screen and (min-width: 320px) and (max-width: 349px) {
  /* Estilos específicos para 320px o menos */
  .curve-mobile-img-des {
	bottom: -288px;
  }
}
 @media only screen and (min-width: 350px) and (max-width: 374px) {
  /* Estilos específicos para 320px o menos */
  .curve-mobile-img-des {
	bottom: -220px;
  }
}

 @media only screen and (min-width: 774px) and (max-width: 789px) {
      .seccion-curva .curve img {
        margin-top: 125px;
		height: 134px;
    }
}
 @media only screen and (min-width: 790px) and (max-width: 822px) {
    .seccion-curva .curve img {
	margin-top: clamp(100px, 10vw, 130px);
	height: clamp(179px, 10vw, 140px);
}
}
@media only screen and (min-width: 823px) and (max-width: 831px) {
    .seccion-curva .curve img {
	margin-top: clamp(107px, 10vw, 130px);
	height: clamp(179px, 10vw, 140px);
}
}

@media only screen and (min-width: 832px) and (max-width: 845px) {
    .seccion-curva .curve img {
	margin-top: clamp(117px, 10vw, 130px);
	height: clamp(179px, 10vw, 140px);
}
}

@media only screen and (min-width: 846px) and (max-width: 859px) {
    .seccion-curva .curve img {
	margin-top: clamp(119px, 10vw, 130px);
	height: clamp(186px, 10vw, 140px);
}
}

@media only screen and (min-width: 860px) and (max-width: 880px) {
    .seccion-curva .curve img {
	margin-top: clamp(126px, 10vw, 130px);
	height: clamp(191px, 10vw, 140px);
}
}
@media only screen and (min-width: 881px) and (max-width: 900px) {
    .seccion-curva .curve img {
	margin-top: clamp(128px, 10vw, 130px);
	height: clamp(204px, 10vw, 140px);
}
}
@media only screen and (min-width: 901px) and (max-width: 991px) {
       .contact-hero-banner {
        height: 63.8% !important;
    }
}