/* ?============================================================  */
/* ?========================== A. HOME =========================  */
/* ?============================================================  */

/* !######## A.1 MEDIA QUERIES: DESKTOP XXL (1440px a 4K) ######## */

@media (min-width: 1980px) {
	.slogan {
		color: black !important;
		font-weight: 500;
	}

	.presentacion__titulo {
		font-size: 35px;
	}
}

@media (min-width: 1920px) {
	.pantallaFullHd-mouse-move {
		max-width: 1266px;
		/* padding-left: 100px; */
	}

	.home-about-text2 {
		padding-top: 11%;
		font-size: 25px !important;
	}

	.home-about-text2 p {
		font-size: 20px;
	}

	.expertise-image-header img {
		width: 82%;
		margin-top: 0px;
	}

	p {
		font-size: 18px;
	}

	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 23px;
	}

	.home-counter-text {
		margin-top: -67px;
	}

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

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: 0px;
	}
	/* !regla modificada 03/09/2024*/
	/* !regla modificada 29/01/2025*/
	.expertise-image img {
		margin-top: 67px !important;
	}

	.counter-area-small {
		margin-top: 0px;
	}
	/* !regla agregada 30/08/2024*/
	/* fix error tamaño imagen wg */
	.logo3d {
		width: 356.45px;
		height: auto;
	}
	/* !regla agregada 30/08/2024*/
	/* fix slogan */
	.slogan {
		font-size: 20px;
	}
	/* !regla agregada 30/08/2024*/
	.logo-principal {
		width: 100%;
		text-align: center;
		padding: 0 40px 15px 40px;
		margin-left: 0px;
	}
	/* !regla agregada 02/09/2024*/
	/* fix de espacio entre caja mision ciritica y chirimbolos de mousemove */
	.services-area {
		padding: 45px 55px !important;
	}
	/* !regla agregada 02/09/2024*/
	.desarrollo {
		padding: 0px 10px !important;
	}
	/* !regla agregada 02/09/2024*/
	.home-counter-text {
		margin-top: -67px !important;
		padding-right: 0;
	}

	/* !regla agregada 03/09/2024*/
	.callto-action-btn {
		text-align: center;
	}
	/* !regla agregada 03/09/2024*/
	.callto-action-btn a {
		margin-top: -9px !important;
	}
	/* !regla agregada 03/09/2024*/
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}

	/* se  mueve el logo wg del footer */
	/* !regla modificada 03/09/2024*/
	.footer-logo img {
		margin-left: 48px;
	}

	/* !regla agregada 03/09/2024*/
	.footer-logo p {
		margin-top: 12px !important;
		font-size: 15px;
		padding: 0px 16px 0px 28px !important;
	}
	/* !regla agregada 03/09/2024*/
	.social {
		text-align: center;
		margin-left: 0px;
	}
	/* !regla agregada 04/09/2024*/
	.footer-heading h3 {
		margin-top: 18px;
	}

	/* !regla agregada 04/09/2024*/
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 11px !important;
	}
	/* !regla agregada 04/09/2024*/
	.fix-padding-serviciosWG {
		padding: 25px 0px 25px 0px !important;
	}
	/* !regla agregada 19/12/2024 */
	/* fix de imagen brackground */
	section .header-content-area {
		height: 100vh;
		width: 100%;
		background-size: cover;
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/* !regla agregada 19/12/2024 */
	section .big-footer {
		background-size: 84% !important;
	}

	/* !regla agregada 29/01/2025 */
	.home-expertise-text {
		margin-top: -61px;
		padding-right: 0;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
	.home-counter-text {
		margin-top: -67px;
	}

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

	.callto-action-btn a {
		margin-top: 1px;
	}

	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 23px;
	}

	/* fix de espacio de bienvenida */
	/* !regla agregada 06/09/2024 */
	.container_inicial {
		padding-top: 98px;
	}
	/* !regla agregada 06/09/2024 */
	.textoCuadro {
		margin: 0px 0px;
		padding-top: 2px;
		padding-bottom: 0px;
		width: 100%;
	}
	/* !regla agregada 06/09/2024 */
	.textoCuadro {
		margin: -1px 0px !important;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 100%;
	}

	/* fix nuestros servicios (servicios wg) */
	/* !regla agregada 06/09/2024 */
	.section-heading-2 {
		padding: 0 0px !important;
	}
	/* !regla agregada 06/09/2024 */
	.fix-padding-serviciosWG {
		padding: 25px 40px 25px 10px !important;
	}

	/* fix nuestros servicios (servicios nuestros proyectos) */
	/* !regla agregada 06/09/2024 */
	.h4_fondoAzul {
		margin-top: 40px;
		margin-left: 0px;
	}
	/* !regla agregada 06/09/2024 */
	.seo-h1-1 {
		font-size: 35px;
		font-weight: 600;
		margin-left: 0px !important;
	}
	/* !regla agregada 06/09/2024 */
	.fix-proyectos-padding-inicio-pc .h4_fondoAzul {
		margin-left: 10px !important;
	}
	/* !regla agregada 06/09/2024 */
	.fix-proyectos-padding-inicio-pc .seo-h1-1 {
		margin-left: 10px !important;
	}
	/* !regla agregada 10/09/2024 */
	#p_proyectos {
		margin-left: 10px !important;
		padding-right: 49px !important;
	}
	/* !regla agregada 06/09/2024 */
	.fix-proyectos-padding-inicio-pc .section-button {
		margin-left: 10px !important;
	}
	/* !regla agregada 07/09/2024 */
	.section-heading-1.home-expertise-text.inicio-hosting {
		margin-top: -57px;
	}
	/* !regla agregada 07/09/2024 */
	.expertise-image img {
		margin-top: 64px !important;
	}
	/* !regla agregada 07/09/2024 */
	.home-counter-text {
		margin-top: -77px !important;
	}
	/* !regla agregada 07/09/2024 */
	/* !regla modificada 29/01/2025 */
	.counter-area-small {
		padding: 4px 10px 10px 7px !important;
	}

	/* !regla agregada 07/09/2024*/
	/* !regla agregada 19/12/2024*/
	.callto-action-btn {
		text-align: center;
		transform: translateY(2px); /* Se cambia a 2px */
	}
	/* !regla agregada 07/09/2024*/
	.callto-action-btn a {
		margin-top: -9px !important;
	}
	/* !regla agregada 07/09/2024*/
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}

	/* se  mueve el logo wg del footer */
	/* !regla modificada 07/09/2024*/
	.footer-logo img {
		margin-left: 48px;
	}

	/* !regla agregada 07/09/2024*/
	.footer-logo p {
		margin-top: 12px !important;
		font-size: 15px;
		padding: 0px 16px 0px 28px !important;
	}
	/* !regla agregada 07/09/2024*/
	.social {
		text-align: center;
		margin-left: 0px;
	}
	/* !regla agregada 07/09/2024*/
	.footer-heading h3 {
		margin-top: 18px;
	}

	/* !regla agregada 07/09/2024*/
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 11px !important;
	}
}

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

	/* centrar de texto de mousemove */
	.home-about-text2 {
		padding-top: 11%;
	}

	/* textos nuevos 5-2-2024 */
	.home-about-text2 p {
		/*line-height: 33px;*/
		/*se veia chico el texto con este codigo*/
		font-size: 20px;
	}

	/* centrar de texto de mousemove */
	/*cambio 7 agosto*/
	.main-counter-area {
		padding: 120px 55px;
	}

	.expertise-image img {
		width: 100%;
		padding-right: 15px;
		margin-top: 64px;
	}
}

/*! ###### A.1 FIN MEDIA QUERIES: DESKTOP XXL (1440px a 4K) ####### */

/* ------------------------------------------------------------- */

/* !## A.2 MEDIA QUERIES: DESKTOP EXTRA GRANDE (1024px a 1439px) ## */

/* 1 */
/* resolucion 1366px notebook */
@media (min-width: 1366px) and (max-width: 1439px) {
	.expertise-image-header img {
		width: 82%;
		margin-top: -59px;
	}
	/* !regla modificada 03/09/2024 */
	.expertise-image img {
		width: 100%;
		padding-right: 15px;
		margin-top: 117px !important;
	}

	.counter-area-small {
		/* mueve los 4 cuadros */
		margin-top: 116px;
	}

	/* !regla modificada 19/12/2024 */
	.align-items-center .home-counter-text {
		/* mueve el texto de hardware*/
		margin-top: 26px;
	}

	/* !!regla anterior 19/12/2024 */
	/* .home-counter-text {
		mueve el texto de hardware
		margin-top: 26px;
	} */

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

	.home-about-text2 p {
		font-size: 20px;
	}

	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 23px;
	}

	/* se  mueve el logo wg del footer */
	/* !regla modificada 05/09/2024*/
	.footer-logo img {
		margin-left: 48px;
	}

	/* !regla agregada 05/09/2024*/
	.footer-logo p {
		margin-top: 12px !important;
		font-size: 15px;
		padding: 0px 16px 0px 28px !important;
	}
	/* !regla agregada 05/09/2024*/
	.social {
		text-align: center;
		margin-left: 0px;
	}
	/* !regla agregada 05/09/2024*/
	.footer-heading h3 {
		margin-top: 18px;
	}

	/* !regla agregada 05/09/2024*/
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 11px !important;
	}

	/* !regla agregada 10/09/2024*/
	.proyectohome {
		margin-right: -15px;
	}
	/* !regla agregada 05/09/2024*/
	.fix-padding-serviciosWG {
		padding: 25px 0px 25px 0px !important;
	}

	/* fix nuestros servicios (servicios nuestros proyectos) */
	/* !regla agregada 06/09/2024 */
	.h4_fondoAzul {
		margin-top: 40px;
		margin-left: 0px;
	}
	/* !regla agregada 06/09/2024 */
	.seo-h1-1 {
		font-size: 35px;
		font-weight: 600;
		margin-left: 0px !important;
	}
	/* !regla agregada 08/09/2024 */
	.fix-proyectos-padding-inicio-pc .h4_fondoAzul {
		margin-left: -15px !important;
	}
	/* !regla agregada 08/09/2024 */
	.fix-proyectos-padding-inicio-pc .seo-h1-1 {
		margin-left: -15px !important;
	}
	/* !regla agregada 08/09/2024 */
	#p_proyectos {
		margin-left: -15px !important;
	}

	/* !regla agregada 08/09/2024 */
	.fix-proyectos-padding-inicio-pc .section-button {
		margin-left: -15px !important;
	}

	/* !regla agregada el 16/12/2024 */
	.callto-action-text {
		transform: translateY(15px);
	}

	/* !regla agregada el 16/12/2024 */
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}
	/* !regla modificada el 19/12/2024 */
	.callto-action-btn {
		text-align: center;
		transform: translateY(-14px);
	}

	/* !regla modificada el 19/12/2024 */
	.callto-action {
		padding: 20px 50px 23px 50px;
	}

	/* !regla agregada el 16/12/2024 */
	/* !!regla anterior 19/12/2024 */
	/* .callto-action {
		padding: 30px 50px 35px 50px;
	} */

	/* !regla agregada el 17/12/2024 */
	section .main-counter-area {
		padding-top: 43px;
	}
	/* !regla agregada el 17/12/2024 */
	.container_inicial {
		margin: 0;
		padding: 71px 0 5px 0;
	}
	/* !regla agregada 19/12/2024 */
	/* fix de imagen brackground */
	section .header-content-area {
		height: 100vh;
		width: 100%;
		background-size: cover;
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada 19/12/2024 */
	/* fix posicion de img circulos */
	div .expertise-image-header img {
		width: 82%;
		margin-top: -100px;
	}

	/* !regla agregada 19/12/2024*/
	/* fix descuadre de flechas */
	.proyectos-area .right-arrow {
		padding-top: 10px;
	}
	.proyectos-area .left-arrow {
		padding-top: 10px;
	}

	/* !regla agregada 19/12/2024*/
	.align-items-center .home-counter-text {
		position: relative;
		top: 0px;
	}

	/* hacer que el footer se vea repetido */
	/* !regla agregada 19/12/2024*/
	.big-footer {
		background-size: 100%;
	}

	/* !regla agregada 20/12/2024 */
	section .single-service {
		padding: 55px 15px 20px 15px;
	}
}

@media (min-width: 1366px) and (max-width: 1439px) and (min-height: 768px) and (max-height: 1080px) {
	/* !regla agregada 19/12/2024 */
	/* fix de imagen brackground */
	section .header-content-area {
		height: 100vh;
		width: 100%;
		background-size: cover; /* "contain" Ajusta el tamaño de la imagen para pantallas medianas */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada 19/12/2024*/
	/* fix descuadre de flechas */
	.right-arrow {
		padding-top: 0px;
	}

	.left-arrow {
		padding-top: 0px;
	}
	/* !regla agregada 20/12/2024*/
	.callto-action {
		padding: 42px 50px 23px 50px;
	}
	/* !regla agregada 20/12/2024*/
	.callto-action-text h5 {
		text-align: center;
		transform: translateY(-22px);
	}

	/* !regla agregada 29/01/2025 */
	.home-expertise-text {
		margin-top: -51px;
		padding-right: 0;
	}
	/* !regla agregada 29/01/2025 */
	.expertise-image img {
		width: 100%;
		padding-right: 15px;
		margin-top: 65px !important;
	}
}
/* 2 */
@media (min-width: 1366px) {
	.main-counter-area {
		padding-top: 50px;
	}

	.pantallaFullHd-mouse-move {
		max-width: 1266px;
		/* padding-left: 100px; */
	}

	.mousemove {
		margin: 0px;
	}

	.services-area {
		padding: 120px 50px 0px 50px;
	}

	.separador-img img {
		margin-left: 0px;
	}

	.home-about-text2 {
		padding-top: 10%;
	}

	.home-about-text2 p {
		line-height: 1.5;
	}

	/* centrar de texto de mousemove */
	/* textos nuevos 31-01-2024 */
	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.callto-action-btn a {
		margin-top: 1px;
	}

	/* !regla agregada 02/09/2024*/
	/* fix error tamaño imagen wg */
	.logo3d {
		width: 356.45px;
		height: auto;
	}
	/* !regla agregada 02/09/2024*/
	/* !regla modificada 19/12/2024 */
	/* fix slogan */
	.largo .slogan {
		font-size: 20px;
	}
	/* !!regla anterior 19/12/2024 */
	/* .slogan {
		font-size: 20px;
	} */

	/* !regla agregada 02/09/2024*/
	.logo-principal {
		width: 100%;
		text-align: center;
		padding: 0 40px 15px 40px;
		margin-left: 0px;
	}

	/* !regla agregada 02/09/2024*/
	.desarrollo {
		padding: 0px 10px !important;
	}

	/* !regla agregada 29/01/2025*/
	section .main-counter-area .counter-area-small {
		padding: 0px 10px 10px 0px;
	}
}

/* ! media query agregada 07/01/2025 */

@media (min-width: 1280px) and (max-width: 1280px) and (min-height: 800px) and (max-height: 800px) {
	/* !regla agregada el 07/01/2025 */
	section .header-content-area {
		height: 100vh; /* !regla modificada el 31/01/2025 */
		width: 100%;
		background-size: 100% 100%; /* !regla modificada el 31/01/2025 */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada el 31/01/2025 */
	section .slogan {
		font-size: 20px;
	}

	/* !regla agregada el 31/01/2025 */
	div .expertise-image-header img {
		width: 85% !important;
		margin-top: -75px !important;
		transform: translateX(0px) !important;
	}

	/* !regla agregada el 07/01/2025 */
	/* !fix video youtube */
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 137px 0px !important;
		width: 102.8% !important;
		height: 50% !important;
		margin-top: 55% !important;
		margin-left: 0px !important;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* !regla agregada el 07/01/2025 */
	/* !regla modificada el 30/01/2025 */
	.expertise-area .expertise-image img {
		width: 100%;
		padding-right: 15px;
		margin-top: 68px;
	}

	/* !regla agregada el 07/01/2025 */
	/* !regla agregada el 29/01/2025 */
	.main-counter-area .counter-area-small {
		padding: 70px 10px 10px 0px !important;
	}
	/* !regla agregada el 30/01/2025 */
	.home-expertise-text {
		margin-top: -50px;
		padding-right: 0;
	}
}

/* !media query agregada el 30/01/2025 */
@media (min-width: 1280px) and (max-width: 1280px) and (min-height: 800px) and (max-height: 1080px) {
	/* !regla agregada el 30/01/2025 */
	.expertise-area .expertise-image img {
		width: 100%;
		padding-right: 15px;
		margin-top: 68px;
	}

	/* !regla agregada el 30/01/2025 */
	.home-expertise-text {
		margin-top: -50px;
		padding-right: 0;
	}
}

/* 3 */
@media (min-width: 1270px) and (max-width: 1365px) {
	.expertise-image img {
		margin-top: 29.5%;
	}

	.counter-area-small {
		padding-top: 30%;
	}

	.callto-action-btn a {
		margin-top: 5px;
	}

	.home-about-text2 p {
		font-size: 21px;
	}

	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 24px;
	}

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: -6px;
	}

	.expertise-image img {
		width: 100%;
		padding-right: 15px;
		margin-top: 98px;
	}
}

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

	.portfolio-content {
		left: 8%;
		top: 3%;
		width: 84%;
		height: 81%;
	}
}

/* 5 */
@media (min-width: 1254px) and (max-width: 1269px) {
	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 23px;
	}

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: -2px;
	}

	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.4;
	}
}

/* 6 */

@media (min-width: 1217px) and (max-width: 1253px) {
	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 23px;
	}

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: 0px;
	}
}

@media only screen and (min-width: 1200px) and (max-height: 675px) {
	/* fix body */
	/* !regla agregada el 10/09/2024*/
	body {
		overflow-x: hidden;
	}
	.container_inicial {
		margin: 0;
		padding: 71px 0 5px 0 !important;
		width: 100%;
	}
	/* fix parrafo bienvenida */
	/* !regla agregada el 10/09/2024*/
	.home-about-text-p {
		color: #425d9d;
		font-size: 20px !important;
	}
	/* !regla agregada el 10/09/2024*/
	.textoCuadro {
		margin: 22px 0px !important;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 100%;
	}

	/* fix servicios wg */
	/* !regla agregada el 10/09/2024*/
	.services-area {
		padding: 45px 55px !important;
	}
	/* !regla agregada el 10/09/2024*/
	.section-heading-2 {
		padding: 0 40px !important;
	}
	/* !regla agregada el 10/09/2024*/
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 10px !important;
	}
	/* !regla agregada el 10/09/2024*/
	.fix-padding-serviciosWG {
		padding: 0px 0px !important;
	}
	/* !regla agregada el 10/09/2024*/
	.desarrollo {
		padding: 0px 10px !important;
	}

	/* !preguntar si gusta esta medida (para mostrar) */
	/* !regla agregada el 10/09/2024*/
	/* .expertise-image img {
		margin-top: 123px !important;
	} */

	/* fix counter area: */
	/* !regla agregada el 10/09/2024*/
	.counter-area-small {
		margin-top: 0px !important;
	}

	/* !regla agregada el 10/09/2024*/
	.counter-area-small {
		margin-top: 105px !important;
	}

	/* !regla agregada el 10/09/2024*/
	.logo-principal {
		width: 100%;
		text-align: center;
		padding: 0 38px 15px 40px !important;
	}

	/* Estilo para el botón de WhatsApp */
	.boton-whatsapp {
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 60px;
		height: 60px;
		background-color: #25d366;
		color: white;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		z-index: 1000; /* Asegura que el botón esté por encima de otros elementos */
	}

	/* ajustar tamaño de iamgen serevidores */
	/* !regla agregada el 17/12/2024*/
	.expertise-area .expertise-image img {
		transform: scale(1.2);
		transform: scaleY(1.2);
		width: 100%;
		margin-top: 150px;
	}

	/* ajustar altura cuadros counter */
	/* !regla agregada el 17/12/2024*/
	section .main-counter-area {
		padding: 54px 55px;
	}

	/* Ajustar texto call to accion */

	/* !regla agregada el 17/12/2024*/
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}
	/* !regla agregada el 17/12/2024*/
	/* ajustar altura boton call to action */

	.callto-action-btn {
		text-align: center;
		transform: translateY(-7px);
	}
	/* !regla agregada 19/12/2024 */
	/* fix de imagen brackground */
	section .header-content-area {
		height: 100vh;
		width: 100%;
		background-size: 100% 100%; /* !regla modificada el 31/01/2025 */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada 31/01/2025 */
	div .slogan {
		font-size: 20px;
		margin-left: -31px !important;
	}

	/* !regla agregada 20/12/2024 */
	.callto-action .callto-action-btn a {
		margin-top: 0px !important;
	}

	/* !regla agregada 20/12/2024 */
	section .single-service {
		padding: 55px 15px 30px 15px;
		position: relative;
		z-index: 1;
	}

	/* !regla agregada 30/01/2025 */
	.home-expertise-text {
		margin-top: -36px;
		padding-right: 0;
	}
}

/* !regla agregada el 17/12/2024*/
@media (min-width: 1200px) and (max-width: 1200px) and (max-height: 1080px) {
	/* fix body */
	/* !regla agregada el 17/12/2024*/
	body {
		overflow-x: hidden;
	}
	.container_inicial {
		margin: 0;
		padding: 71px 0 5px 0 !important;
		width: 100%;
	}
	/* fix parrafo bienvenida */
	/* !regla agregada el 17/12/2024*/
	.home-about-text-p {
		color: #425d9d;
		font-size: 20px !important;
	}
	/* !regla agregada el 17/12/2024*/
	.textoCuadro {
		margin: 22px 0px !important;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 100%;
	}

	/* fix servicios wg */
	/* !regla agregada el 17/12/2024*/
	.services-area {
		padding: 45px 55px !important;
	}
	/* !regla agregada el 17/12/2024*/
	.section-heading-2 {
		padding: 0 40px !important;
	}
	/* !regla agregada el 17/12/2024*/
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 10px !important;
	}
	/* !regla agregada el 17/12/2024*/
	.fix-padding-serviciosWG {
		padding: 0px 0px !important;
	}
	/* !regla agregada el 17/12/2024*/
	.desarrollo {
		padding: 0px 10px !important;
	}

	/* !preguntar si gusta esta medida (para mostrar) */
	/* !regla agregada el 17/12/2024*/
	/* .expertise-image img {
		margin-top: 123px !important;
	} */

	/* fix counter area: */
	/* !regla agregada el 17/12/2024*/
	.counter-area-small {
		margin-top: 0px !important;
	}

	/* !regla agregada el 17/12/2024*/
	.counter-area-small {
		margin-top: 105px !important;
	}

	/* !regla agregada el 17/12/2024*/
	.logo-principal {
		width: 100%;
		text-align: center;
		padding: 0 38px 15px 40px !important;
	}

	/* !regla agregada el 17/12/2024*/
	/* Estilo para el botón de WhatsApp */
	.boton-whatsapp {
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 60px;
		height: 60px;
		background-color: #25d366;
		color: white;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		z-index: 1000; /* Asegura que el botón esté por encima de otros elementos */
	}

	/* ajustar tamaño de iamgen serevidores */
	/* !regla agregada el 17/12/2024*/
	.expertise-area .expertise-image img {
		transform: scale(1.2);
		transform: scaleY(1.2);
		width: 100%;
		margin-top: 113px;
	}

	/* ajustar altura cuadros counter */
	/* !regla agregada el 17/12/2024*/
	section .main-counter-area {
		padding: 54px 55px;
	}

	/* Ajustar texto call to accion */

	/* !regla agregada el 17/12/2024*/
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}
	/* !regla agregada el 17/12/2024*/
	/* ajustar altura boton call to action */

	.callto-action-btn {
		text-align: center;
		transform: translateY(-7px);
	}

	/* !regla agregada 19/12/2024 */
	/* fix de imagen brackground */
	section .header-content-area {
		height: 100vh;
		width: 100%;
		background-size: 100% 100%; /* ! regla modifcada el 31/01/2025 */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada 31/01/2025 */
	div .slogan {
		font-size: 20px;
		margin-left: -31px !important;
	}

	/* !regla agregada 30/01/2025 */
	.home-expertise-text {
		margin-top: -36px;
		padding-right: 0;
	}
}

/* !media query agregada el 29/01/2025 */
@media (min-width: 1200px) {
	/* !regla agregada 29/01/2025 */
	section .main-counter-area .counter-area-small {
		padding: 10px 10px 10px 0px;
	}
}

/* 7 */
@media (min-width: 1188px) and (max-width: 1216px) {
	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 23px;
	}

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: 6px;
	}
}
/* 8 */
@media (min-width: 1140px) and (max-width: 1187px) {
	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 23px;
	}

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: 11px;
	}
}
/* 9 */
@media (min-width: 1088px) and (max-width: 1139px) {
	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 21px;
	}

	.home-about-text2 p {
		font-size: 18px;
		line-height: 1.3;
	}

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: 11px;
	}
}
/* 11 */
@media (min-width: 1024px) and (max-width: 1920px) {
	/* eslogan solo para monitores: */
	.slogan {
		color: black !important;
		font-weight: 500;
	}

	/* !regla agregada 13/08/2024*/
	/* fix descuadre de flechas */
	.right-arrow {
		padding-top: 10px;
	}

	.left-arrow {
		padding-top: 10px;
	}
}

/* 12 */
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
	/*  centrado vertical para resoluciones medianas */

	.home-about-text2 {
		padding: 0px 15px 0px;
	}

	.section-heading-3__blog--p {
		text-align: center;
		padding: 0% 15%;
	}
}

@media only screen and (width: 1024px) and (height: 1366px) {
	/* !regla agregada 10/09/2024*/
	.container_inicial {
		margin: 0;
		padding: 66px 0 5px 0 !important;
	}
	/* !regla agregada 10/09/2024*/
	.services-area {
		padding: 120px 50px 0px 50px !important;
	}

	/* !regla agregada 10/09/2024*/
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 11px !important;
	}

	/* !regla agregada 10/09/2024*/
	.proyectohome {
		margin-right: -5px;
	}
	/* !regla agregada 10/09/2024*/
	.fix-padding-serviciosWG {
		padding: 25px 0px 25px 0px !important;
	}

	.desarrollo {
		padding: 0px 10px !important;
	}

	/* fix nuestros servicios (servicios nuestros proyectos) */
	/* !regla agregada 10/09/2024 */
	.h4_fondoAzul {
		margin-top: 40px;
		margin-left: 0px;
	}
	/* !regla agregada 10/09/2024 */
	.seo-h1-1 {
		font-size: 35px;
		font-weight: 600;
		margin-left: 0px !important;
	}
	/* !regla agregada 10/09/2024 */
	.fix-proyectos-padding-inicio-pc .h4_fondoAzul {
		margin-left: -6px !important;
	}
	/* !regla agregada 10/09/2024 */
	.fix-proyectos-padding-inicio-pc .seo-h1-1 {
		margin-left: -6px !important;
	}
	/* !regla agregada 10/09/2024 */
	#p_proyectos {
		margin-left: -6px !important;
	}

	/* !regla agregada 10/09/2024 */
	.fix-proyectos-padding-inicio-pc .section-button {
		margin-left: -8px !important;
	}
	/* !regla agregada 10/09/2024 */
	/* fix cuadros counter */
	.counter-area-small {
		padding: 10px !important;
	}
	/* !regla agregada 10/09/2024 */
	.section-heading-1 h4 {
		margin-right: 0px !important;
	}
	/* !regla agregada 10/09/2024 */
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}
	/* !regla agregada 10/09/2024 */
	.callto-action-btn {
		text-align: center;
	}

	/* !regla agregada 10/09/2024 */
	.callto-action {
		background-color: #191c2f;
		color: #fff;
		padding: 35px 15px 35px 50px !important;
	}
}
/* 13 */
@media (min-width: 1024px) and (max-width: 1087px) {
	.home-about-text2 p {
		font-size: 18px;
		line-height: 1.3;
	}

	/* pertenece a home */
	.expertise-image img {
		margin-top: 56.5%;
	}

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

	.callto-action-btn a {
		margin-top: 7px;
	}

	.pelotamargin {
		/*pelotas azules del home*/
		margin-top: 23px;
	}

	.presentacion__titulo {
		padding-bottom: 15%;
		font-size: 21px;
	}

	.home-about-text2 p {
		font-size: 18px;
		line-height: 1.3;
	}
}

@media only screen and (width: 1024px) and (height: 768px) {
	/* !regla agregada 11/09/2024*/
	.container_inicial {
		margin: 0;
		padding: 66px 0 5px 0 !important;
	}
	/* !regla agregada 10/09/2024*/
	.services-area {
		padding: 120px 50px 0px 50px !important;
	}

	/* !regla agregada 10/09/2024*/
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 11px !important;
	}

	/* !regla agregada 10/09/2024*/
	.proyectohome {
		margin-right: -5px;
	}
	/* !regla agregada 10/09/2024*/
	.fix-padding-serviciosWG {
		padding: 25px 0px 25px 0px !important;
	}

	.desarrollo {
		padding: 0px 10px !important;
	}

	/* fix nuestros servicios (servicios nuestros proyectos) */
	/* !regla agregada 10/09/2024 */
	.h4_fondoAzul {
		margin-top: 40px;
		margin-left: 0px;
	}
	/* !regla agregada 10/09/2024 */
	.seo-h1-1 {
		font-size: 35px;
		font-weight: 600;
		margin-left: 0px !important;
	}
	/* !regla agregada 10/09/2024 */
	.fix-proyectos-padding-inicio-pc .h4_fondoAzul {
		margin-left: -6px !important;
	}
	/* !regla agregada 10/09/2024 */
	.fix-proyectos-padding-inicio-pc .seo-h1-1 {
		margin-left: -6px !important;
	}
	/* !regla agregada 10/09/2024 */
	#p_proyectos {
		margin-left: -6px !important;
	}

	/* !regla agregada 10/09/2024 */
	.fix-proyectos-padding-inicio-pc .section-button {
		margin-left: -4px !important;
	}
	/* !regla agregada 10/09/2024 */
	/* fix cuadros counter */
	.counter-area-small {
		padding: 10px !important;
	}
	/* !regla agregada 10/09/2024 */
	.section-heading-1 h4 {
		margin-right: 0px !important;
	}
	/* !regla agregada 10/09/2024 */
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}
	/* !regla agregada 10/09/2024 */
	.callto-action-btn {
		text-align: center;
	}

	/* !regla agregada 10/09/2024 */
	.callto-action {
		background-color: #191c2f;
		color: #fff;
		padding: 35px 15px 35px 50px !important;
	}

	/* !regla agregada 18/12/2024 */
	/* fix de imagen brackground */
	section .header-content-area {
		height: 100vh; /* !regla modificada el 31/01/2025 */
		width: 100%;
		background-size: 100% 100%; /* !regla modificada el 31/01/2025 */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada 31/01/2025 */
	div .slogan {
		font-size: 15px;
	}

	/* !regla agregada 31/01/2025 */
	div .expertise-image-header img {
		transform: translateX(10px) !important;
	}

	/* !regla agregada 20/12/2024 */
	.callto-action .callto-action-btn a {
		margin-top: 0px !important;
	}
	/* !regla agregada 20/12/2024 */
	.callto-action-btn {
		transform: translateY(8px);
	}

	/* !regla agregada 20/12/2024 */
	/* fix overflow */
	body {
		overflow-x: hidden;
	}
}

/* !media query agregada 13/12/2024 */
@media (min-width: 1024px) and (max-width: 1199px) and (max-height: 1080px) {
	/* !regla agregada 13/12/2024 */
	.container_inicial {
		margin: 0;
		padding: 66px 0 5px 0 !important;
	}
	/* !regla agregada 13/12/2024 */
	.services-area {
		padding: 120px 50px 0px 50px !important;
	}

	/* !regla agregada 13/12/2024 */
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 11px !important;
	}

	/* !regla agregada 13/12/2024 */
	.proyectohome {
		margin-right: -5px;
	}
	/* !regla agregada 13/12/2024 */
	.fix-padding-serviciosWG {
		padding: 25px 0px 25px 0px !important;
	}
	/* !regla agregada 13/12/2024 */
	.desarrollo {
		padding: 0px 10px !important;
	}

	/* fix nuestros servicios (servicios nuestros proyectos) */
	/* !regla agregada 13/12/2024 */
	.h4_fondoAzul {
		margin-top: 40px;
		margin-left: 0px;
	}
	/* !regla agregada 13/12/2024 */
	.seo-h1-1 {
		font-size: 35px;
		font-weight: 600;
		margin-left: 0px !important;
	}
	/* !regla agregada 13/12/2024 */
	.fix-proyectos-padding-inicio-pc .h4_fondoAzul {
		margin-left: -6px !important;
	}
	/* !regla agregada 13/12/2024 */
	.fix-proyectos-padding-inicio-pc .seo-h1-1 {
		margin-left: -6px !important;
	}
	/* !regla agregada 13/12/2024 */
	#p_proyectos {
		margin-left: -6px !important;
	}

	/* !regla agregada 13/12/2024 */
	.fix-proyectos-padding-inicio-pc .section-button {
		margin-left: -4px !important;
	}
	/* !regla agregada 13/12/2024 */
	/* fix cuadros counter */
	.counter-area-small {
		padding: 10px !important;
	}
	/* !regla agregada 13/12/2024 */
	.section-heading-1 h4 {
		margin-right: 0px !important;
	}
	/* !regla agregada 13/12/2024 */
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}
	/* !regla agregada 13/12/2024 */
	.callto-action-btn {
		text-align: center;
	}

	/* !regla modificada 20/12/2024 */
	.callto-action {
		background-color: #191c2f;
		color: #fff;
		padding: 35px 50px 35px 50px !important;
	}

	/* !!antes 20/12/2024 */
	/* !regla agregada 13/12/2024 */
	/* .callto-action {
		background-color: #191c2f;
		color: #fff;
		padding: 35px 15px 35px 50px !important;
	} */

	/* cuadrados blancos home reigeneria- desarrollo - misiion critica*/
	/* !regla modificada 13/12/2024 */
	.single-service {
		padding: 55px 15px 20px 15px;
	}
	/* !regla agregada 13/12/2024 */
	/* reingieneria */
	.reingieneria .single-service p {
		padding: 5px;
	}
	/* !regla agregada 13/12/2024 */
	/* mision critica */
	.mision-critica .single-service p {
		padding: 5px;
	}
	/* !regla agregada 13/12/2024 */
	/* desarrollo */
	.desarrollo .single-service p {
		padding: 5px;
	}
	/* todo esto preguntar a tatiana is e puede bajar la letra a los cuadros */

	/* ! opcion 1 */
	/* #p1 {
		order: 2;
	}

	/* #p2 {
		order: 1;
	} */

	/* .expertise-image {		
		height: auto;		
		transform: scale(1.38) translate(6px, 30px);
	} */
	/* !------------------------------------ */

	/* ! opcion 2 */
	/* .expertise-image {
		height: auto;
		transform: scale(1.4) translate(9px, -71px);
		object-fit: cover;
	} */

	/* !------------------------------------ */

	/* ! opcion 3 */

	#p1 {
		order: 2;
	}

	#p2 {
		order: 1;
	}
	/*?se cambia las clases de bootstrap lg 12 para que ocupe todo el ancho del div */
	/* ? en las linea 683 y 689 del del index.html class col-lg-6 */

	/* ajusta altura de poscion de la imagen */
	/* !regla modificada 17/12/2024 */
	.expertise-image img {
		margin-top: 0px !important;
		transform: scale(0.8);
	}
	/* !!regla anterior 17/12/2024 */
	/* .expertise-image img {
		margin-top: 100px;
	} */

	/* !------------------------------------ */

	/* !regla agregada 18/12/2024 */
	/* fix de imagen brackground */
	.header-content-area {
		height: 100vh; /* !regla mofificada el 31/01/2025 */
		width: 100%;
		background-size: 100% 100%; /* !regla mofificada el 31/01/2025 */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada 31/01/2025 */
	div .slogan {
		font-size: 15px;
	}

	/* !regla agregada 31/01/2025 */
	div .expertise-image-header img {
		transform: translateX(10px) !important;
	}

	/* !regla agregada 20/12/2024 */
	.callto-action .callto-action-btn a {
		margin-top: 0px !important;
	}

	/* !regla agregada 20/12/2024 */
	.callto-action-btn {
		transform: translateY(8px);
	}

	/* !regla agregada 20/12/2024 */
	/* fix overflow */
	body {
		overflow-x: hidden;
	}
	/* !regla agregada 20/12/2024 */
	.big-banner {
		margin-top: 24px;
	}
}

/* 14 */
@media (min-width: 1024px) {
	/* !regla agregada 18/12/2024 */
	.cuadroVer .textoCuadro {
		margin: 0px 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		width: 100% !important;
	}
	/* !!regla anterior 18/12/2024 */
	/* .textoCuadro {
		margin: 0px 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 100%;
	} */

	.services-area {
		margin-top: 300px;
	}
	/* centrar robot */
	.separador-img img {
		margin-left: 0px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

	.ocultar {
		display: inline;
	}

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

	.home-blog-area {
		background-color: #f7fff7;
		padding: 120px 55px;
	}

	.e-pattern img {
		margin-top: 70px;
		height: 110px;
		margin-right: 7px;
	}

	/* !esta media-query la agrego e manera adicional debido a que esta en una media query extraña  la media query extraña es: @media (min-width: 1024px) and (max-width: 1024px)*/

	/* !! en caso de que rompa probar con la media query extraña */
	.home-about-text-p {
		color: #425d9d;
		font-size: 15px;
	}
	/* !!--------------------------------------------------------- */
	.expertise-image img {
		margin-top: 239px;
	}

	.section-heading-3 h3 {
		margin-top: 7px;
	}
	/* cuadrados blancos home reigeneria- desarrollo - misiion critica*/
	/* !regla modificada 13/12/2024 */
	/* !regla modificada 20/12/2024 */
	/* !regla modificada 16/01/2025 */
	section .single-service {
		padding: 55px 25px 20px 25px;
	}
	/* !regla agregada 13/12/2024 */
	/* reingieneria */
	.reingieneria .single-service p {
		padding: 5px;
	}
	/* !regla agregada 13/12/2024 */
	/* mision critica */
	.mision-critica .single-service p {
		padding: 5px;
	}
	/* !regla agregada 13/12/2024 */
	/* desarrollo */
	.desarrollo .single-service p {
		padding: 5px;
	}
	/* todo esto preguntar a tatiana si se puede bajar la letra a los cuadros */

	.home-counter-text {
		margin-top: 62px;
		padding-right: 0;
	}

	.col-lg-4 {
		margin-top: 15px;
	}
	/* slogan: */
	.main-counter-area {
		padding-top: 50px;
	}

	.services-area {
		padding: 120px 50px 0px 50px;
	}
	/*footer logo  julio 25*/
	.footer-logo p {
		margin-top: 12px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 0px;
	}

	/* con estos 15 se pone el padding a 65px */
	.section-heading-2,
	.proyectos-pattern {
		padding-left: 10px;
	}

	/* fix padding de proyectos en inicio */
	.fix-proyectos-padding-inicio-pc {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* !-- Querys espesificas -- */
/* 15 */
@media (min-width: 992px) and (max-width: 1919px) {
	#searchbox {
		max-width: 70%;
		font-size: 25px;
	}

	.home-counter-text {
		margin-top: 70px;
	}

	.expertise-image-header img {
		width: 82%;
		margin-top: 0px;
	}

	.slogan {
		color: black !important;
		font-weight: 500;
	}
}

@media (min-width: 992px) and (max-height: 800px) {
	/* !regla agregada 13/09/2024 */
	.slogan {
		font-size: 13px;
		padding-left: 25px;
		margin-left: -18px !important;
		color: black;
	}
	/* !regla agregada 12/09/2024 */
	/* fix titulo bienvenida */
	.presentacion__titulo {
		margin-top: 0px !important;
	}

	/* !regla modificada 18/12/2024 */
	.textoCuadro {
		margin-right: 0px !important;
		margin-left: -153px !important;
		width: 172% !important;
	}

	/* !!regla anterior 18/12/2024 */
	/* !regla agregada 12/09/2024 */
	/* .textoCuadro {
		margin-right: 0px !important;
		margin-left: -205px;
		margin-top: 28px !important;
	} */
	/* !regla agregada 13/09/2024 */
	.services-area {
		padding-left: 7px !important;
		padding-right: 57px !important;
	}
	/* !regla agregada 13/09/2024 */
	.p_fondoAzul {
		margin-left: 1px !important;
	}

	/* !regla agregada 13/09/2024 */
	.desarrollo {
		padding: 0px 10px !important;
	}

	/* fix  altua proyectos area*/
	/* !regla agregada 13/09/2024 */
	.proyectos-area {
		padding: 92px 55px !important;
	}
	/* !regla agregada 13/09/2024 */
	.proyectohome {
		padding-left: 2px !important;
		padding-right: 75px !important;
	}

	/* !regla agregada 13/09/2024 */
	.inicio-hosting .ns-hosting {
		margin-right: -5px;
	}
	/* !regla agregada 13/09/2024 */
	.inicio-hosting h1 {
		margin-right: -5px;
	}
	/* !regla agregada 13/09/2024 */
	.inicio-hosting p {
		margin-left: 5px !important;
	}
	/* !regla agregada 13/09/2024 */
	.counter-area-small {
		padding: 10px 0px 10px 5px;
	}
	/* !regla agregada 13/09/2024 */
	.home-counter-text h4 {
		margin-right: -5px !important;
	}
	/* !regla agregada 13/09/2024 */
	.home-counter-text h1 {
		margin-right: -5px !important;
	}
	/* !regla agregada 13/09/2024 */
	.home-counter-text .hardware-p {
		padding-left: 2px !important;
	}
	/* !regla agregada 13/09/2024 */
	.home-counter-text .section-button {
		margin-left: 3px;
	}
	/* !esto a lo mejor lo pueden mandar a poner mas adelante */
	/* .home-blog-area .container {
		padding: 80px 27px 0 32px !important;
	} */
	/* !regla agregada 13/09/2024 */
	.callto-action-btn {
		text-align: center;
	}

	/* !regla agregada 13/09/2024 */
	.callto-action-btn a {
		margin-top: 22px !important;
	}
	/* !regla agregada 13/09/2024 */
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}

	/* !regla modificada 19/12/2024 */
	/* fix botones flecha */
	/* !regla modificada 19/12/2024 */
	.right-arrow {
		padding-top: 10px;
	}
	/* !regla modificada 19/12/2024 */
	.left-arrow {
		padding-top: 10px;
	}

	/* !!antes 19/12/2024 */
	/* !regla agregada 13/09/2024 */
	/* .left-arrow {
		padding-top: 0px;
	} */
	/* !regla agregada 13/09/2024 */
	/* .right-arrow {
		padding-top: 0px;
	} */
	/* !regla agregada 18/12/2024 */
	/* fix overlow horizontal */
	body {
		overflow-x: hidden;
	}

	/* !regla agregada 18/12/2024 */
	/* ajustar la altura de texto de hardware */
	.home-counter-text {
		position: relative;
		top: -70px;
	}
	/* !regla agregada 18/12/2024 */
	/* ajustar tamaño de cuadros */
	.main-counter-area .counter-area-small {
		padding: 10px 0px 10px 0px;
	}

	/* !regla agregada 18/12/2024 */
	/* fix de imagen brackground */
	.header-content-area {
		height: 100vh;
		width: 100%;
		background-size: 100% 100%; /* !regla modificada el 31/01/2025 */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* !regla agregada 18/12/2024 */
	/* Ajustar imagen de 3 circulos */
	.expertise-image-header img {
		width: 85% !important;
		margin-top: -75px !important;
		transform: translateX(
			10px
		) !important; /* !regla modificada el 31/01/2025 */
	}

	/* ajuste de cuadros de desarrollo mision critica */
	/* !regla agregada 20/12/2024 */
	.single-service {
		padding: 55px 10px 30px 10px;
		position: relative;
		z-index: 1;
	}

	/* !tenerlo en cuenta por las dudas  para despues*/
	/* Cambiar a scroll para mejorar el rendimiento en móviles */
	/* .header-content-area {
			background-attachment: scroll;  
	} */
}
/* !media query agregada 20/12/2024 */
@media only screen and (min-width: 992px) and (max-width: 1023px) and (max-height: 800px) {
	/* ajusta altura de poscion de la imagen del servidor */
	/* !regla agregada 20/12/2024 */
	.expertise-image img {
		margin-top: 0px !important;
		transform: scale(0.8);
	}

	/* cambio de posicion e imagen de servidor y y texto de hosting */
	/* !regla agregada 20/12/2024 */
	#p1 {
		order: 2;
	}
	/* !regla agregada 20/12/2024 */
	#p2 {
		order: 1;
	}
	/*?se cambia las clases de bootstrap lg 12 para que ocupe todo el ancho del div */
	/* ? en las linea 683 y 689 del del index.html class col-lg-6 */
}
/* !regla agregada 17/12/2024 */
/* !media query modificada 20/12/2024 */
@media only screen and (min-width: 992px) and (max-width: 1023px) and (min-height: 801px) and (max-height: 1080px) {
	/* !regla agregada 18/12/2024 */
	.presentacion__titulo {
		margin-top: 0px !important;
	}
	/* !regla agregada 18/12/2024 */
	.textoCuadro {
		margin-right: 0px !important;
		margin-left: -153px !important;
		width: 172% !important;
	}
	/* fix botones flecha */
	/* !regla agregada 18/12/2024 */
	.left-arrow {
		padding-top: 10px;
	}
	/* !regla agregada 18/12/2024 */
	.right-arrow {
		padding-top: 10px;
	}
	/* !regla agregada 18/12/2024 */
	.slogan {
		font-size: 13px;
		padding-left: 25px;
		margin-left: -18px !important;
		color: black;
	}
	/* !regla agregada 17/12/2024 */
	/* fix padding cuadro desarrollo */
	.serviciosDesc .desarrollo {
		padding: 0px 10px;
	}
	/* !regla agregada 17/12/2024 */
	.single-service {
		padding: 55px 10px 30px 10px;
		position: relative;
		z-index: 1;
	}

	/* cambio de posicion e imagen de servidor y y texto de hosting */
	/* !regla agregada 17/12/2024 */
	#p1 {
		order: 2;
	}
	/* !regla agregada 17/12/2024 */
	#p2 {
		order: 1;
	}
	/*?se cambia las clases de bootstrap lg 12 para que ocupe todo el ancho del div */
	/* ? en las linea 683 y 689 del del index.html class col-lg-6 */

	/* ajusta altura de poscion de la imagen */
	/* !regla agregada 17/12/2024 */
	.expertise-image img {
		margin-top: 0px !important;
		transform: scale(0.8);
	}

	/* !regla agregada 18/12/2024 */
	/* fix overlow horizontal */
	body {
		overflow-x: hidden;
	}
	/* !regla agregada 18/12/2024 */
	/* ajustar la altura de texto de hardware */
	.home-counter-text {
		position: relative;
		top: -70px;
	}

	/* !regla agregada 18/12/2024 */
	/* ajustar tamaño de cuadros */
	.main-counter-area .counter-area-small {
		padding: 10px 0px 10px 0px;
	}

	/* !regla agregada 18/12/2024 */
	/* fix de imagen brackground */
	.header-content-area {
		height: 100vh; /* ! regla modificada el 31/01/2025 */
		width: 100%;
		background-size: 100% 100%; /* ! regla modificada el 31/01/2025 */
		background-position: top;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/* !regla agregada 18/12/2024 */
	/* Ajustar imagen de 3 circulos */
	.expertise-image-header img {
		width: 85% !important;
		margin-top: -75px !important;
		transform: translateX(
			40px
		) !important; /* ! regla modificada el 31/01/2025 */
	}

	/* ! quede aqui 31/01/2025 */

	/* !regla agregada 20/12/2024 */
	.callto-action-text h5 {
		text-align: center;
		font-size: 27px;
	}
	/* !regla agregada 20/12/2024 */
	.callto-action-btn {
		text-align: center;
		transform: translateY(24px);
	}

	/* !regla agregada 20/12/2024 */
	.expertise-image-header img {
		margin-top: -165px !important;
	}
}

/* !## A.2 FIN MEDIA QUERIES: DESKTOP EXTRA GRANDE (1024px a 1439px) ## */

/* ------------------------------------------------------------- */

/* !########## A.3 MEDIA QUERIES: TABLETS (768px a 1023px) ############ */

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

/* !-- fin Querys espesificas -- */

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

@media only screen and (min-width: 820px) and (max-width: 820px) and (min-height: 1180px) and (max-height: 1180px) {
	/* !regla agregada 28/10/2024 */
	.main-menu ul li a {
		z-index: 1000;
	}
}

@media (min-width: 933px) and (max-width: 1023px) {
	.container_inicial {
		margin-bottom: 36%;
	}

	.textoCuadro {
		margin: 0px 0px;
		padding-top: 28px;
		padding-bottom: 0px;
		width: 166%;
		margin-left: -128px;
	}

	.img-fluid {
		/* desaparece los circulos*/
		display: none;
	}
	/* !refla modificada 17/12/2024 */
	.expertise-image-header img {
		width: 100%;
		margin-top: -100px;
		display: flex;
	}
	/* !! regla anterior el 17/12/2024 */
	/* .expertise-image-header img {
		width: 111%;
		margin-top: -200px;
		display: flex;
	} */

	.logo-principal .logo3d {
		width: 200px;
		margin-left: 6px;
		display: flex;
		transform: translate(26px, 29px);
	}

	.home-about-text {
		margin-top: 90px !important;
		padding: 10px;
	}

	.slogan {
		font-size: 13px;
		padding-left: 25px;
		margin-left: -23px;
		color: black;
	}

	.search-icon-area i {
		color: #fff;
		background-color: transparent;
		font-size: 27px;
		padding: 7px;
		border-radius: 50%;
		transform: translate(103px, 4px);
	}

	.expertise-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}

	.main-counter-area {
		padding: 80px 55px;
	}
}

@media (min-width: 931px) and (max-width: 932px) {
	.presentacion__titulo {
		padding-bottom: 16%;
		font-size: 23px;
		margin-top: 0px;
	}

	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.4;
	}

	.container_inicial {
		margin-bottom: -63%;
	}

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}

	.main-counter-area {
		padding: 80px 55px;
	}

	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}

	.section-heading-2 {
		padding: 80px 55px;
	}

	.textoCuadro {
		margin: 0px 0px;
		padding-top: 28px;
		padding-bottom: 0px;
		width: 166%;
		margin-left: -128px;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
		display: flex;
	}

	.logo-principal .logo3d {
		width: 200px;
		margin-left: 6px;
		display: flex;
		transform: translate(26px, 29px);
	}

	.slogan {
		font-size: 13px;
		padding-left: 40px;
		margin-left: -43px;
		color: black;
	}

	.img-fluid {
		/* desaparece los circulos*/
		display: none;
	}

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

/* !regla agregada el 16/01/2025 */
@media (min-width: 930px) and (max-width: 991px) and (max-height: 1080px) {
	body {
		overflow-x: hidden !important;
	}
}
@media (min-width: 821px) and (max-width: 930px) {
	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.presentacion__titulo {
		margin-top: 62px;
		padding-top: 2%;
		font-size: 23px;
		padding-left: 119%;
		white-space: nowrap;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
	}

	.slogan {
		font-size: 13px;
		padding-left: 24px;
		margin-left: 15px;
		color: black;
	}

	.home-expertise-text {
		margin-top: 40px;
	}

	.expertise-image img {
		margin-top: 1.5%;
	}

	.home-counter-text {
		margin-top: 44px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

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

	.hosting img {
		width: 104.3%;
		height: auto;
	}

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

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}

	.main-counter-area {
		padding: 80px 55px;
	}

	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}

	.section-heading-2 {
		padding: 80px 55px;
	}

	/*saca el espacio blanco de tablet*/
	.container_inicial {
		margin-bottom: -54%;
	}

	.textoCuadro {
		margin: 0px 46px;
		padding-top: 95px;
		padding-bottom: 0px;
		width: 188%;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
		display: flex;
	}

	.logo-principal .logo3d {
		width: 200px;
		margin-left: 6px;
		display: flex;
		transform: translate(10px, 29px);
	}
}

@media (min-width: 820px) {
	.footer-columna-link {
		margin-left: 40px;
	}

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

@media (min-width: 769px) and (max-width: 820px) {
	/* !regla agregada 09/09/2024*/
	/* fix lupa */
	.search-icon-area {
		left: 68.7% !important;
		top: 1px !important;
		font-size: 27px;
	}
	/* !regla agregada 09/09/2024*/
	.search-icon-area i {
		background-color: #fff;
		color: #80ffd2;
		font-size: 27px !important;
		padding: 30px !important;
		border-radius: 50%;
	}
	.search-icon-area i {
		transform: translate(95px, 4px);
	}

	/* !regla agregada 09/09/2024*/
	.header-content-area {
		height: 881px;
	}
	/* !regla agregada 09/09/2024*/
	.expertise-image-header img {
		width: 111% !important;
		margin-top: -200px !important;
		margin-left: 7px;
	}
	/* !regla agregada 09/09/2024*/
	.home-about-text {
		margin-top: 89px !important;
		padding: 10px;
	}
	/* !regla agregada 09/09/2024*/
	.logo-principal .logo3d {
		margin-left: -20px !important;
	}
	/* !regla agregada 09/09/2024*/
	.slogan {
		margin-left: 7px !important;
	}
	/* fix centrado de bienvenida */
	/* !regla agregada 09/09/2024*/
	.presentacion__titulo {
		padding-left: 108.3% !important;
	}
	/* fix centrado de parrafo de de bienvenida */
	/* !regla agregada 09/09/2024*/
	.textoCuadro {
		margin: 0px 42px !important;
		width: 185% !important;
	}

	/* fix altura  servicios wg*/
	/* !regla agregada 09/09/2024*/
	.servicioshome {
		margin-top: -148px;
	}
	/* !regla agregada 09/09/2024*/
	.services-area {
		padding: 80px 40px !important;
	}
	/* !regla agregada 09/09/2024*/
	/* fix subtitulos servicios wg */
	.section-heading-2 h4 {
		margin-left: 8px !important;
	}
	/* !regla agregada 09/09/2024*/
	.seo-h1-1 {
		margin-left: 8px !important;
	}
	/* !regla agregada 09/09/2024*/
	/*fix margin parrafo servicios wg */
	.fix-padding-serviciosWG {
		padding: 25px 17px !important;
	}
	/* !regla agregada 09/09/2024*/
	/* fix cuadros servicios wg */

	/* padding y separacion de altura con el boton */
	/* !regla agregada 09/09/2024*/
	.serviciosDesc {
		/* padding: 50px 40px !important; */
		margin-top: -25px !important;
	}
	/* !regla agregada 09/09/2024*/
	.mision-critica {
		padding: 0px 10px !important;
	}
	/* !regla agregada 09/09/2024*/
	.reingieneria {
		padding: 0px 10px 0px 10px !important;
	}
	/* !regla agregada 09/09/2024*/
	.desarrollo {
		padding: 0px 10px !important;
	}

	/* proyectos wg */
	/*fix margin subtitulos y parrafo proyectos wg */
	/* !regla agregada 09/09/2024*/
	.fix-proyectos-padding-inicio-pc {
		padding: 0px 42px !important;
	}

	/* fix hosting padding*/
	/* !regla agregada 09/09/2024*/
	.expertise-area {
		padding: 80px 40px !important;
	}
	/* !regla agregada 09/09/2024*/
	.inicio-hosting .seo-h1-2 {
		margin-right: 10px;
	}
	/* !regla agregada 09/09/2024*/
	.inicio-hosting .section-button {
		margin-left: 2px !important;
	}
	/* fix hosting hardware*/
	/* !regla agregada 09/09/2024*/
	.main-counter-area {
		padding: 50px 42px !important;
	}
	/* !regla agregada 09/09/2024*/
	.home-counter-text .seo-h1-2 {
		margin-right: 10px;
	}

	/* fix blog area */
	/* !regla agregada 09/09/2024*/
	.home-blog-area {
		padding: 80px 40px !important;
	}
	/* !regla agregada 09/09/2024*/
	.callto-action-text h5 {
		text-align: center !important;
		font-size: 27px !important;
		margin: 15px !important;
	}
	/* !regla agregada 09/09/2024*/
	.callto-action-btn {
		text-align: center !important;
	}
}

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

@media only screen and (width: 768px) and (height: 1024px) {
	/* !regla agregada 09/09/2024*/
	/* fix lupa */
	.search-icon-area {
		left: 68.7% !important;
		top: 1px !important;
		font-size: 27px;
	}
	/* !regla agregada 09/09/2024*/
	.search-icon-area i {
		background-color: #fff;
		color: #80ffd2;
		font-size: 27px !important;
		padding: 30px !important;
		border-radius: 50%;
	}
	/* !regla agregada 09/09/2024*/
	.header-content-area {
		height: 881px;
	}
	/* !regla agregada 09/09/2024*/
	.expertise-image-header img {
		width: 111% !important;
		margin-top: -200px !important;
		margin-left: 7px;
	}
	/* !regla agregada 09/09/2024*/
	.home-about-text {
		margin-top: 89px !important;
		padding: 10px;
	}
	/* !regla agregada 09/09/2024*/
	.logo-principal .logo3d {
		margin-left: -20px !important;
	}
	/* !regla agregada 09/09/2024*/
	.slogan {
		margin-left: 7px !important;
	}
	/* fix centrado de bienvenida */
	/* !regla agregada 09/09/2024*/
	.presentacion__titulo {
		padding-left: 108.3% !important;
	}
	/* fix centrado de parrafo de de bienvenida */
	/* !regla agregada 09/09/2024*/
	.textoCuadro {
		margin: 0px 42px !important;
		width: 185% !important;
	}

	/* fix altura  servicios wg*/
	/* !regla agregada 09/09/2024*/
	.servicioshome {
		margin-top: -148px;
	}
	/* !regla agregada 09/09/2024*/
	.services-area {
		padding: 80px 40px !important;
	}
	/* !regla agregada 09/09/2024*/
	/* fix subtitulos servicios wg */
	.section-heading-2 h4 {
		margin-left: 8px !important;
	}
	/* !regla agregada 09/09/2024*/
	.seo-h1-1 {
		margin-left: 8px !important;
	}
	/* !regla agregada 09/09/2024*/
	/*fix margin parrafo servicios wg */
	.fix-padding-serviciosWG {
		padding: 25px 17px !important;
	}
	/* !regla agregada 09/09/2024*/
	/* fix cuadros servicios wg */

	/* padding y separacion de altura con el boton */
	/* !regla agregada 09/09/2024*/
	.serviciosDesc {
		/* padding: 50px 40px !important; */
		margin-top: -25px !important;
	}
	/* !regla agregada 09/09/2024*/
	.mision-critica {
		padding: 0px 10px !important;
	}
	/* !regla agregada 09/09/2024*/
	.reingieneria {
		padding: 0px 10px 0px 10px !important;
	}
	/* !regla agregada 09/09/2024*/
	.desarrollo {
		padding: 0px 10px !important;
	}

	/* proyectos wg */
	/*fix margin subtitulos y parrafo proyectos wg */
	/* !regla agregada 09/09/2024*/
	.fix-proyectos-padding-inicio-pc {
		padding: 0px 42px !important;
	}

	/* fix hosting padding*/
	/* !regla agregada 09/09/2024*/
	.expertise-area {
		padding: 80px 40px !important;
	}
	/* !regla agregada 09/09/2024*/
	.inicio-hosting .seo-h1-2 {
		margin-right: 10px;
	}
	/* !regla agregada 09/09/2024*/
	.inicio-hosting .section-button {
		margin-left: 2px !important;
	}
	/* fix hosting hardware*/
	/* !regla agregada 09/09/2024*/
	.main-counter-area {
		padding: 50px 42px !important;
	}
	/* !regla agregada 09/09/2024*/
	.home-counter-text .seo-h1-2 {
		margin-right: 10px;
	}

	/* fix blog area */
	/* !regla agregada 09/09/2024*/
	.home-blog-area {
		padding: 80px 40px !important;
	}
	/* !regla agregada 09/09/2024*/
	.callto-action-text h5 {
		text-align: center !important;
		font-size: 27px !important;
		margin: 15px !important;
	}
	/* !regla agregada 09/09/2024*/
	.callto-action-btn {
		text-align: center !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.search-icon-area {
		right: 20%;
		top: 25px;
		z-index: 999;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	/*Imagen hosting index 11 agosto*/
	.expertise-image img {
		width: 100%;
		text-align: center;
		margin-left: 50px;
	}
	/*tarjetas hardware antes 10px 11 agosto*/
	.counter-area-small {
		padding: 40px 0 40px 0;
	}

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

	.layer img {
		width: 270px;
	}

	.section-heading-1 h3 {
		font-size: 28px;
	}

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

	.home-about-text {
		margin-top: 250px;
		padding: 10px;
	}

	.expertise-image-header {
		margin-top: 200px;
	}

	.single-service {
		padding: 25px 15px;
	}

	.home-counter-text {
		margin-top: 70px;
	}
	.footer-logo img {
		width: 160px;
	}
	.footer-logo p {
		font-size: 15px;
		width: 164px;
	}

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

	.service-mt-30 {
		margin-top: 25px;
		/*cambio 7 de agosto agregue 5 px mas*/
	}
}

@media (min-width: 768px) and (max-width: 820px) {
	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.presentacion__titulo {
		margin-top: 62px;
		padding-top: 2%;
		font-size: 21px;
		padding-left: 119%;
		white-space: nowrap;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
	}

	.slogan {
		font-size: 13px;
		padding-left: 40px;
		margin-left: 2px;
		color: black;
	}

	.home-expertise-text {
		margin-top: 40px;
	}

	.expertise-image img {
		margin-top: 1.5%;
	}

	.home-counter-text {
		margin-top: 44px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}

	/* !!regla eliminada el 09/09/2024 */
	/* ya esta declarada en 768* 1024 */

	/* .home-blog-area {
		padding: 80px 55px !important;
	} */

	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}
	.section-heading-2 {
		padding: 80px 55px;
	}

	.main-counter-area {
		padding: 80px 55px;
	}

	.container_inicial {
		margin-bottom: -45%;
	}

	.textoCuadro {
		margin: 0px 46px;
		padding-top: 95px;
		padding-bottom: 0px;
		width: 188%;
	}
}

@media (min-width: 768px) {
	/*tarjetas index 10 de agosto*/
	.mision-critica {
		padding: 0px 10px;
	}

	.desarrollo {
		padding: 0px 10px;
	}

	.ocultar3 {
		display: inline;
	}

	/* !!regla eliminada-1 05/08/2024 */
	.big-banner {
		height: 230px;
	}

	.reingieneria {
		padding: 0px 10px 0px 10px;
	}

	.callto-action-btn a {
		margin-top: 0px;
	}

	.img-qr {
		/* !regla modificada 13/08/2024*/
		/* !regla modificada 04/09/2024*/
		margin-left: -10px !important;
		/* !regla modificada 13/08/2024*/
		padding-top: 50px !important;
	}

	.logo-slogan {
		display: none;
	}

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

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

	.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;
	}

	.services-area {
		padding-left: 40px;
		padding-right: 40px;
	}

	.section-heading-2 {
		padding: 0 40px;
	}

	.proyectos-area {
		padding-bottom: 60px;
	}

	.section-button {
		text-align: left;
	}

	.main-counter-area {
		padding: 120px 55px;
	}

	.section-heading-2 h4 {
		margin-top: 40px;
	}

	.service-mt-30 {
		margin-top: 25px;
		/*cambio 7 de agosto agregue 5 px mas*/
	}
	/*Cambios 14 de agosto - se dio padding a las tarjetas index y margin a nuestros servicios*/
	.service-text p {
		padding: 0 10px;
	}

	.h4_fondoAzul {
		margin-top: 40px;
	}

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

	/* !regla agregada 03/09/2024*/
	.footer-heading {
		text-align: center;
	}
	/* !regla agregada 03/09/2024*/
	.footer-content {
		text-align: center;
	}
	/* !regla agregada 03/09/2024*/
	.footer-columna-link {
		margin-left: 40px !important;
	}
	/* !regla agregada 03/09/2024*/
	.footer-content ul li a {
		font-size: 15px;
	}
	/* !regla agregada 03/09/2024*/
	#leadgenaration {
		text-align: center;
	}

	/* !regla agregada 07/10/2024*/
	#search {
		display: flex;
		justify-content: center;
		z-index: 1000;
	}

	/* hacer que el footer se vea repetido */
	/* !regla agregada 19/12/2024*/
	.big-footer {
		background-size: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* !nuevo agregado 03/08/2024 ocultar imagen giratoria de monitores en dispositivos moviles y tablets */

	.header-pattern-1 {
		display: none;
	}
	/* !regla agregada 13/08/2024*/
	.presentacion__titulo {
		margin-top: 62px;
	}
}

/* !######### A.3 FIN MEDIA QUERIES: TABLETS (768px a 1023px) ######## */

/* ------------------------------------------------------------- */

/* !####### A.4 MEDIA QUERIES: EQUIPOS MÓVILES (481px a 767px) ####### */

@media only screen and (max-width: 767px) {
	.seo-h1-titulos h1 {
		margin-top: 50px;
	}
}

@media only screen and (min-width: 667px) and (max-width: 767px) {
	.header-content-area {
		background-attachment: scroll;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		/*background-image: url(../img/bg_con_imagen_412x914px.jpg);*/
		background-repeat: no-repeat;
		max-width: 100%;
	}

	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.presentacion__titulo {
		margin-top: 62px;
		padding-top: 2%;
		font-size: 21px;
		padding-left: 60%;
		white-space: nowrap;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
	}

	.home-expertise-text {
		margin-top: 40px;
	}

	.expertise-image img {
		margin-top: 1.5%;
	}

	.home-counter-text {
		margin-top: 44px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.negrita {
		margin-left: 32%;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}
	.home-blog-area {
		padding: 80px 55px !important;
	}

	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}

	.section-heading-2 {
		padding: 80px 55px;
	}

	.main-counter-area {
		padding: 80px 55px;
	}

	.container_inicial {
		margin-bottom: -45%;
	}

	.textoCuadro {
		margin: 0px 46px;
		padding-top: 95px;
		padding-bottom: 0px;
		width: 131%;
	}

	.services-area {
		margin-top: 103%;
	}
}

@media only screen and (min-width: 637px) and (max-width: 666px) {
	.header-content-area {
		background-attachment: scroll;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(../img/bg_con_imagen_412x914px.jpg);
		background-repeat: no-repeat;
		max-width: 100%;
	}

	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.presentacion__titulo {
		margin-top: 62px;
		padding-top: 2%;
		font-size: 21px;
		padding-left: 60%;
		white-space: nowrap;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
	}

	.home-expertise-text {
		margin-top: 40px;
	}

	.expertise-image img {
		margin-top: 1.5%;
	}

	.home-counter-text {
		margin-top: 44px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.negrita {
		margin-left: 32%;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}

	.section-heading-2 {
		padding: 80px 55px;
	}

	.main-counter-area {
		padding: 80px 55px;
	}

	.container_inicial {
		margin-bottom: -45%;
	}
	.textoCuadro {
		margin: 0px 46px;
		padding-top: 95px;
		padding-bottom: 0px;
		width: 131%;
	}

	.services-area {
		margin-top: 124%;
	}
}

@media only screen and (min-width: 609px) and (max-width: 636px) {
	/* ? listo agregado a home */
	/* pertenece a home */
	.header-content-area {
		background-attachment: scroll;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(../img/bg_con_imagen_412x914px.jpg);
		background-repeat: no-repeat;
		max-width: 100%;
	}

	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.presentacion__titulo {
		margin-top: 62px;
		padding-top: 2%;
		font-size: 21px;
		padding-left: 60%;
		white-space: nowrap;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
	}

	.home-expertise-text {
		margin-top: 40px;
	}

	.expertise-image img {
		margin-top: 1.5%;
	}

	.home-counter-text {
		margin-top: 44px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.negrita {
		margin-left: 32%;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}

	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}

	.section-heading-2 {
		padding: 80px 55px;
	}

	.main-counter-area {
		padding: 80px 55px;
	}

	.container_inicial {
		margin-bottom: -45%;
	}

	.textoCuadro {
		margin: 0px 46px;
		padding-top: 95px;
		padding-bottom: 0px;
		width: 131%;
	}

	.services-area {
		margin-top: 126%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 609px) {
	.header-content-area {
		background-attachment: scroll;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(../img/bg_con_imagen_412x914px.jpg);
		background-repeat: no-repeat;
		max-width: 100%;
	}

	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.presentacion__titulo {
		margin-top: 62px;
		padding-top: 2%;
		font-size: 21px;
		padding-left: 60%;
		white-space: nowrap;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
	}
	.home-expertise-text {
		margin-top: 40px;
	}

	.expertise-image img {
		margin-top: 1.5%;
	}
	.home-counter-text {
		margin-top: 44px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.negrita {
		margin-left: 32%;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}

	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}

	.section-heading-2 {
		padding: 80px 55px;
	}

	.main-counter-area {
		padding: 80px 55px;
	}
	.container_inicial {
		margin-bottom: -45%;
	}

	.textoCuadro {
		margin: 0px 46px;
		padding-top: 95px;
		padding-bottom: 0px;
		width: 131%;
	}

	.services-area {
		margin-top: 138%;
	}
}

@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;
	}

	.header-pattern-2 {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.header-pattern-1 {
		display: none;
	}

	.layer {
		display: none;
	}

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

	.home-counter-text {
		margin-top: 70px;
		padding-right: 0;
	}

	.home-about-text {
		margin-top: -161px;
		padding-right: 0;
	}

	.home-expertise-text {
		margin-top: 70px;
		padding-right: 0;
	}

	.section-heading-2-p {
		padding-bottom: 45px !important;
	}

	.counter-area-small {
		padding-right: 0px;
	}

	.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;
	}

	.callto-action-btn {
		text-align: center;
	}

	.callto-action-text h5 {
		font-size: 22px;
	}
}

@media only screen and (min-width: 574px) and (max-width: 575px) {
	.header-content-area {
		background-attachment: scroll;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(../img/bg_con_imagen_412x914px.jpg);
		background-repeat: no-repeat;
		max-width: 100%;
	}

	.home-about-text2 p {
		font-size: 20px;
		line-height: 1.3;
	}

	.presentacion__titulo {
		margin-top: 62px;
		padding-top: 2%;
		font-size: 21px;
		padding-left: 0%;
		white-space: nowrap;
	}

	.expertise-image-header img {
		width: 111%;
		margin-top: -200px;
	}

	.home-expertise-text {
		margin-top: 40px;
	}

	.expertise-image img {
		margin-top: 1.5%;
	}

	.home-counter-text {
		margin-top: 44px;
	}

	.callto-action-btn a {
		margin-top: -3px;
	}

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

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.services-area {
		padding: 80px 55px;
	}

	.expertise-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}

	.servicioshome {
		padding: 80px 0px !important;
		margin-left: 0px;
	}

	.fix-padding-serviciosWG {
		padding: 0px 15px;
	}

	.section-heading-2 {
		padding: 80px 55px;
	}

	.main-counter-area {
		padding: 80px 55px;
	}

	.container_inicial {
		margin-bottom: -45%;
	}

	.textoCuadro {
		margin: 0px 46px;
		padding-top: 95px;
		padding-bottom: 0px;
		width: 83%;
	}

	.services-area {
		margin-top: 131%;
	}
}

@media only screen and (min-width: 533px) and (max-width: 575px) {
	.services-area {
		margin-top: 63%;
	}
}

@media only screen and (min-width: 507px) and (max-width: 533px) {
	.services-area {
		margin-top: 67%;
	}
}

@media (width: 480px) and (height: 800px) {
	/* !regla agregada 11/09/2024 */
	.img-mobile {
		margin-top: -6px !important;
	}
	/* fix de parrafo bienvenida */

	.textoCuadro {
		padding: 0px 19px !important;
	}

	/* fix nuestros servicios */
	/* !regla agregada 11/09/2024 */
	/* fix proyectos servicios wg */
	.servicioshome {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	/* !regla agregada 11/09/2024 */
	.reingieneria {
		padding: 0px 35px 0px 36px !important;
	}
	/* !regla agregada 11/09/2024 */
	.mision-critica {
		padding: 0px 35px 0px 36px !important;
	}
	/* !regla agregada 11/09/2024 */
	.desarrollo {
		padding: 0px 35px 0px 36px !important;
	}
	/* !regla agregada 11/09/2024 */
	.servicioshome .h4_fondoAzul h4 {
		margin-top: 50px !important;
	}
	/* !regla agregada 11/09/2024 */
	.section-heading-2 h4 {
		margin-left: 9px !important;
	}

	/* fix proyectos proyectos wg */
	/* !regla agregada 11/09/2024 */
	.proyectohome .h4_fondoAzul {
		margin-left: 4px !important;
	}
	/* !regla agregada 11/09/2024 */
	.proyectohome .h3_fondoAzul {
		margin-left: 3px !important;
	}
	/* !regla agregada 11/09/2024 */
	.proyectohome .p_fondoAzul {
		margin-left: 6px;
		padding-left: 0px;
		margin-right: 0px;
	}
	/* fix hosting */
	/* !regla agregada 11/09/2024 */
	/* #ns-hosting h4 {
		margin-right: 4px !important;
	} */
	/* !regla agregada 11/09/2024 */
	/* .section-heading-1 h4 {
		margin-right: 0px !important;
	} */
	/* !regla agregada 11/09/2024 */

	/* fix hosting padding*/
	/* !regla agregada 11/09/2024*/
	.expertise-area {
		padding: 80px 10px !important;
	}
	/* !regla agregada 11/09/2024*/
	.inicio-hosting .seo-h1-2 {
		margin-right: 10px;
	}
	/* !regla agregada 11/09/2024*/
	.inicio-hosting .section-button {
		margin-left: 2px !important;
	}
	/* fix hosting hardware*/
	/* !regla agregada 11/09/2024*/
	.main-counter-area {
		padding: 50px 10px !important;
	}
	/* !regla agregada 11/09/2024*/
	.home-counter-text .seo-h1-2 {
		margin-right: 10px;
	}
	/* fix blog area */
	/* !regla agregada 11/09/2024*/
	.marginindex {
		margin-right: 11px;
		margin-left: 11px;
	}
}

/* !###### A.4 FIN MEDIA QUERIES: EQUIPOS MÓVILES (481px a 767px). ###### */

/* ------------------------------------------------------------- */

/* !##### A.5 MEDIA QUERIES: EQUIPOS MÓVILES PEQUEÑOS (HASTA 480px) ##### */

@media only screen and (min-width: 466px) and (max-width: 507px) {
	.services-area {
		margin-top: 72%;
	}
}

@media only screen and (min-width: 439px) and (max-width: 465px) {
	.services-area {
		margin-top: 84%;
	}
}

@media (min-width: 431px) and (max-width: 767px) {
	.textoCuadro {
		font-size: 15px;
		padding: 0px 4px;
		margin-top: 33px;
	}

	.img-mobile {
		margin-top: -44px;
	}

	.home-expertise-text {
		margin-top: 36px;
		padding-right: 0;
	}

	.home-counter-text {
		margin-top: 50px;
		padding-right: 0;
	}

	.home-blog-area {
		padding: 25px 25px !important;
	}

	.main-counter-area {
		padding: 25px 25px;
	}

	.expertise-area {
		padding: 25px 25px;
	}

	.fix-padding-serviciosWG {
		padding: 25px 25px;
	}
	.home-about-text2 {
		padding-top: 13%;
	}

	.container_inicial {
		margin-bottom: -11%;
	}
}

/* iphone 14 Pro max */
@media only screen and (width: 430px) and (height: 932px) {
	/* fix de espacio entre texto y ola */
	/* !regla agregada 12/08/2024 */
	.services-area {
		margin-top: 96% !important;
	}
	/* !regla agregada 25/10/2024 */
	.cuadroVer {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
}

/* Iphone 13 pro max */
@media only screen and (width: 428px) and (height: 926px) {
	/* fix de espacio entre texto y ola */
	.services-area {
		margin-top: 97% !important;
	}
	/* !regla agregada 25/10/2024 */
	.cuadroVer {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
}

/* Media query para iphone 6 plus*/
@media only screen and (width: 414px) and (height: 736px) {
	.textoCuadro {
		font-size: 17px;
		/* !regla modificada-6 09/08/2024 */
		/* !regla modificada-1 13/08/2024 */
		padding: 0px 20px !important;
		margin-top: 33px;
	}
}

/*iphone 6/7/8 plus */
@media only screen and (width: 414px) and (max-height: 736px) {
	.services-area {
		/* !regla modificada 12/08/2024 */
		margin-top: 112% !important;
	}
}

@media (min-width: 412px) {
	/* fin fix de margin button de counters inicio */
	.mision-critica {
		padding: 0px 30px;
	}

	.desarrollo {
		padding: 0px 30px;
	}

	/*  fin fix padding hadware */
	.fix-padding-serviciosWG {
		padding: 0px 30px;
	}
}

@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;
	}

	.slogan {
		font-size: 13px;
		padding-left: 25px;
		margin-left: 15px;
	}
	.logo-principal .logo3d {
		width: 200px;
		margin-left: 0px;
	}

	.header-pattern-2 {
		visibility: hidden;
	}

	.largo {
		width: 300px;
		font-size: 9px;
		margin-left: -50px;
	}

	.expertise-image-header img {
		width: 100%;
		margin-left: 7px;
		margin-top: -204px;
	}

	.cuadroRemove1 {
		display: none;
	}

	/* mejora margenes y padding: */
	.cuadroVer {
		text-align: center;
		padding: 0px 25px 0px 25px;
		padding-top: 0;
		margin: 0px 0px 0px 0px;
	}

	.home-about-text2 {
		padding-top: 0px;
		margin-top: 0px;
	}

	.big-banner {
		padding: 0;
		margin: 0;
	}

	/* !!regla eliminada 13/08/2024*/

	.p_fondoAzul {
		font-size: 17px;
	}

	.service-text p {
		font-size: 16px;
		line-height: 21px;
	}

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

	.services-area {
		padding: 90px 0px 0px 0px;
		position: relative;
		margin-top: 130px;
	}

	.negrita {
		font-weight: 500 !important;
		text-align: center;
	}

	.img-mobile {
		width: 130px;
		margin: 0 auto;
		margin-top: -28px;
	}

	.servive-p-1 {
		position: absolute;
		top: -50px;
		left: -30px;
	}

	.section-heading-2 {
		padding: 0px 15px 0px 15px;
	}

	.home-about-text2 {
		padding: 0px 0px 0px 0px;
	}

	.p_fondoAzul p {
		padding: 0px;
		margin: 0;
	}

	.section-heading-2 {
		padding-top: 0px;
	}

	.proyectos-area {
		padding: 40px 0px;
	}

	.reingieneria {
		padding: 0px 30px 0px 30px;
	}

	.service-text {
		margin-bottom: 10px;
	}

	.mision-critica {
		padding: 0px 10px;
	}

	.desarrollo {
		padding: 0px 10px;
	}

	.slick-arrow {
		display: none !important;
	}

	.section-button {
		text-align: left;
	}

	.section-button a {
		margin-bottom: 20px;
	}

	.proyectos-area {
		border-bottom-left-radius: 75% 10%;
		border-bottom-right-radius: 75% 10%;
	}

	.expertise-area {
		padding: 50px 15px;
		background-color: #fff;
	}

	/* imagen en movimiento hosting: cambio de ancho 11 agosto */

	.e-pattern img {
		margin-top: 74px;
		margin-right: 36px;
		height: 87px;
	}

	.separador-img {
		text-align: center;
		width: 35%;
	}

	.main-counter-area {
		padding: 50px 15px;
	}

	.row-hardware {
		margin: 0;
		padding: 0;
	}

	p {
		font-size: 17px;
	}

	.home-blog-area {
		background-color: #f7fff7;
		padding: 120px 40px;
		margin-top: 30px;
	}

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

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}

	#p1 {
		order: 2;
	}

	#p2 {
		order: 1;
	}
	/* !regla agregada-1 09/09/2024 */
	/* se quita el important del padding */
	.home-blog-area {
		background-color: #f7fff7;
		padding: 50px 15px;
	}
}

/* Media query para sansung S20 */
@media only screen and (width: 412px) and (height: 915px) {
	.textoCuadro {
		font-size: 17px;
		/* !regla agregada-1 11/08/2024 */
		padding: 0px 10px !important;
		margin-top: 33px;
	}

	/* !regla agregada 12/08/2024 */
	.services-area {
		margin-top: 115% !important;
	}
}
/* Media query para sansung A51/71 */
@media only screen and (width: 412px) and (height: 914px) {
	.textoCuadro {
		font-size: 17px;
		/* !regla modificada-5 09/08/2024 */
		padding: 0px 10px !important;
		margin-top: 33px;
	}
	/* Fix entre texto y ola */
	.services-area {
		/* !regla agregada 12/08/2024 */
		margin-top: 115% !important;
	}
}
@media only screen and (min-width: 412px) and (max-width: 413px) {
	.services-area {
		margin-top: 100%;
	}
}

@media (min-width: 412px) and (max-width: 412px) {
	.home-about-text2 {
		padding-top: 107% !important;
	}

	.big-banner {
		margin-top: 10% !important;
	}
}

/* Media query para iphone 14 PRO new */
@media only screen and (width: 393px) and (height: 852px) {
	.textoCuadro {
		font-size: 17px;
		/* !regla modificada-5 09/08/2024 */
		padding: 0px 10px !important;
		margin-top: 33px;
	}
	/* !regla agregada 11/08/2024 */
	.container_inicial {
		margin-top: -5px !important;
	}

	/* !regla agregada 11/08/2024 */
	.home-about-text2 {
		padding-top: 2% !important;
	}
	/* fix de espacio entre texto y ola */
	/* !regla agregada 11/08/2024 */
	.services-area {
		margin-top: 108% !important;
	}
	/* !regla agregada 12/08/2024 */
	/* fix padding proyecto de home */
	.homeproyecto {
		padding: 0px !important;
	}
	/* !regla agregada 12/08/2024 */
	/* fix mover boton leer mas a la izquierda */
	.home-expertise-text {
		text-align: left;
		position: relative;
		z-index: 1;
	}

	/* !regla agregada 12/08/2024 */
	/* fix mover boton leer mas a la izquierda */
	.home-counter-text {
		text-align: left;
		position: relative;
		z-index: 1;
	}
}

@media only screen and (min-width: 391px) and (max-width: 412px) {
	.services-area {
		padding: 90px 0px 0px 0px;
		position: relative;
		margin-top: 134%;
	}

	.fix-padding-serviciosWG {
		padding: 25px 25px !important;
	}

	.reingieneria {
		padding: 0px 35px 0px 35px !important;
	}

	.mision-critica {
		padding: 0px 35px 0px 35px !important;
	}

	.desarrollo {
		padding: 0px 35px 0px 35px !important;
	}

	.cuadroVer {
		padding: 25px;
	}

	.textoCuadro {
		font-size: 17px;
		padding: 10px;
		margin-top: 33px !important;
	}

	/* !!regla eliminada-5 08/08/2024*/

	.container_inicial {
		/* !regla modificada-2 08/08/2024*/
		margin-top: -18%;
	}

	.negrita {
		margin-bottom: 20px !important;
	}

	.home-about-text2 {
		margin-top: -118% !important;
		padding: 10px;
	}

	.big-banner {
		margin-top: 24% !important;
	}
}

@media only screen and (min-width: 391px) and (max-width: 411px) {
	.img-fluid {
		display: none;
	}

	.big-banner {
		margin-top: -18%;
	}

	.container_inicial {
		margin-top: 133px;
	}

	.home-about-text2 {
		margin-top: -243%;
		padding: 10px;
	}

	.home-blog-area {
		padding: 25px 25px !important;
	}

	.main-counter-area {
		padding: 25px 25px;
	}

	.expertise-area {
		padding: 25px 25px;
	}

	.fix-padding-serviciosWG {
		padding: 10px;
		margin-top: 60px;
	}

	.proyectos-area {
		padding: 25px;
	}

	.homeproyecto {
		padding: 0px;
	}

	.p_fondoAzul {
		font-size: 17px;
	}

	.service-text p {
		font-size: 16px;
		line-height: 21px;
	}

	.section-heading-2 {
		padding-top: 0px;
	}

	.services-area {
		padding: 25px 0px 0px 0px !important;
	}

	.section-heading-2 {
		padding: 0px;
	}

	.services-area {
		margin-top: 111%;
	}

	.home-expertise-text {
		margin-top: 79px;
	}

	.home-counter-text {
		margin-top: 32px;
	}

	.proyectos-area {
		border-bottom-left-radius: 75% 10%;
		border-bottom-right-radius: 75% 10%;
	}

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

	.textoCuadro {
		font-size: 17px;
		padding: 0px;
		margin-top: 33px;
	}

	.e-pattern img {
		margin-top: 74px;
		margin-right: 36px;
		height: 87px;
	}

	.right-arrow,
	.left-arrow {
		visibility: hidden;
	}

	/*estos 3 comandos me pone la imagen de hosting abajo del texto*/
	.expertise-area .container .row {
		display: flex;
		flex-direction: column;
	}

	#p1 {
		order: 2;
	}

	#p2 {
		order: 1;
		padding: 0px;
	}

	.header-pattern-2 img {
		visibility: hidden;
	}

	/*espacio robot*/
	.container-client {
		margin-top: 40px;
	}
}

@media only screen and (min-width: 391px) and (max-width: 392px) {
	.img-fluid {
		visibility: hidden;
	}

	.textoCuadro {
		font-size: 17px;
		padding: 0px 4px;
		margin-top: 33px;
	}
}

@media only screen and (max-width: 390px) and (max-width: 850px) {
	.ocultar {
		display: none;
	}

	#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;
	}

	.slogan {
		font-size: 15px;
		padding-left: 15px;
	}

	.logo-principal .logo3d {
		width: 200px;
		margin-left: -40px !important;
	}

	.header-pattern-2 {
		visibility: hidden;
	}

	.largo {
		width: 300px;
		font-size: 9px;
		margin-left: -50px;
	}

	.expertise-image-header img {
		width: 100%;
		margin-left: 7px;
	}

	.cuadroRemove1 {
		display: none;
	}

	.cuadroVer {
		text-align: center;
		padding: 0px 25px 0px 25px;
		padding-top: 0;
		margin: 0px 0px 0px 0px;
	}

	.home-about-text2 {
		padding-top: 0px;
		margin-top: 0px;
	}

	.big-banner {
		padding: 0;
		margin: 0;
	}

	.textoCuadro {
		font-size: 15px;
		padding: 0px 4px;
	}

	.p_fondoAzul {
		font-size: 17px;
	}

	.service-text p {
		font-size: 16px;
		line-height: 21px;
	}

	.services-area {
		padding-top: 50px;
		margin-top: 200px;
	}

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

	.services-area {
		padding: 90px 0px 0px 0px;
		position: relative;
	}

	.servive-p-1 {
		position: absolute;
		top: -50px;
		left: -30px;
	}

	.section-heading-2 {
		padding: 0px 15px 0px 15px;
	}

	/*! regla modificada el 25/10/2024 */
	.home-about-text2 {
		padding: 0px 0px 0px -1px;
	}

	.p_fondoAzul p {
		padding: 0px;
		margin: 0;
	}

	.section-heading-2 {
		padding-top: 0px;
	}

	.proyectos-area {
		padding: 40px 0px;
	}

	.reingieneria {
		padding: 0px 30px 0px 30px;
	}

	.service-text {
		margin-bottom: 10px;
	}

	.slick-arrow {
		display: none !important;
	}

	.section-button {
		text-align: left;
	}
	.proyectos-area {
		border-bottom-left-radius: 75% 10%;
		border-bottom-right-radius: 75% 10%;
	}

	.expertise-area {
		padding: 120px 17px;
		background-color: #fff;
	}

	.separador-img {
		margin-bottom: 0px;
		text-align: center;
		width: 35%;
	}

	.hardware-p {
		padding: 10px;
		margin: 0;
		font-size: 17px;
	}

	.main-counter-area {
		padding: 50px 15px;
	}

	.row-hardware {
		margin: 0;
		padding: 0;
	}

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

	.home-blog-area {
		background-color: #f7fff7;
		padding: 120px 40px;
	}

	.expertise-area {
		padding: 50px 15px;
		background-color: #fff;
	}

	.e-pattern img {
		margin-top: 74px;
		margin-right: 36px;
		height: 87px;
	}

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

	.section-button a {
		margin-bottom: 23px;
	}

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}

	#p1 {
		order: 2;
	}

	#p2 {
		order: 1;
	}

	.home-blog-area {
		background-color: #f7fff7;
		padding: 50px 15px !important;
	}
}

@media only screen and (min-width: 390px) {
	.fix-padding-serviciosWG {
		padding: 0px 30px;
	}
}

@media only screen and (max-width: 390px) and (max-width: 844px) {
	.textoCuadro {
		font-size: 17px;
		/* !regla modificada-4 09/08/2024 */
		/* !! se elimina por bug en sansunmg a51 y iphone 12 18/10/2024 */
		/* padding: 0px 0px 0px 20px; */
		margin-top: 33px;
	}

	/* !regla agregada-4 11/08/2024 */
	/* fix slogan */
	.negrita {
		font-weight: 500 !important;
		text-align: center;
	}
}
/* Media query para iphone 12 pading bienvenida */
@media only screen and (width: 390px) and (height: 844px) {
	.textoCuadro {
		font-size: 17px;
		margin-top: 33px;
		padding-left: 20px;
		padding-right: 0px !important;
		/* !regla agregada 28/10/2024 */
		padding-top: 10px;
	}
}

@media only screen and (min-width: 390px) and (max-width: 390px) and (min-height: 844px) and (max-height: 844px) {
	/* 	section .services-area {
		margin-top: 117% !important;
	} */
}

/* Media query para sansung S21 plus */
@media only screen and (width: 384px) and (height: 854px) {
	.textoCuadro {
		font-size: 17px;
		/* !regla agregada-2 11/08/2024 */
		padding: 0px 5px 0px 20px !important;
		margin-top: 33px;
	}
	/* !regla agregada-3 11/08/2024 */
	/* fix slogan */
	.negrita {
		font-weight: 500 !important;
		text-align: center;
		margin-inline-start: 8px;
	}
}

@media only screen and (min-width: 376px) and (max-width: 390px) {
	.container_inicial {
		/* !regla modificada-3 08/08/2024*/
		margin-top: 1.5%;
	}

	.home-about-text2 {
		margin-top: -15%;
	}
}

@media (min-width: 375px) and (max-width: 1024px) {
	.section-heading-1 h4 {
		margin-right: 10px;
	}

	.section-heading-1 h3 {
		margin-right: 10px;
	}

	.e-pattern img {
		margin-right: 52px;
	}
}

@media (min-width: 375px) and (max-width: 820px) {
	.section-heading-2 h3 {
		margin-left: 11px;
	}

	.section-heading-2 h4 {
		margin-left: 11px;
	}

	.services-area {
		margin-top: 91%;
	}

	.reigeneriatexto {
		padding: 0px !important;
	}
	/* !regla agregada-1 06/08/2024 */
	.counter-area-small {
		padding: 0px 10px;
	}
}

/* Media query para iphone 6 y 6 plus */
@media only screen and (max-width: 375px) and (max-width: 667px) {
	.textoCuadro {
		font-size: 17px;
		/* !regla modificada-2 09/08/2024 */
		padding: 0px 15px 0px 20px;
		margin-top: 33px;
	}

	/* fix slogan */
	/* !regla agregada-5 11/08/2024 */
	.negrita {
		font-weight: 500 !important;
		text-align: center;
		margin-inline-start: 3px;
	}

	/* fix de espacio entre texto y ola */

	/* !regla agregada 12/08/2024 */
	.services-area {
		margin-top: 139% !important;
	}
}
/* fix padding bienvenida iphone 6 */
@media only screen and (width: 375px) and (height: 667px) {
	.textoCuadro {
		padding-right: 15px !important;
	}
}

@media (min-width: 375px) and (max-width: 430px) {
	.textoCuadro {
		/* !regla modificada-3 09/08/2024 */
		font-size: 17px;
		margin-top: 33px;
		/* !regla agregada 13/08/2024 */
		/* !! se elimina por bug en iphone 12  el 25/10/2024 */
		/* 	padding-left: 20px; */
		/* !regla agregada 13/08/2024 */
		/* !! se elimina por bug en sansumg A51 y iphone 12 18/10/2024 */
		/* padding-right: 20px; */
	}
	.cuadroVer {
		padding: 25px;
	}

	.img-mobile {
		margin-top: -9px;
	}

	.home-expertise-text {
		margin-top: 36px;
		padding-right: 0;
	}

	.home-counter-text {
		margin-top: 50px;
		padding-right: 0;
	}

	.marginindex {
		padding: 35px 35px !important;
	}

	.main-counter-area {
		padding: 25px 25px;
	}

	.expertise-area {
		padding: 25px 25px;
	}

	.reingieneria .desarrollo .mision-critica {
		padding: 35px 35px !important;
	}

	.reingieneria {
		padding: 0px 35px 0px 35px !important;
	}

	.mision-critica {
		padding: 0px 35px 0px 35px !important;
	}

	.desarrollo {
		padding: 0px 35px 0px 35px !important;
	}

	.hosthome {
		padding: 10px;
	}

	/* !!regla eliminada-1 09/08/2024*/

	.home-about-text2 {
		padding-top: 13%;
	}

	.big-banner {
		margin-top: 6%;
	}

	.home-about-text2 {
		margin-top: -26%;
	}

	.section-heading-2 {
		padding: 0px !important;
	}

	.homeproyecto {
		padding: 25px;
	}

	#p2 {
		padding: 0px;
	}

	.container-client {
		margin-top: 40px;
	}

	.services-area {
		margin-top: 134%;
	}
}

@media only screen and (min-width: 375px) {
	/* !!regla eliminada-2 09/08/2024*/
}

/* fix de espacio que cubria el texto con la ola */
@media only screen and (min-width: 360px) and (max-width: 932px) {
	/* !!regla modificada-1 06/08/2024 */
}

@media only screen and (min-width: 360px) {
	/* !!regla eliminada-3 09/08/2024*/
}

/* fix espacio entre empresa y saludo inicial en reponsive vertical A51/Iphone 12 PRO: */

@media only screen and (min-width: 350px) and (max-width: 932px) {
	.negrita {
		margin-bottom: 20px !important;
	}
	/* !!regla eliminada 14/08/2024*/

	.img-mobile {
		width: 200px !important;
		margin-bottom: 6px !important;
	}

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

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

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

	p {
		/*margin-bottom: -5px !important;*/
		font-size: 17px;
		padding: 10px;
	}

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

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

	.mision-critica {
		padding: 0px 30px;
	}

	.desarrollo {
		padding: 0px 30px;
	}

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

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

	/* !!regla modificada-1 06/08/2024 */

	.negrita {
		font-weight: 500 !important;
		text-align: center;
	}

	.img-mobile {
		width: 130px;
		margin: 0 auto;
		/* !regla modificada-1 06/08/2024 */
		/* !regla modificada-1 08/08/2024 */
		/* !regla modificada 11/08/2024 */
		margin-top: 22px;
	}

	.section-button a {
		margin-left: 10px;
	}
}

@media only screen and (min-width: 350px) {
	/* !!regla eliminada-4 09/08/2024*/

	/* !regla agregada-1 09/08/2024*/
	.fix-padding-serviciosWG {
		padding: 25px 25px;
	}
}

@media only screen and (max-width: 325px) and (-webkit-min-device-pixel-ratio: 2) {
	.header-content-area {
		background-image: url('../img/bg_con_imagen_412x914px.jpg');
		max-width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.container-client {
		background-image: url('../img/home/banner/clientebackground.png');
		max-width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.header-content-area {
		background-attachment: scroll;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(../img/bg_con_imagen_412x914px.jpg);
		background-repeat: no-repeat;
		max-width: 100%;
	}

	/* !nuevo agregado 03/08/2024 ocualtar imagen giratoria de monitores en dispositivos moviles y tablets */

	.header-pattern-1 {
		display: none;
	}
	/* !nuevo agregado 03/08/2024 ocultar logo en en dispostivos moviles */
	.ocultar {
		display: none;
	}
	/* !nuevo agregado 03/08/2024 ocultar slogan en dispostivos moviles */
	.slogan {
		display: none;
	}

	/* !regla agregada-1 07/08/2024 */
	.callto-action-text {
		font-size: 27px;
		text-align: center;
	}
	/* !regla agregada-2 07/08/2024 */
	.callto-action-btn {
		text-align: center;
		/* margin-top: 30px; */
	}

	/* !regla agregada-3 07/08/2024 */
	.footer-logo p {
		font-size: 15px;
		margin-top: 20px;
		padding: 0px 16px;
	}
	/* !regla agregada-4 07/08/2024 */
	.footer-content ul li a {
		font-size: 15px;
	}
	/* !regla agregada-5 07/08/2024 */
	.footer-heading h3 {
		margin-top: 18px;
	}

	/* !regla agregada-6 07/08/2024 */
	/* social centrado*/
	.social {
		text-align: center;
		margin-left: 0px;
	}

	/* !regla agregada-7 07/08/2024 */
	.footer-columna-link {
		text-align: center;
		margin-left: 0px;
	}
	/* !regla agregada-8 07/08/2024 */

	/* !! revisar esto porque mueve el qr a la derecha( lo arregla la linea 2736 regla .img-qr {margin-left: -10px !important; padding-top: 50px;})*/
	.footer-heading {
		text-align: center;
	}
	/* !regla agregada-9 07/08/2024 */
	.footer-content {
		text-align: center;
	}
	/* !regla agregada-10 07/08/2024 */
	#leadgenaration {
		text-align: center;
	}
	/* !regla agregada-11 07/08/2024 */
	.footer-logo {
		margin-left: 0px;
	}

	/* !regla agregada-12 07/08/2024 */
	.footer-logo img {
		margin-left: 36px;
	}
	/* !regla agregada-13 07/08/2024 */
	.footer-logo {
		margin-left: 0px;
	}
	/* !regla agregada-14 07/08/2024 */
	.img-qr {
		margin-left: -10px !important;
		padding-top: 50px;
	}
	/* !regla agregada-14 07/09/2024 */
	.seo-h1-1 {
		margin-left: 9px !important;
	}
}

@media only screen and (min-width: 320px) {
	.expertise-image-header {
		padding-top: 79px;
		padding-right: 0px;
		width: 95%;
	}
}

/* !## A.5 FIN MEDIA QUERIES: EQUIPOS MÓVILES PEQUEÑOS (HASTA 480px) ## */

/* ?============================================================  */
/* ?======================== FIN A. HOME =======================  */
/* ?============================================================  */

/* ------------------------------------------------------------- */

/*? ============================================================  */
/*? ====================  B. SOBRE NOSOTROS ====================  */
/* ?============================================================  */

/* !######### B.1 MEDIA QUERIES: MONITORES XXL (1440px a 4K) ########## */
/* 1 */
@media (min-width: 1920px) {
	.pixel5 {
		margin-top: 13px;
		padding: 0px;
		font-size: 18px;
	}

	.texto1270 {
		margin-top: -39px;
	}

	.youtube-video-wrapper {
		background-size: contain;
		padding: 150px 0px;
		width: 103.8%;
		height: 60%;
		margin-top: 33%;
	}

	.seccion-curva .curve img {
		width: 100%;
		height: 100% !important;
	}
	.seccion-curva img {
		width: 100%;
		height: 123px !important;
		margin-top: 0px !important;
	}

	.contact-hero-banner img {
		width: 100%;
		height: 83vh !important;
	}
	/* !regla modificada 08/11/2024*/
	.seo-h1-titulos .sobrenosotros {
		text-transform: capitalize;
		font-weight: 700;
		margin-bottom: 40px;
		position: relative;
		font-size: 35px !important;
		display: inline-block;
		margin-top: -7px !important;
	}

	/* !regla modificada 14/09/2024*/
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 141px 0px !important;
		width: 102.8% !important;
		height: 61% !important;
		margin-top: 32.8% !important;
		margin-left: 0px !important;
		background-position: center;
		background-repeat: no-repeat;
	}
	/* !regla agregada 14/09/2024*/
	.about-section-separate {
		margin-top: 28px !important;
	}
	/* !regla agregada 12/09/2024*/
	.about-team img {
		margin-left: -5px !important;
		margin-top: 6px !important;
		width: 100% !important;
		height: 32vh; /* !regla modificada 14/09/2024*/
	}

	/* !regla agregada 12/09/2024*/
	.politica-area {
		padding: 120px 45px !important;
	}
}

/* 2 */

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
	/* .youtube-video-wrapper {
		background-size: contain;
		padding: 150px 0px;
		width: 103.8%;
		height: 61%;
		margin-top: 32.2%;
	} */

	/* !regla modificada 14/09/2024*/
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 133px 0px !important;
		width: 102.8% !important;
		height: 62% !important;
		margin-top: 32.5% !important;
		margin-left: 0px !important;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* !regla agregada 14/09/2024*/
	.about-section-separate {
		margin-top: 65px !important;
	}

	/* !regla agregada 13/09/2024*/
	.about-team img {
		margin-left: -5px !important;
		margin-top: 6px !important;
		width: 100% !important;
		height: 35.5vh; /* !regla modificada 14/09/2024*/
	}

	/* !regla agregada 13/09/2024*/
	.politica-area {
		padding: 120px 45px !important;
	}

	.pixel5 {
		margin-top: 13px;
		padding: 0px;
		font-size: 18px;
	}

	.texto1270 {
		margin-top: -39px;
	}
}

/* 3 */
@media (min-width: 1440px) {
	.seccion-curva .curve {
		position: absolute;
		bottom: -204px;
		height: 360px;
		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; */
	}

	/* !regla agregada 23/08/2024*/
	.popup-gallery {
		display: inline-block;
		position: relative;
		margin-top: 10px !important;
	}
}

/* !###### B.1 FIN MEDIA QUERIES: MONITORES XXL (1440px a 4K). ####### */

/* -------------------------------------------------------------- */

/* !## B.2 MEDIA QUERIES: MONITORES EXTRA GRANDES (1024px a 1439px) ## */

/* 1 */
@media only screen and (min-width: 1366px) and (min-height: 1439px) {
	/* .youtube-video-wrapper {
		
		margin-top: 40%;
	} */

	.about-section-separate {
		/*baja el texto de vision y mision y la imagen*/
		margin-top: 70px;
	}

	.pixel5 {
		margin-top: 13px;
		padding: 0px;
		font-size: 18px;
	}

	.texto1270 {
		margin-top: -39px;
	}

	/* !regla agregada 23/08/2024*/
	.popup-gallery {
		display: inline-block;
		position: relative;
		margin-top: 70px;
	}
	/* !regla agregada 26/08/2024*/
	.acordeon {
		margin: 20px 10px !important;
	}
}
/* !regla agregada 15/09/2024*/
@media only screen and (min-width: 1366px) and (max-width: 1439px) {
	/* Estilos específicos para pantallas con un ancho entre 1366px y 1439px */
	/* !regla agregada 15/09/2024*/
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 170px 0px !important;
		width: 102.8% !important;
		height: 62% !important;
		margin-top: 35% !important;
		margin-left: 0px !important;
		background-position: center;
		background-repeat: no-repeat;
	}
}

/* 2 */

@media (min-width: 1366px) {
	/* centar robot */
	.separador-img img {
		margin-left: 0px;
	}

	.youtube-video-wrapper {
		background-size: contain;
		padding: 150px 0px;
		width: 103.8%;
		height: 68%;
	}
}

/* 3 */
@media (min-width: 1270px) and (max-width: 1365px) {
	.youtube-video-wrapper {
		margin-top: 56%;
		width: 104%;
		height: 32%;
	}

	.about-section-separate {
		margin-top: 5px;
	}

	.texto1270 {
		position: absolute;
		top: 25px;
		left: 102%;
		z-index: 2;
		padding: 20px;
		background-color: transparent;
	}

	.textoarriba2 {
		position: absolute;
		top: 97px;
		left: 102%;
		z-index: 2;
		padding: 20px;
		background-color: transparent;
	}
}

/* 4 */
@media only screen and (min-width: 1270px) {
	.about-team img {
		width: 100%;
		border-radius: 15px;
		margin-top: 19px;
	}
	/* !!ojo con esto revisar bien */
	/* ? listo agregado al home */
	.section-heading-3 h3 {
		margin-top: -7px;
	}

	/* !! eliminado cambio ya que va en servicios (hardware) */

	/* .cambio h3 {
		margin-top: 105px;
	} */
}
/* !regla agregada 14/09/2024*/
@media (min-width: 1200px) and (max-height: 675px) {
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 108px 0px !important;
		width: 104.2% !important;
		height: 38.3% !important;
		margin-top: 62.5% !important;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* !regla agregada 14/09/2024*/
	.about-section-separate {
		margin-top: 34px !important;
	}
	/* !regla agregada 14/09/2024*/
	.politica-area {
		padding: 120px 42px !important;
	}

	/* !regla agregada 14/09/2024*/
	.valores-area .container {
		width: 100%;
		padding-right: 10px;
		padding-left: 12px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1200px) and (min-height: 675px) and (max-height: 675px) {
	/* !regla agregada 14/09/2024*/
	.about-team img {
		/* Aquí puedes agregar las reglas específicas para esta resolución */
		margin-top: 67px !important;
	}
}

/* 5 */
@media only screen and (min-width: 1185px) and (max-width: 1269px) {
	.youtube-video-wrapper {
		margin-top: 62%;
	}
}
/* 5 */
@media only screen and (min-width: 1088px) and (max-width: 1269px) {
	.texto1270 {
		position: absolute;
		top: 22px;
		left: 101%;
		z-index: 2;
		padding: 20px;
		background-color: transparent;
	}

	.textoarriba2 {
		top: 111px;
	}

	.youtube-video-wrapper {
		margin-top: 68%;
		width: 105%;
		height: 33%;
		margin-left: -6px;
	}
}

/* 6 */
@media (min-width: 1024px) and (max-width: 1087px) {
	.youtube-video-wrapper {
		margin-top: 83%;
		width: 105%;
		height: 33%;
		margin-left: -6px;
	}

	.textoarriba2 {
		top: 111px;
	}

	.about-section-title h4 {
		margin-left: 0px;
	}

	.texto1270 {
		position: absolute;
		top: 22px;
		left: 101%;
		z-index: 2;
		padding: 20px;
		background-color: transparent;
	}
}

/* 7 */
@media (min-width: 1024px) {
	.separador-img img {
		margin-left: 0px;
	}

	.footer-logo p {
		margin-top: 12px;
	}

	.youtube-video-wrapper {
		background-size: contain;
		padding: 100px 0px;
	}

	.about-team img {
		width: 100%;
		border-radius: 15px;
		/* !regla modificada 16/08/2024*/
		margin-top: 20px;
	}

	.about-section-title h4 {
		margin-left: 0px;
	}

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

	.cambio h3 {
		margin-top: 105px;
	}
	/* !regla modificada 16/08/2024*/
	.about-content-p {
		font-size: 18px !important;
	}

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

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

	.seo-h1-titulos h1 {
		text-transform: capitalize;
		font-weight: 700;
		margin-bottom: 40px;
		position: relative;
		font-size: 35px !important;
		display: inline-block;
		/* !!funciona solo cuango abre en responsively */
		/* margin-top: 10px; */
	}

	.abou-us-area {
		padding: 120px !important;
	}
}
/* !regla agregada 15/09/2024*/
@media (width: 992px) and (height: 800px) {
	/* !regla agregada 15/09/2024*/
	.about-section-title h4 {
		padding-left: 0px !important;
		margin-left: 9px !important;
	}

	/* !regla agregada 15/09/2024*/
	.about-content-wg {
		padding-right: 0px !important;
		margin-left: 16px;
		margin-right: 16px;
	}
	/* !regla agregada 15/09/2024*/
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 130px 0px !important;
		width: 97.3% !important;
		margin-left: 11px !important;
		margin-top: 6.7% !important;
		margin-bottom: 42% !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}

	/* !regla agregada 15/09/2024*/
	.about-content-vision {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	/* !regla agregada 15/09/2024*/
	.visiontexto {
		padding: 10px 10px !important;
	}
	/* !regla agregada 15/09/2024*/
	.about-content-vision p {
		padding-right: 10px;
		padding-left: 10px;
	}
	/* !regla agregada 15/09/2024*/
	.visiontitulo {
		margin-right: 10px;
	}
	/* !regla agregada 15/09/2024*/
	.misiontitulo {
		margin-right: 10px;
	}
	/* !regla agregada 15/09/2024*/
	.nosotros768 .about-team img {
		margin-left: 12px !important;
		margin-top: 15px !important;
		width: 97.3% !important;
		/* transform: translateY(-148px) !important; */
		transform: translateY(-94px) !important;
	}
	/* !regla agregada 15/09/2024*/
	.acordeon-cuerpo .acordeon {
		margin: 20px 15px !important;
	}
	/* !regla agregada 15/09/2024*/
	.about-team {
		padding-top: 30px !important;
	}
	/* !regla agregada 15/09/2024*/
	.abou-us-area {
		/* margin-bottom: -108px; */
		margin-bottom: -55px;
	}
	/* !regla agregada 15/09/2024*/
	.about-section-separate {
		margin-top: 42px !important;
	}
	/* !regla agregada 15/09/2024*/
	.acordeon-cuerpo .acordeon {
		margin: 20px 37px !important;
	}
	/* !regla agregada 15/09/2024*/
	.politica-area {
		padding: 60px 67px 25px 66px !important;
	}

	.seccion-curva .curve img {
		width: 100%;
		height: 100% !important;
	}
}
/* 8 */

/* !## B.2 MEDIA QUERIES: MONITORES EXTRA GRANDES (1024px a 1439px) ## */

/* -------------------------------------------------------------- */

/* !#########  B.3 MEDIA QUERIES: TABLETS (768px a 1023px) ########### */
/* Ipad PRO */
@media only screen and (min-width: 1024px) and (min-height: 1366px) {
	/* !regla modificada 26/08/2024*/
	.about-us-area {
		padding: 80px;
		padding-left: 55px !important;
		padding-right: 55px !important;
	}
	/* !regla modificada 26/08/2024*/
	.youtube-video-wrapper {
		background-size: cover !important;
		margin-top: 83% !important;
		width: 105%;
		height: 33%;
		margin-left: -6px;
		background-position: center;
		background-repeat: no-repeat;
	}
	/* !regla modificada 26/08/2024*/
	.popup-gallery {
		margin-top: 25px;
	}
	/* !regla modificada 26/08/2024*/
	.about-team img {
		width: 100%;
		border-radius: 15px;
		margin-top: 57px;
	}
	/* !regla modificada 26/08/2024*/
	.acordeon {
		margin: 20px 10px !important;
	}
	/* !regla modificada 26/08/2024*/
	.politica-area {
		padding: 60px 40px 25px 40px !important;
	}

	/* !regla agregada 26/08/2024*/
	.about-politicas img {
		width: 98%;
		border-radius: 15px;
		margin-bottom: 120px;
		margin-left: 2.3%;
		margin-top: 30px;
	}
}
/* !regla agregada 16/09/2024*/
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 768px) {
	/* !regla agregada 16/09/2024*/
	.youtube-video-wrapper {
		padding: 106px 0px !important;
		background-size: cover !important;
		margin-top: 104.5% !important;
		width: 105%;
		height: 33%;
		margin-left: -6px;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* !regla agregada 16/09/2024*/
	.about-team img {
		margin-left: -14px !important;
		margin-top: 67px !important;
		width: 101.6%;
	}
	/* !regla agregada 16/09/2024*/
	.politica-area {
		padding: 60px 40px 25px 40px !important;
	}
}

@media only screen and (min-width: 933px) and (max-width: 1023px) {
	.about-content-p {
		font-size: 16.5px;
		padding: 10px;
	}

	.nosotros768 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pixel5 {
		font-size: 16.5px;
		width: 100%;
		padding-top: 10px;
		padding-left: 9px;
	}

	.textoarriba.about-content-p {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -36px;
	}

	.youtube-video-wrapper {
		margin-top: 7%;
		width: 100%;
		margin-left: -1px;
		height: 290px;
		padding-top: 120px;
	}

	.about-content-vision {
		margin-top: -81%;
	}

	.pixel5 {
		font-size: 16.5px;
		width: 99%;
		padding-top: 0px;
		padding-left: 9px;
	}

	.about-team img {
		width: 101%;
		object-fit: cover;
		height: 296px;
		margin-top: 41%;
		margin-left: -7px;
	}

	.texto1270.about-content-p {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -55px;
	}

	.about-section-title h4 {
		margin-left: 9px;
	}

	.search-icon-area i {
		color: #fff;
		background-color: transparent;
		font-size: 27px;
		padding: 7px;
		border-radius: 50%;
		transform: translate(103px, 4px);
	}
}

@media (min-width: 931px) and (max-width: 932px) {
	.search-icon-area i {
		transform: translate(103px, 4px);
	}
}

@media only screen and (min-width: 821px) and (max-width: 932px) {
	.about-content-p {
		font-size: 16.5px;
		padding: 10px;
	}

	.nosotros768 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pixel5 {
		font-size: 16.5px;
		width: 100%;
		padding-top: 10px;
		padding-left: 9px;
	}

	.textoarriba.about-content-p {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -36px;
	}

	.youtube-video-wrapper {
		margin-top: 3%;
		width: 100%;
		margin-left: -1px;
		height: 290px;
		padding-top: 120px;
	}

	.about-content-vision {
		margin-top: -100%;
	}

	.about-team img {
		width: 101%;
		object-fit: cover;
		height: 296px;
		margin-top: 49%;
		margin-left: -7px;
	}

	.texto1270.about-content-p {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -55px;
	}

	.about-section-title h4 {
		margin-left: 9px;
	}
}

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

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

/* ! Query especifica */
/* 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);
	}
	.youtube-video-wrapper {
		margin-top: 3%;
		width: 100%;
		margin-left: -1px;
		height: 290px;
		padding-top: 120px;
	}

	.about-content-vision {
		margin-top: -100%;
	}

	.about-team img {
		width: 101%;
		object-fit: cover;
		height: 296px;
		margin-top: 49%;
		margin-left: -7px;
	}

	.politica-area {
		padding: 60px 45px !important;
	}
	/* !regla agregada 26/08/2024*/
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 154px 0px !important;
		width: 97.3% !important;
		height: 66.2% !important;
		margin-top: 10px !important;
		margin-left: 9px !important;
		background-position: center;
		background-repeat: no-repeat;
	}
	/* !regla agregada 26/08/2024*/
	.about-section-title h4 {
		margin-left: 9px;
		text-align: center;
	}
	/* !regla agregada 26/08/2024*/
	.about-section-separate {
		margin-top: -68px !important;
	}
	/* !regla agregada 26/08/2024*/
	.visiontexto {
		padding: 10px 10px !important;
	}
	/* !regla agregada 26/08/2024*/
	.about-content-vision {
		margin-bottom: 55%;
	}
	/* !regla agregada 26/08/2024*/
	.about-content-vision p {
		margin-bottom: -7%;
	}
	/* !regla agregada 26/08/2024*/
	.about-team img {
		margin-top: 47.5% !important;
		position: absolute !important;
		margin-left: -6px !important;
		width: 93.5% !important;
	}
	/* !regla agregada 15/09/2024*/
	.popup-gallery {
		display: inline-block;
		position: relative;
		margin-top: -5px !important;
	}
	/* !regla agregada 15/09/2024*/
	.about-politicas img {
		width: 93%;
		border-radius: 15px;
		margin-bottom: 120px;
		margin-left: 4.5%;
		margin-top: 30px;
	}
}
/* ! fin Query especifica */

@media (min-width: 820px) {
	.footer-columna-link {
		margin-left: 40px;
	}

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

	/* !regla modificada 15/09/2024*/
	.about-politicas {
		display: block !important;
		/* Muestra la imagen para monitores en pantallas a patir de 768px */
		max-width: 100%;
		height: auto;
		width: auto;
	}
	/* !regla modificada 15/09/2024*/
	.about-politicas1 {
		display: none !important;
		/* Oculta la imagen para moviles en pantallas a partir de 768 */
	}
}

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

@media only screen and (width: 769px) and (width: 819px) {
	.youtube-video-wrapper {
		margin-top: 1%;
		height: 278px;
		padding-top: 120px;
		margin-left: -7px;
		width: 102%;
	}
	.about-content-vision {
		margin-top: -109%;
	}
	.about-team img {
		width: 102%;
		margin-left: -13px;
		height: 288px;
		margin-top: 55%;
	}
}

@media only screen and (min-width: 768px) and (max-height: 1024px) {
	/* !regla agregada 22/08/2024*/
	.about-team img {
		margin-left: -5px !important;
		margin-top: 15px;
		width: 101.6%;
	}
	/* !regla agregada 23/08/2024*/
	.visiontexto {
		padding: 10px 10px !important;
	}
	/* !regla agregada 26/08/2024*/
	.politica-area {
		padding: 60px 45px;
	}
	/* !regla agregada 26/08/2024*/
	.about-politicas img {
		width: 92%;
		margin-left: 5%;
	}

	.about-section-title p {
		padding-top: -300px !important;
	}

	/* !regla agregada 26/08/2024*/
	.about-content-vision p {
		margin-bottom: -45px !important;
	}
}
/* !regla agregada 15/09/2024*/
@media only screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	/* !regla agregada 15/09/2024*/
	.politica-area {
		padding: 60px 46px 25px 44px !important;
	}
	/* !regla agregada 15/09/2024*/
	.about-content-vision h4.vis {
		margin-left: 522px;
	}
	/* !regla agregada 15/09/2024*/
	.about-team img {
		width: 101.7% !important;
		margin-left: -6px !important;
		margin-top: 11px !important;
	}
}

@media (width: 768px) and (height: 1023px) {
	.youtube-video-wrapper {
		margin-top: 1%;
		height: 278px;
		padding-top: 120px !important;
		margin-left: 11px;
		/* !!ojo con esto en sobre nosotros */
		width: 97%;
	}

	.about-team img {
		margin-left: -5px !important;
		margin-top: -37px;
		width: 102% !important;
	}
}

@media only screen and (width: 768px) and (max-width: 1024px) {
	/* !regla modificada 26/08/2024*/
	.youtube-video-wrapper {
		background-size: cover !important;
		padding: 154px 0px !important;
		width: 97.3% !important;
		height: 66.2% !important;
		margin-top: 10px !important;
		margin-left: 9px !important;
		background-position: center;
		background-repeat: no-repeat;
	}

	.about-content-vision {
		margin-top: 33px;
	}

	.about-team img {
		width: 102%;
		margin-left: -13px;
		height: 288px;
		margin-top: -19px;
	}

	.mean-container .mean-nav {
		margin-left: -188px;
		width: 134%;
	}
}

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

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

@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;
	}
}

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

	.valores-area {
		padding: 80px 55px;
	}

	.politica-area {
		padding: 80px 55px;
	}
}

@media (min-width: 768px) {
	/* !regla agregada 22/08/2024*/
	.valores-area {
		padding: 120px 30px !important;
	}

	.politica-area {
		padding: 120px 55px;
	}

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

	.about-content-wg {
		padding-right: 10px;
	}

	.youtube-video-wrapper {
		margin-top: 37%;
	}

	.about-section-separate {
		margin-top: 50px;
	}

	.about-content-vision {
		padding-left: 10px;
	}
	/* !regla agregada 22/08/2024*/
	.abou-us-area {
		padding: 80px;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	.about-team {
		margin-top: 40px;
	}

	.about-content-p {
		font-size: 15px;
	}

	.acordeon .contenedor.activa .contenido {
		height: 100%;
	}

	.acordeon .contenido {
		margin: 0px 20px 30px 20px;
		font-size: 15px;
	}

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

	.footer-logo p {
		margin-top: 22px;
	}

	.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;
	}

	.cambio h3 {
		margin-top: 105px;
	}

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

	/* !!regla eliminada 16/08/2024*/

	/* !!regla eliminada 16/08/2024*/

	.about-content-p {
		font-size: 15px;
	}
}

/* !######## B.3 FIN MEDIA QUERIES: TABLETS (768px a 1023px) ######### */

/* ------------------------------------------------------------- */

/* !###### B.4 MEDIA QUERIES: EQUIPOS MÓVILES (481px a 767px)  ####### */

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.abou-us-area {
		padding: 80px 55px;
	}

	.valores-area {
		padding: 80px 55px;
	}

	.politica-area {
		padding: 80px 55px;
	}
}

@media only screen and (min-width: 637px) and (max-width: 666px) {
	.col-lg-4 {
		margin-top: 30px;
	}
	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.abou-us-area {
		padding: 80px 55px;
	}

	.valores-area {
		padding: 80px 55px;
	}

	.politica-area {
		padding: 80px 55px;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.abou-us-area {
		padding: 80px 55px;
	}

	.valores-area {
		padding: 80px 55px;
	}

	.politica-area {
		padding: 80px 55px;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.abou-us-area {
		padding: 80px 55px;
	}

	.valores-area {
		padding: 80px 55px;
	}

	.politica-area {
		padding: 80px 55px;
	}
}

/* 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;
	}

	.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;
	}
}

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

	.abou-us-area {
		padding: 80px 55px;
	}

	.valores-area {
		padding: 80px 55px;
	}

	.politica-area {
		padding: 80px 55px;
	}
}

/* !#### B.4 FIN MEDIA QUERIES: EQUIPOS MÓVILES (481px a 767px) ##### */

/* ------------------------------------------------------------- */

/* !### B.5 MEDIA QUERIES: EQUIPOS MÓVILES PEQUEÑOS (HASTA 480px) ### */

@media (min-width: 431px) and (max-width: 767px) {
	.img-mobile {
		margin-top: -44px;
	}

	.nosotros768 {
		padding: 25px 25px;
	}
}

/* iphone 14 pro: */
@media (width: 430px) and (height: 932px) {
	/* !regla agregada 22/08/2024*/
	/* fix ancho de de video youtube */
	.youtube-video-wrapper {
		width: 90% !important;
	}
}

/* iphone 14 Plus: */
@media (width: 428px) and (height: 926px) {
	/* !regla agregada 22/08/2024*/
	/* fix ancho de de video youtube */
	.youtube-video-wrapper {
		width: 90% !important;
	}
}

/* iphone 6 */
@media (width: 414px) and (height: 736px) {
	/* !regla agregada 22/08/2024*/
	/* fix ancho de de video youtube */
	.youtube-video-wrapper {
		width: 89.5% !important;
	}
}

@media (min-width: 412px) {
	.youtube-video-wrapper {
		background-size: contain;
		padding: 90px 0px;
	}
	.video-wg-youtube {
		padding: 0px 30px;
	}

	.video-wg-youtube {
		border-radius: 15px;
	}

	.youtube-video-wrapper {
		padding: 82px 0px;
	}

	.about-team {
		padding: 82px 0px;
		padding: 0px 15px;
	}

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

@media only screen and (min-width: 412px) and (max-width: 930px) {
	/* !regla agregada 22/08/2024*/
	/* fix ancho de de video youtube */
	.youtube-video-wrapper {
		width: 90%;
	}
	#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;
	}

	/* !!regla eliminada-1 08/08/2024*/

	.separador-img {
		text-align: center;
		width: 35%;
	}

	p {
		font-size: 17px;
	}

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

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

@media only screen and (min-width: 391px) and (max-width: 411px) {
	.margin-top-sb-30 {
		margin-top: 30px !important;
		/*padding: 25px;*/
		background-size: cover;
	}

	/*espacio robot*/
	.container-client {
		margin-top: 40px;
	}
}

@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;
	}

	.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;
	}

	.slick-arrow {
		display: none !important;
	}

	.separador-img {
		margin-bottom: 0px;
		text-align: center;
		width: 35%;
	}

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

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

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}
}

/* fix subtitulo nosotros en iphone 12 */
@media only screen and (width: 390px) and (height: 844px) {
	.pcontacto {
		margin-left: 10px !important;
	}
	/* !regla agregada 22/08/2024*/
	.visiontexto {
		padding: 10px 10px !important;
		margin-left: 10px;
	}
	/* !regla agregada 22/08/2024*/
	.misionpa {
		margin-top: 19px;
		margin-bottom: 50px;
		padding: 0px 10px !important;
		margin-left: 10px !important;
	}

	/* !regla agregada 22/08/2024*/
	/* fix ancho de de video youtube */
	.youtube-video-wrapper {
		width: 88.5% !important;
	}
}

@media only screen and (min-width: 390px) {
	.youtube-video-wrapper {
		background-size: contain;
		padding: 76px 0px;
	}

	.video-wg-youtube {
		padding: 0px 30px;
	}

	/* fin fix padding del video de youtube  */

	/* fix imagen final de sobre nosotros */
	.politica-area {
		padding: 60px 15px 25px 15px;
	}

	/* tamaño de banner vh acorde a a telefono */

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

@media only screen and (min-width: 390px) and (max-width: 390px) {
	.textoarriba.about-content-p {
		position: relative;
		left: 49%;
		transform: translateX(-50%);
		margin-top: -66px;
		padding: 26px 15px;
	}

	.texto1270.about-content-p {
		position: relative;
		left: 49%;
		transform: translateX(-50%);
		margin-top: -49px;
		padding: 26px 15px;
	}
}

/* fix subtitulo nosotros Sansung S21 Plus */
@media only screen and (width: 384px) and (height: 854px) {
	.pcontacto {
		margin-left: 8px !important;
	}
}

@media (min-width: 375px) and (max-width: 1024px) {
	/* Arreglo de titulo Equipo WG: */
	.about-section-title h4 {
		padding-left: 0px;
		margin-left: 15px;
	}
}

@media (min-width: 375px) and (max-width: 820px) {
	.nosotros768 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.texto1270.about-content-p,
	.textoarriba.about-content-p {
		display: block !important;
		margin-top: 10px;
	}

	.texto1270.about-content-p {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -55px;
	}

	.pixel5 {
		font-size: 16.5px;
		width: 100%;
		padding-top: 10px;
		padding-left: 9px;
	}

	.textoarriba.about-content-p {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -36px;
	}

	.about-content-p {
		font-size: 16.5px;
		/* !regla modificada 16/08/2024*/
		padding: 10px !important;
	}
	/* !regla agregada 16/08/2024*/
	.visiontexto {
		padding: 10px 20px;
	}

	/* !regla agregada 16/08/2024*/
	.youtube-video-wrapper {
		margin-top: -11%;
		width: 89.5%;
		margin-left: 20px;
	}

	.about-section-separate {
		margin-top: -29px;
	}

	.about-section-title h4 {
		/* esto modifica el titulo equipo wg*/
		margin-left: 9px;
	}
	/* !regla modificada 16/08/2024*/
	.about-team img {
		width: 111%;
		margin-left: 6px;
		margin-top: -37px;
		width: 97%;
	}

	/* !regla agregada 16/08/2024*/
	.politica-p {
		padding: 5px;
	}
}

/* iphone 6 */
@media (width: 375px) and (height: 667px) {
	/* fix ancho de de video youtube */
	.youtube-video-wrapper {
		width: 88%;
	}
}
@media (min-width: 375px) and (max-width: 480px) {
	.visonpa {
		margin-top: 5px;
	}
	.misionpa {
		margin-top: 19px;
		margin-bottom: 50px;
		padding: 0px 20px;
	}

	.misiontitulo {
		margin-top: -43px !important;
	}
}

@media (min-width: 375px) and (max-width: 430px) {
	.nosotros768 {
		padding: 25px;
	}

	.container-client {
		margin-top: 40px;
	}
}

@media (min-width: 375px) and (max-height: 411px) {
	/* !regla agregada 22/08/2024*/
	/* fix ancho de de video youtube */
	.youtube-video-wrapper {
		width: 89%;
	}
}

@media only screen and (min-width: 375px) {
	.youtube-video-wrapper {
		background-size: contain;
		padding: 72px 0px;
	}

	/* tamaño de banner vh acorde a a telefono */
	/* .contact-hero-banner img {
		width: 100%;
		height: 75vh;
	} */

	/* incio fix padding video e imagen de sobre nosotros */
	.video-wg-youtube {
		padding: 0px 30px;
	}

	.about-team {
		padding: 0px 15px;
	}
}

@media only screen and (min-width: 360px) {
	.youtube-video-wrapper {
		background-size: contain;
		padding: 77px 0px;
	}

	.acordeon {
		margin: 20px 15px;
		color: black;
		background-color: #fff;
		padding: 20px 15px;
		text-align: center;
		font-size: 35px;
		box-shadow: 0px 1px 31px rgb(187 187 187 / 25%);
		border-radius: 20px;
	}

	/* tamaño de banner vh acorde a a telefono */

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

@media only screen and (min-width: 350px) and (max-width: 932px) {
	/* .seccion-curva img {
		width: 100%;
		height: 123px;
		margin-top: 124px;
	} */

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

	.about-content-p {
		margin: 0;
		font-size: 17px;
		line-height: 25px;
		color: #363636;
		text-align: justify;
		font-family: 'Nunito' !important;
		font-weight: 300 !important;
		width: 100%;
		padding: 0px 15px;
	}

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

	.abou-us-area {
		padding: 0px;
		padding-bottom: 50px;
	}

	.about-content-wg {
		padding: 0px 25px;
		padding: 0px 0px !important;
	}

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

	.mision-vision {
		margin: 0px 0px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.about-section-separate {
		margin-top: 0px;
	}

	.about-content-vision {
		padding-left: 0px !important;
		margin-top: 6px;
	}

	.valores-area {
		background-color: #425d98;
		padding: 50px 0px 50px 0px;
	}

	.acordeon .contenedor .activa .contenido {
		height: 100%;
	}

	.politica-area {
		padding: 60px 15px 60px 15px;
	}

	.acordeon {
		/* !regla modificada 16/08/2024*/
		margin: 20px 20px;
		color: black;
		background-color: #fff;
		padding: 45px 30px;
		text-align: center;
		font-size: 35px;
		box-shadow: 0px 1px 31px rgb(187 187 187 / 25%);
		border-radius: 20px;
	}

	.acordeon .contenedor.activa .contenido {
		height: 100%;
	}

	p {
		/*margin-bottom: -5px !important;*/
		font-size: 17px;
		padding: 10px;
	}

	.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;
	}
}

/* !regla agregada 14/08/2024*/
@media only screen and (min-width: 350px) and (max-width: 767px) {
	/* tamaño de banner vh acorde a a telefono */

	/* !regla modificada 22/11/2024 */
	.contact-hero-banner img {
		width: 100%;
		height: auto;
	}
	/* Fix curva de todas las paginas */
	.seccion-curva img {
		width: 100%;
		height: 123px !important;
		margin-top: 124px;
	}
}
/* !regla agregada 28/11/2024*/
@media (min-width: 350px) and (max-width: 767px) {
	.seccion-curva img {
		display: none;
	}
	.seccion-curva img.curve-mobile-nosotros {
		display: block;
		width: 100%;
		height: 100% !important;
		margin-top: calc(79px - ((100vw - 350px) / 50 * 6));
	}

	/* !regla modificada 03/12/2024 */
	.abou-us-area .seo-h1-titulos--nosotros {
		padding-bottom: 0px;
		margin-bottom: -26px;
	}
}

/* !regla agregada 27/11/2024*/
/* @media (min-width: 350px) and (max-width: 576px) {
	.seccion-curva img {
		display: none;
	}
	.seccion-curva img.curve-mobile {
		display: block;
		width: 100%;
		height: auto;
		margin-top: calc(149px - ((100vw - 350px) / 50 * 6));
		object-fit: cover;
	}
} */
/* !regla agregada 27/11/2024*/
/* @media (min-width: 577px) and (max-width: 767px) {
	.seccion-curva img {
		display: none;
	}
	.seccion-curva img.curve-mobile {
		display: block;
		width: 100%;
		height: 75% !important;
		margin-top: calc(137px - ((100vw - 350px) / 50 * 6));
		object-fit: cover;
	}
} */

@media only screen and (min-width: 350px) {
	.youtube-video-wrapper {
		background-size: contain;
		padding: 80px 0px;
	}

	.video-wg-youtube {
		padding: 0px 30px;
	}

	/* inicio fix imagen final de sobre nosotros */
	.politica-area {
		padding: 60px 15px 25px 15px;
	}
	/* !regla modificada 16/08/2024*/
	.about-politicas {
		display: none;
		/* Oculta la imagen para escritorio en pantallas más pequeñas */
	}
	/* !regla modificada-3 16/08/2024*/
	.about-politicas1 {
		display: block;
		/* Muestra la imagen para móviles en pantallas más pequeñas */
		max-width: 100%;
		height: auto;
		width: auto;
	}
}

@media only screen and (max-width: 325px) and (-webkit-min-device-pixel-ratio: 2) {
	.container-client {
		background-image: url('../img/home/banner/clientebackground.png');
		max-width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

/* !## B.5 FIN MEDIA QUERIES: EQUIPOS MÓVILES PEQUEÑOS (HASTA 480px) ## */

/* ?============================================================  */
/* ?==================  FIN B. SOBRE NOSOTROS ==================  */
/* ?============================================================  */

/* ------------------------------------------------------------- */

/* ?============================================================  */
/* ?======================   C. SERVICIOS ======================  */
/* ?============================================================  */

/* !######## C.1 MONITORES XXL GRANDES desktop :1440px a 4K.######### */

@media (min-width: 1920px) {
	.columna-servicio {
		margin-top: 20px !important;
	}

	/* !regla agregada 19/09/2024*/
	.servicio-area-variedad {
		padding: 120px 56px 120px 55px !important;
	}
	/* !regla agregada 23/09/2024*/
	.servicio-area {
		padding: 107px 344px 120px 343px !important;
	}

	/* !regla agregada 19/09/2024*/
	.servicio-otros {
		padding: 120px 344px 120px 343px !important;
	}
	/* !regla agregada 26/09/2024*/
	.servicio-hosting-area {
		padding: 120px 41px 120px 39px !important;
	}

	/* !regla agregada 27/09/2024*/
	.container-hardware {
		padding: 0 359px 0 359px !important;
	}
	/* !regla agregada 27/09/2024*/
	.virtualizacion-centros {
		padding: 0px 5px 0px 18px !important;
	}

	/* !regla agregada 27/09/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 0px !important;
	}
	/* !regla agregada 30/09/2024*/
	.servicio-area-variedad--proyectos {
		padding: 120px 54px 120px 54px !important;
	}
	/* !regla agregada 08/11/2024*/
	.seo-h1-titulos {
		margin-top: -3px;
	}
	/* !regla agregada 08/11/2024*/
	.seo-h1-titulos--reingenieria {
		margin-top: -15px;
	}

	/* !regla agregada 08/11/2024*/
	.seo-h1-titulos--hosting {
		margin-top: -15px;
	}
	/* !regla agregada 08/11/2024*/
	.nuevopading .seo-h1-titulos--servicios {
		margin-top: 13px;
	}
	/* !regla agregada 08/11/2024*/
	.padingblog .seo-h1-titulos--blog {
		margin-top: 0px;
	}
	/* !regla agregada 08/11/2024*/
	.seo-h1-titulos--contacto h1 {
		margin-top: 113px;
	}

	.seccion-curva .curve img {
		width: 100%;
		height: 100%;
		margin-bottom: -150px;
	}
}
/* !regla agregada 08/11/2024*/
@media (min-width: 1920px) and (max-height: 1440px) {
	.contact-hero-banner img {
		width: 100%;
		height: 75vh !important;
	}
}
/* !media query agregada 27/12/2024*/
@media (min-width: 1440px) {
	/* !regla agregada 27/12/2024*/
	.seccion-curva .curve img {
		width: 100%;
		height: 100%;
		margin-bottom: -150px;
	}
}
/* !regla agregada 19/09/2024*/
@media only screen and (min-width: 1440px) and (max-height: 900px) {
	/* !regla agregada 19/09/2024*/
	.servicio-area-variedad {
		padding: 120px 15px 120px 15px !important;
	}

	/* !regla agregada 27/12/2024*/
	.seccion-curva .curve img {
		width: 100%;
		height: 100%;
		margin-bottom: -150px;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	/* !regla agregada 19/09/2024*/
	/* !regla modificada 23/09/2024*/
	.servicio-otros {
		padding: 120px 62px 120px 64px !important;
	}
	/* !regla modificada 26/09/2024*/
	.servicio-hosting-area {
		padding: 120px 55px 120px 55px !important;
	}

	/* !regla modificada 26/09/2024*/
	.servicios-otros--hosting {
		padding: 120px 117px 120px 118px !important;
	}
	/* !regla agregada 30/09/2024*/

	/* !regla modificada 31/10/2024*/
	.container-hardware {
		padding: 120px 55px 0 55px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 5px 0px 18px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 0px !important;
	}
	/* !regla agregada 30/09/2024*/
	.servicio-area-variedad--proyectos {
		padding: 120px 57px 120px 57px !important;
	}

	/* !regla agregada 30/09/2024*/
	.servicio-otros--robotica-de-proc {
		padding: 120px 104px !important;
	}

	/* !regla agregada 31/10/2024*/
	.project-description p {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	/* !regla agregada 31/10/2024*/
	.ajustar-contenido-hadware {
		padding: 0px 15px 0px 0px !important;
	}
	/* !regla agregada 08/11/2024*/
	.row .servicio-area-variedad {
		padding: 120px 55px;
	}

	/* !regla agregada 08/11/2024*/
	.seo-h1-titulos-hardware h1 {
		margin-top: -10px;
	}
}

/* !regla agregada 31/10/2024*/
@media only screen and (min-width: 1440px) and (max-width: 1919px) /* and (min-height: 900px) */ and (max-height: 1080px) {
	/* !regla agregada 31/10/2024*/
	.servicio-otros {
		padding: 120px 62px 120px 64px !important;
	}
	/* !regla agregada 31/10/2024*/
	.servicio-hosting-area {
		padding: 120px 55px 120px 55px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicios-otros--hosting {
		padding: 120px 117px 120px 118px !important;
	}
	/* !regla agregada 31/10/2024*/
	/* a peticion del stakeholder me modifica */
	.container-hardware {
		padding: 120px 55px 0 55px !important;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion-centros {
		padding: 0px 5px 0px 18px !important;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 0px !important;
	}
	/* !regla agregada 31/10/2024*/
	.servicio-area-variedad--proyectos {
		padding: 120px 57px 120px 57px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-otros--robotica-de-proc {
		padding: 120px 104px !important;
	}

	/* !regla agregada 31/10/2024*/
	.project-description p {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	/* !regla agregada 31/10/2024*/
	.ajustar-contenido-hadware {
		padding: 0px 15px 0px 0px !important;
	}

	/* !regla agregada 08/11/2024*/
	.row .servicio-area-variedad {
		padding: 120px 55px;
	}

	/* !regla agregada 08/11/2024*/
	.seo-h1-titulos-hardware h1 {
		margin-top: -10px;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
	.columna-servicio {
		margin-top: 20px !important;
	}
}

@media (min-width: 1440px) {
	.seccion-curva .curve {
		position: absolute;
		bottom: -204px;
		height: 360px;
		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; */
	}
}

/* !###### C.1 FIN MONITORES XXL GRANDES desktop :1440px a 4K.####### */

/* ------------------------------------------------------------- */

/* !##### C.2 MONITORES EXTRA GRANDES desktop :1024px a 1439px.###### */

/* !regla agregada 19/09/2024*/
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 1439px) and (max-height: 1439px) {
	/* !regla agregada 19/09/2024*/
	.servicio-area-variedad {
		padding: 120px 57px 120px 55px !important;
	}

	/* !regla agregada 19/09/2024*/
	.servicio-otros {
		padding: 120px 67px 120px 66px !important;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
	/* !regla agregada 19/09/2024*/
	.servicio-area-variedad {
		padding: 120px 43px !important;
	}

	/* !regla agregada 23/09/2024*/
	.servicio-area {
		padding: 120px 53px 120px 55px !important;
	}

	/* !regla agregada 19/09/2024*/
	/* .servicio-otros {
		padding: 120px 65px 120px 66px !important;
	} */
	/* !regla modificada 23/09/2024*/
	.servicio-otros {
		padding: 120px 53px 120px 55px !important;
	}

	/* !regla agregada 26/09/2024*/
	.servicio-hosting-area {
		padding: 120px 57px 120px 55px !important;
	}
	/* !regla agregada 26/09/2024*/
	.servicios-otros--hosting {
		padding: 120px 82px 120px 81px !important;
	}

	/* !regla agregada 30/09/2024*/
	/* !regla modificada 31/10/2024*/
	.container-hardware {
		padding: 0 40px 0 40px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 5px 0px 19px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 0px !important;
	}
	/* !regla agregada 30/09/2024*/
	.servicio-area-variedad--proyectos {
		padding: 120px 45px 120px 44px !important;
	}
}

/* !------------------------------ */
/* !regla agregada 31/10/2024*/
@media (min-width: 1366px) and (max-width: 1439px) /* and (min-height: 768px) */ and (max-height: 1080px) {
	/* !regla agregada 31/10/2024*/
	.servicio-area-variedad {
		padding: 120px 43px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-area {
		padding: 120px 53px 120px 55px !important;
	}

	/* !regla agregada 31/10/2024*/
	/* .servicio-otros {
		padding: 120px 65px 120px 66px !important;
	} */
	/* !regla agregada 31/10/2024*/
	.servicio-otros {
		padding: 120px 53px 120px 55px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-hosting-area {
		padding: 120px 57px 120px 55px !important;
	}
	/* !regla agregada 31/10/2024*/
	.servicios-otros--hosting {
		padding: 120px 82px 120px 81px !important;
	}

	/* !regla agregada 31/10/2024*/
	.container-hardware {
		padding: 0 40px 0 40px !important;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion-centros {
		padding: 0px 5px 0px 19px !important;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 0px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-area-variedad--proyectos {
		padding: 120px 45px 120px 44px !important;
	}
}

@media (min-width: 1366px) {
	.columna-servicio {
		margin-top: 20px !important;
	}
}

@media (min-width: 1270px) and (max-width: 1365px) {
	.columna-servicio {
		margin-top: 20px !important;
	}
}

@media only screen and (min-width: 1270px) {
	.cambio h3 {
		margin-top: 105px;
	}
}

/* !regla agregada 19/09/2024*/
@media only screen and (min-width: 1200px) and (max-width: 1200px) and (min-height: 675px) and (max-height: 675px) {
	/* !regla agregada 19/09/2024*/
	/* !regla modificada 24/09/2024*/
	.servicio-area-variedad {
		padding: 120px 70px !important;
	}
	/* !regla agregada 23/09/2024*/
	.servicio-area {
		padding: 120px 54px 120px 55px !important;
	}

	/* !regla midificada 23/09/2024*/
	.servicio-otros {
		padding: 120px 54px 120px 55px !important;
	}

	/* !regla agregada 30/09/2024*/
	.container-hardware {
		padding: 0 68px 0 70px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 5px 0px 19px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 0px !important;
	}
}
/* !regla agregada 30/10/2024*/
@media (min-width: 1200px) and (max-width: 1365px) /* and (min-height: 675px) */and (max-height: 1080px) {
	/* !regla agregada 30/10/2024*/
	.servicio-area-variedad {
		padding: 120px 70px !important;
	}
	/* !regla agregada 30/10/2024*/
	.servicio-area {
		padding: 120px 54px 120px 55px !important;
	}

	/* !regla agregada 30/10/2024*/
	.servicio-otros {
		padding: 120px 54px 120px 55px !important;
	}

	/* !regla agregada 30/10/2024*/
	.container-hardware {
		padding: 0 68px 0 70px !important;
	}

	/* !regla agregada 30/10/2024*/
	.virtualizacion-centros {
		padding: 0px 5px 0px 19px !important;
	}

	/* !regla agregada 30/10/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 0px !important;
	}
}

@media (min-width: 1024px) and (max-width: 1087px) {
	.columna-servicio {
		margin-top: 20px !important;
	}
}

/* !regla agregada 18/09/2024*/
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 768px) {
	/* !regla agregada 18/09/2024*/
	.img-servicios992-1024 {
		padding-left: 5px;
		padding-right: 2px;
	}
	/* !regla agregada 18/09/2024*/
	/* !regla modificada 24/09/2024*/
	.servicio-area-variedad {
		padding: 120px 70px !important;
	}

	/* !regla agregada 18/09/2024*/
	/* !regla modificada 24/09/2024*/
	.servicio-otros {
		padding: 120px 55px !important;
	}

	/* !regla agregada 30/09/2024*/
	.container-hardware {
		padding: 0 70px 0 70px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -20px;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 16px !important;
	}
}

/* !regla agregada 31/10/2024*/
@media only screen and (min-width: 1024px) and (max-width: 1365px) /* and (min-height: 1366px) */ and (max-height: 1080px) {
	/* !regla agregada 31/10/2024*/
	.servicio-area-variedad {
		padding: 120px 69px !important;
	}
	/* !regla agregada 31/10/2024*/
	.blog-inner img {
		width: 99.8% !important;
		margin-left: 2px !important;
	}
	/* !regla agregada 31/10/2024*/
	.servicio-otros {
		padding: 25px 55px !important;
		margin-left: 0px;
	}
	/* !regla agregada 31/10/2024*/
	.servicio-area {
		padding: 120px 55px !important;
	}

	/* !regla agregada 31/10/2024*/
	.container-hardware {
		padding: 0 68px 0 70px !important;
	}
	/* !regla agregada 31/10/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -19px;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 16px !important;
	}
}

@media (min-width: 1024px) {
	.default-margin-mt {
		margin-top: 0px;
	}

	.footer-logo p {
		margin-top: 12px;
	}

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

	.cambio h3 {
		margin-top: 105px;
	}

	/*footer logo  julio 25*/
	.footer-logo p {
		margin-top: 12px;
	}
}
/* !### C.2 FIN MONITORES EXTRA GRANDES desktop :1024px a 1439px.#### */

/* ------------------------------------------------------------- */

/* !############# C.3 TABLETS desktop :768px a 1023px.############## */

/* !regla agregada 20/09/2024*/
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {
	/* !regla agregada 20/09/2024*/
	/* !regla agregada 23/09/2024*/
	.servicio-area-variedad {
		padding: 120px 69px !important;
	}
	/* !regla agregada 20/09/2024*/
	.blog-inner img {
		width: 99.8% !important;
		margin-left: 2px !important;
	}
	/* !regla agregada 20/09/2024*/
	.servicio-otros {
		padding: 25px 55px !important;
		margin-left: 0px;
	}
	/* !regla agregada 23/09/2024*/
	.servicio-area {
		padding: 120px 55px !important;
	}

	/* !regla agregada 30/09/2024*/
	.container-hardware {
		padding: 0 68px 0 70px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -19px;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 16px !important;
	}
}

/* !------------------------------- */

/* !regla agregada 18/09/2024*/
@media only screen and (min-width: 992px) and (max-width: 992px) and (min-height: 800px) and (max-height: 800px) {
	/* !regla agregada 14/08/2024*/
	.img-servicios992-1024 {
		padding-left: 5px;
		padding-right: 2px;
	}

	/* !regla agregada 20/09/2024*/
	.servicio-area {
		padding-top: 88px !important;
	}

	/* !regla agregada 20/09/2024*/
	/* !regla modificada 24/09/2024*/
	.servicio-area-variedad {
		padding: 88px 70px !important;
	}

	/* !regla agregada 20/09/2024*/
	/* !regla modificada 24/09/2024*/
	.servicio-otros {
		padding: 120px 55px !important;
	}
	/* !regla agregada 20/09/2024*/
	/* ajustar tamaño del banner */
	.contact-hero-banner img {
		width: 100%;
		height: 75vh !important;
	}

	/* !regla agregada 30/09/2024*/
	.container-hardware {
		padding: 0 70px 0 70px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -20px;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 15px !important;
	}
}
/* !------------------- */

/* !regla agregada 31/10/2024*/
@media (min-width: 992px) and (max-width: 1023px) /* and (min-height: 800px) */ and (max-height: 1080px) {
	/* !regla agregada 31/10/2024*/
	.img-servicios992-1024 {
		padding-left: 5px;
		padding-right: 2px;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-area {
		padding-top: 88px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-area-variedad {
		padding: 88px 70px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-otros {
		padding: 120px 55px !important;
	}
	/* !regla agregada 31/10/2024*/
	/* ajustar tamaño del banner */
	.contact-hero-banner img {
		width: 100%;
		height: 100% !important;
	}

	/* !regla agregada 31/10/2024*/
	.container-hardware {
		padding: 0 70px 0 70px !important;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -20px;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 15px !important;
	}
}

@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;
	}
}

/* !------------------------------- */

@media (min-width: 931px) and (max-width: 932px) {
	.servicio-area {
		padding: 80px 55px;
	}

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

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

	.servicios-mision-critica img {
		width: 100%;
		height: auto;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.columna-servicio {
		margin-top: 29px !important;
	}

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

	.servicio-area {
		padding: 80px 55px;
	}
}
/* !regla agregada 16/09/2024*/
@media only screen and (min-width: 820px) and (max-width: 820px) and (min-height: 1180px) and (max-height: 1180px) {
	/* !regla agregada 16/09/2024*/
	/* !regla modificada 20/11/2024 */
	.servicio-area {
		background-color: #fff;
		padding: 80px 40px !important;
	}

	/* !regla agregada 20/09/2024*/
	.servicio-area-variedad {
		padding: 80px 45px !important;
	}
	/* !regla agregada 20/09/2024*/
	.blog-inner img {
		width: 97.1% !important;
		margin-left: 10px !important;
	}
	/* !regla agregada 20/09/2024*/
	.servicio-otros {
		padding: 25px 40px !important;
		margin-left: 0px;
	}

	/* !regla agregada 20/09/2024*/
	/* Ajustar tamaño de banner y ola */
	.contact-hero-banner {
		width: 100%;
		height: 83%;
		background-position: center;
		background-size: cover;
		position: relative;
	}

	.contact-hero-banner img {
		width: 100%;
		height: 83vh;
	}
	/* !regla agregada 24/09/2024*/
	.mc-img-ipad img {
		width: 100.3% !important;
		margin-left: -1px !important;
	}
	/* ----------------------------- */

	/* !regla agregada 30/09/2024*/
	.container-hardware {
		padding: 0 56px 0 55px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -1px;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 15px !important;
	}

	/* !regla agregada 30/09/2024*/
	.project-description .fix-hadware-padding {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	/* !regla agregada 20/11/2024*/
	.seo-h1-titulos-proyectos h1 {
		margin-top: 55px;
		line-height: 42px;
	}
}

/* !------------------------------ */

/* !regla agregada 31/10/2024*/
@media (min-width: 820px) and (max-width: 991px) /* and (min-height: 1180px) */ and (max-height: 1080px) {
	/* !regla agregada 31/10/2024*/

	/* !regla modificada 20/11/2024 */
	.servicio-area {
		background-color: #fff;
		padding: 40px 40px !important;
	}

	/* !regla agregada 31/10/2024*/
	.servicio-area-variedad {
		padding: 80px 45px !important;
	}
	/* !regla agregada 31/10/2024*/
	.blog-inner img {
		width: 97.1% !important;
		margin-left: 10px !important;
	}
	/* !regla agregada 31/10/2024*/
	.servicio-otros {
		padding: 25px 40px !important;
		margin-left: 0px;
	}

	/* !regla agregada 31/10/2024*/
	/* Ajustar tamaño de banner y ola */
	.contact-hero-banner {
		width: 100%;
		height: 83%;
		background-position: center;
		background-size: cover;
		position: relative;
	}
	/* !regla agregada 31/10/2024*/
	.contact-hero-banner img {
		width: 100%;
		height: 83vh;
	}
	/* !regla agregada 31/10/2024*/
	.mc-img-ipad img {
		width: 100.3% !important;
		margin-left: -1px !important;
	}
	/* ----------------------------- */

	/* !regla agregada 31/10/2024*/
	.container-hardware {
		padding: 0 56px 0 55px !important;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -1px;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 15px !important;
	}

	/* !regla agregada 31/10/2024*/
	.project-description .fix-hadware-padding {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	/* !regla agregada 20/11/2024*/
	.seo-h1-titulos-proyectos h1 {
		margin-top: 0px;
		line-height: 42px;
	}
}

@media (min-width: 820px) {
	.footer-columna-link {
		margin-left: 40px;
	}

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

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

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

/* !regla agregada 17/09/2024*/
@media only screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	/* !regla agregada 17/09/2024*/
	/* !regla modificada 20/11/2024 */
	.servicio-area {
		background-color: #fff;
		padding: 80px 40px !important;
	}

	/* !regla agregada 20/09/2024*/
	.servicio-area-variedad {
		padding: 80px 45px !important;
	}
	/* !regla agregada 20/09/2024*/
	.blog-inner img {
		width: 97% !important;
		margin-left: 10px !important;
	}
	/* !regla agregada 24/09/2024*/
	.mc-img-ipad img {
		width: 100.3% !important;
		margin-left: -1px !important;
	}
	/* !regla agregada 20/09/2024*/
	.servicio-otros {
		padding: 25px 40px !important;
		margin-left: 0px;
	}

	/* !regla agregada 20/09/2024*/
	/* Ajustar tamaño de banner y ola */
	.contact-hero-banner {
		width: 100%;
		height: 78.8%;
		background-position: center;
		background-size: cover;
		position: relative;
	}

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

	/* !regla agregada 30/09/2024*/
	/* !regla modificada 20/11/2024 */
	.container-hardware {
		padding: 25px 56px 0 55px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -1px;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 15px !important;
	}

	/* !regla agregada 30/09/2024*/
	.project-description .fix-hadware-padding {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	/* !regla agregada 20/11/2024*/
	.seo-h1-titulos-proyectos h1 {
		margin-top: 55px;
		line-height: 42px;
	}
}

/* !regla agregada 31/10/2024*/
@media (min-width: 768px) and (max-width: 819px) /* and (min-height: 1024px) */ and (max-height: 1024px) {
	/* !regla agregada 31/10/2024*/
	/* !regla modificada 20/11/2024 */
	.servicio-area {
		background-color: #fff;
		padding: 80px 40px !important;
	}
	/* !regla agregada 31/10/2024*/
	.servicio-area-variedad {
		padding: 80px 45px !important;
	}
	/* !regla agregada 31/10/2024*/
	.blog-inner img {
		width: 97% !important;
		margin-left: 10px !important;
	}
	/* !regla agregada 31/10/2024*/
	.mc-img-ipad img {
		width: 100.3% !important;
		margin-left: -1px !important;
	}
	/* !regla agregada 31/10/2024*/
	.servicio-otros {
		padding: 25px 40px !important;
		margin-left: 0px;
	}

	/* !regla agregada 31/10/2024*/
	/* Ajustar tamaño de banner y ola */
	.contact-hero-banner {
		width: 100%;
		height: 78.8%;
		background-position: center;
		background-size: cover;
		position: relative;
	}

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

	/* !regla agregada 31/10/2024*/
	/* !regla modificada 20/11/2024 */
	.container-hardware {
		padding: 25px 56px 0 55px !important;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -1px;
	}

	/* !regla agregada 31/10/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 15px !important;
	}

	/* !regla agregada 31/10/2024*/
	.project-description .fix-hadware-padding {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	/* !regla agregada 20/11/2024*/
	.seo-h1-titulos-proyectos h1 {
		margin-top: 55px;
		line-height: 42px;
	}
}

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

	/* ajuste de titulos: */
	.seo-h1-titulos h1 {
		margin-top: 55px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#searchbox {
		max-width: 90%;
		font-size: 23px;
	}

	.default-margin-mt-sm {
		margin-top: 30px;
	}

	.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;
	}
}

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

	.servicios-mision-critica img {
		width: 100%;
		height: auto;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.columna-servicio {
		margin-top: 29px !important;
	}

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

	.contactus-area {
		padding: 80px 55px;
	}
}

@media (min-width: 768px) {
	/*tarjetas index 10 de agosto*/
	.mision-critica {
		padding: 0px 10px;
	}

	.person-name p {
		font-size: 15px;
		padding: 10px 0px;
	}

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

	.container-hardware {
		padding: 0 40px 0 40px;
	}

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

	.project-description p {
		padding-right: 0px;
		padding-left: 0px !important;
	}

	.ajustar-contenido-hadware {
		padding: 0px 15px 0px 0px;
	}

	.project-technology {
		padding: 30px 0px 30px 15px;
	}

	.virtualizacion {
		padding: 0px 15px 30px 0px;
	}

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

	.servicio-area-variedad {
		padding: 120px 55px;
	}

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

	.default-margin-mt {
		margin-top: 0px;
	}

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

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

	.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;
	}

	.cambio h3 {
		margin-top: 105px;
	}

	.section-heading-3 h3 {
		margin-top: -11px;
	}
}
/* !########### C.3 FIN TABLETS desktop :768px a 1023px.############ */

/* ------------------------------------------------------------- */

/* !####### C.4 EQUIPOS MOVILES RESOLUCION : 481px a 767px.######### */

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.servicios-mision-critica img {
		width: 100%;
		height: auto;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.columna-servicio {
		margin-top: 29px !important;
	}

	.portfolio-main-area {
		padding: 80px 55px;
	}

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

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.servicios-mision-critica img {
		width: 100%;
		height: auto;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.columna-servicio {
		margin-top: 29px !important;
	}

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

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.servicios-mision-critica img {
		width: 100%;
		height: auto;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.columna-servicio {
		margin-top: 29px !important;
	}

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

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.servicios-mision-critica img {
		width: 100%;
		height: auto;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.columna-servicio {
		margin-top: 29px !important;
	}

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

@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;
	}

	.default-margin-mt {
		margin-top: 0;
	}
	.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;
	}
	.author-profile img {
		width: 50%;
	}
}

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

	.servicios-mision-critica img {
		width: 100%;
		height: auto;
	}

	.hosting img {
		width: 104.3%;
		height: auto;
	}

	.columna-servicio {
		margin-top: 29px !important;
	}

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

/* !regla agregada 16/09/2024*/
@media only screen and (min-width: 480px) and (max-height: 800px) {
	/* !regla agregada 16/09/2024*/
	.team-image {
		width: 102%;
		margin-left: -3px;
	}
	/* !regla agregada 16/09/2024*/
	.hosting .team-image {
		width: 102%;
		margin-left: -3px;
	}
	/* !regla agregada 17/09/2024*/
	.servicios-desarrollo .team-image {
		width: 99.5% !important;
		margin-left: 2px !important;
	}
}
/* !regla agregada 20/09/2024*/
@media only screen and (min-width: 480px) and (max-width: 480px) and (min-height: 800px) and (max-height: 800px) {
	/* !regla agregada 24/09/2024*/
	.servicio-area {
		background-color: #fff;
		padding: 0px 25px 50px 25px !important;
	}

	/* !regla agregada 24/09/2024*/
	.servicio-area-variedad {
		padding: 25px 30px 25px 30px !important;
	}
	/* !regla agregada 20/09/2024*/
	.servicio-otros {
		padding: 25px 25px !important;
	}
	/* !regla agregada 24/09/2024*/
	.mc-img-ipad img {
		width: 100% !important;
		margin-left: 1px !important;
	}
	/* !regla agregada 24/09/2024*/
	.servicios-reingenieria {
		width: 102% !important;
		padding-left: 21px !important;
		margin-left: -7px !important;
	}

	/* !regla agregada 30/09/2024*/
	.container-hardware {
		padding: 0 40px 0 40px !important;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion-centros {
		padding: 0px 0px 0px 0px !important;
		margin-left: 20px;
		margin-right: -1px;
	}

	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 26px 30px 15px !important;
	}

	/* !regla agregada 30/09/2024*/
	.project-description .fix-hadware-padding {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
}
@media (min-width: 431px) and (max-width: 767px) {
	.img-mobile {
		margin-top: -44px;
	}

	.reingieneria .desarrollo .mision-critica {
		padding: 25px 25px;
	}

	.servicio-area {
		padding: 25px 25px;
	}
}

/* !####### C.4 FIN EQUIPOS MOVILES RESOLUCION : 481px a 767px.###### */

/* ------------------------------------------------------------- */

/* !######### C.5 EQUIPOS MOVILES RESOLUCION HASTA : 480px. ######### */
@media (min-width: 412px) {
	/* !!regla eliminada 02/09/2024*/
	/* esto le daba 30px mas al cuadro de mision critica del home y adicioanlemente esta regla no pertenece a esta seccion de servicios */
	/* .mision-critica {
		padding: 0px 30px;
	} */

	.left-side-2 {
		padding: 0px;
	}

	.author-content {
		padding: 20px;
	}

	.container-hardware {
		padding: 25px 25px;
	}

	.portfolio-screenshot img {
		width: 70%;
	}

	.slider-hardware-fix {
		padding: 0px 30px 0px 5px;
	}

	.virtualizacion-centros {
		padding: 20px 5px 0px 25px;
	}

	.virtualizacion-centros p {
		padding-right: 0px;
		padding-left: 4px;
	}

	.fix-hadware-padding p {
		padding-right: 0px !important;
	}

	.ajustar-contenido-hadware {
		padding: 0px;
	}

	.project-technology {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@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;
	}

	/* !!regla eliminada-2 08/08/2024*/

	.mision-critica {
		padding: 0px 10px;
	}

	.hosting p {
		font-size: 15px;
	}

	.hardware-p {
		padding: 10px;
		margin: 0;
		font-size: 17px;
	}

	p {
		font-size: 17px;
	}

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

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (min-width: 391px) and (max-width: 412px) {
	.mision-critica {
		padding: 0px 35px 0px 35px !important;
	}
}

@media only screen and (min-width: 391px) and (max-width: 411px) {
	.margin-top-sb-30 {
		margin-top: 30px !important;
		/*padding: 25px;*/
		background-size: cover;
	}
}

@media only screen and (min-width: 391px) and (max-width: 392px) {
	.pading10 {
		padding: 10px;
	}
}

@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;
	}

	.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;
	}

	.slick-arrow {
		display: none !important;
	}

	.hosting p {
		font-size: 15px;
	}

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

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

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}
}

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

	.container-hardware {
		padding: 0 22px 0 20px;
	}

	.project-description p {
		padding: 7px;
	}
	.portfolio-screenshot img {
		width: 70%;
	}

	.slider-hardware-fix {
		padding: 0px 30px 0px 5px;
	}

	.virtualizacion-centros {
		padding: 0px 5px 0px 25px;
	}

	.virtualizacion-centros p {
		padding-right: 20px;
		padding-left: 4px;
	}

	.fix-hadware-padding p {
		padding-right: 0px !important;
	}

	.ajustar-contenido-hadware {
		padding: 0px;
	}

	.project-technology {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (min-width: 375px) and (max-width: 820px) {
	.nuevopading {
		padding: 0px;
	}

	.reingenieria-title {
		margin-left: 10px;
	}

	.reigeneriatexto {
		padding: 0px !important;
	}
	/* !regla modificada 20/29/2024 */
	.blog-inner img {
		width: 94.5%;
		margin-left: 11px;
	}
}

@media only screen and (min-width: 375px) and (max-width: 432px) {
	.pading10 {
		padding: 10px;
	}
}

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

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

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

	.servicio-area-variedad {
		padding: 25px 25px;
	}

	.author-content {
		padding: 0px;
	}

	.container-hardware {
		padding: 0px 15px 0 15px;
	}

	.project-description p {
		padding-right: 25px;
		padding-left: 10px;
	}

	.portfolio-screenshot img {
		width: 70%;
	}

	.slider-hardware-fix {
		padding: 0px 30px 0px 5px;
	}

	.virtualizacion-centros {
		padding: 0px 5px 0px 25px;
	}

	.virtualizacion-centros p {
		padding-right: 0px;
		padding-left: 0px;
	}

	.fix-hadware-padding p {
		padding-right: 0px !important;
	}

	.ajustar-contenido-hadware {
		padding: 0px;
	}

	.project-technology {
		padding-right: 2px;
		padding-left: 4px;
	}
	.tituloproyecto {
		margin-left: 10px;
	}
}

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

	.container-hardware {
		padding: 0 22px 0 20px;
	}

	.project-description p {
		padding-right: 25px;
		padding-left: 10px;
	}

	.portfolio-screenshot img {
		width: 70%;
	}
	.slider-hardware-fix {
		padding: 0px 30px 0px 5px;
	}

	.virtualizacion-centros {
		padding: 0px 5px 0px 25px;
	}

	.virtualizacion-centros p {
		padding-right: 20px;
		padding-left: 4px;
	}

	.fix-hadware-padding p {
		padding-right: 0px !important;
	}

	.ajustar-contenido-hadware {
		padding: 0px;
	}

	.project-technology {
		padding-right: 10px;
		padding-left: 10px;
	}

	/* !regla modificada 20/09/2024 */
	.servicio-otros {
		padding: 12px 20px 43px 20px;
	}
}

@media only screen and (min-width: 350px) and (max-width: 932px) {
	/* .seccion-curva img {
		width: 100%;
		height: 123px;
		margin-top: 124px;
	} */

	.default-margin-mt {
		margin-top: 0px;
		padding: 0px 15px;
	}

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

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

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

	.person-name p {
		font-size: 15px;
		padding: 0px;
	}

	p {
		/*margin-bottom: -5px !important;*/
		font-size: 17px;
		padding: 10px;
	}

	/* !regla agregada 16/09/2024*/
	.servicio-area {
		background-color: #fff;
		padding: 0px 24px 50px 24px;
	}
	/* !!las 3 reglas de abajo de 17/09 es probable que las quite */
	/* !regla agregada 17/09/2024*/
	.team-image {
		width: 102% !important;
		margin-left: -3px !important;
	}
	/* !regla agregada 17/09/2024*/
	.hosting .team-image {
		width: 102% !important;
		margin-left: -3px !important;
	}
	/* !regla agregada 17/09/2024*/
	.servicios-desarrollo .team-image {
		width: 99.5% !important;
		margin-left: 2px !important;
	}
	/* !regla agregada 17/09/2024*/

	.servicios-desarrollo {
		padding: 0px 10px;
	}

	.hosting {
		padding: 0px 15px;
	}

	.hardware {
		padding: 0px 15px;
	}

	.proyectos {
		padding: 0px 15px;
	}

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

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

	.mision-critica {
		padding: 0px 30px;
	}

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

	.search-icon-area i {
		background-color: transparent;
		color: #fff;
	}
}
@media only screen and (min-width: 350px) and (max-width: 931px) {
	/* !regla agregada 17/09/2024*/
	.servicios-reingenieria {
		width: 100%;
		padding-left: 20px;
		margin-left: -5px;
	}
}
/* !regla agregada 28/11/2024*/
@media (min-width: 350px) and (max-width: 767px) {
	/* servicios principal */
	.seccion-curva img {
		display: none;
	}
	.seccion-curva img.curve-mobile-servicios {
		display: block;
		width: 100%;
		height: 100% !important;
		margin-top: calc(79px - ((100vw - 350px) / 50 * 6));
	}
}

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

	.left-side-2 {
		padding: 0px;
	}

	.author-content {
		padding: 0px;
	}

	/* !regla modifcada 30/09/2024*/
	.container-hardware {
		padding: 0 25px 0 25px;
	}
	/* !regla agregada 30/09/2024*/
	.virtualizacion {
		padding: 0px 25px 30px 15px;
	}
	/* !regla agregada 30/09/2024*/
	.servicio-otros {
		padding: 12px 10px 43px 10px;
	}

	.project-description p {
		padding-right: 25px;
		padding-left: 10px;
	}

	.portfolio-screenshot img {
		width: 70%;
	}

	.slider-hardware-fix {
		padding: 0px 30px 0px 5px;
	}

	.virtualizacion-centros {
		padding: 0px 5px 0px 25px;
	}

	.virtualizacion-centros p {
		padding-right: 20px;
		padding-left: 4px;
	}

	.fix-hadware-padding p {
		padding-right: 0px !important;
	}

	.ajustar-contenido-hadware {
		padding: 0px;
	}

	.project-technology {
		padding-right: 10px;
		padding-left: 10px;
	}
}
/* !regla agregada 20/11/2024*/
@media (min-width: 350px) and (max-width: 767px) and (max-height: 932px) {
	/* !regla agregada 20/11/2024*/
	/* robotica de procesos */
	.seo-h1-titulos-proyectos h1 {
		margin-top: 50px;
		line-height: 42px;
	}
	/* !regla agregada 20/11/2024*/
	/* servicios, mision, hosting */
	.servicio-area {
		background-color: #fff;
		padding: 25px 24px 50px 24px;
	}

	/* !regla agregada 20/11/2024*/
	/* hardware */
	.seo-h1-titulos-hardware h1 {
		margin-top: 75px;
		line-height: 42px;
	}
	/* !regla agregada 21/11/2024*/
	.seo-h1-titulos--hosting h1 {
		margin-bottom: 0px;
	}
}

/* !####### C.5 FIN EQUIPOS MOVILES RESOLUCION HASTA : 480px. ####### */

/* ?============================================================  */
/* ?===================== FIN C. SERVICIOS =====================  */
/* ?============================================================  */

/* ------------------------------------------------------------- */

/* ?============================================================  */
/* ?=========================  D. BLOG =========================  */
/* ?============================================================  */

/* !######## D.1 MONITORES XXL GRANDES desktop :1440px a 4K. ######## */

@media only screen and (min-width: 1980px) {
	.portfolio-content {
		left: 7%;
		top: 3%;
		width: 86%;
		height: 84%;
	}
}

@media (min-width: 1920px) {
	/* !regla agregada 08/10/2024*/
	.home-blog-area--algorito {
		background-color: #f7fff7;
		padding: 120px 317px 120px 318px !important;
	}
	/* !regla agregada 09/10/2024*/
	.home-blog-area--freewifi {
		background-color: #f7fff7;
		padding: 120px 318px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 120px 318px !important;
	}

	/* !regla agregada 16/10/2024*/
	.home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 326px !important;
	}
	/* !regla agregada 17/10/2024*/
	.home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 319px !important;
	}
}

@media (min-width: 1920px) and (max-height: 1080px) {
	/* !regla agregada 01/11/2024*/
	.single-portfolio:hover .portfolio-content {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}

	/* !regla agregada 01/11/2024*/
	.portfolio-content {
		left: 8%;
		top: 5%;
		width: 84%;
		height: 80%;
	}
}

@media (min-width: 1900px) {
	/* !regla agregada 01/11/2024*/
	.single-portfolio:hover .portfolio-content {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}

	/* !regla agregada 01/11/2024*/
	.portfolio-content {
		left: 8%;
		top: 5%;
		width: 84%;
		height: 80%;
	}
}

@media (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	/* !regla agregada 08/10/2024*/
	.home-blog-area--algorito {
		background-color: #f7fff7;
		padding: 120px 77px 120px 78px !important;
	}
	/* !regla agregada 09/10/2024*/
	.home-blog-area--freewifi {
		background-color: #f7fff7;
		padding: 120px 78px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 120px 78px !important;
	}

	/* !regla agregada 16/10/2024*/
	.home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 86px !important;
	}

	/* !regla agregada 17/10/2024*/
	.home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 79px !important;
	}
}

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

	/* !regla modificada 01/11/2024*/
	.portfolio-content {
		left: 8%;
		top: 5%;
		width: 84%;
		height: 80%;
	}
}

@media (min-width: 1440px) and (max-width: 1919px) and (max-height: 1080px) {
	/* !regla agregada 01/11/2024*/
	.single-portfolio:hover .portfolio-content {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}

	/* !regla agregada 01/11/2024*/
	.portfolio-content {
		left: 8%;
		top: 5%;
		width: 84%;
		height: 80%;
	}
}

/* !###### D.1 FIN MONITORES XXL GRANDES desktop :1440px a 4K. ###### */

/* ------------------------------------------------------------- */

/*!##### D.2 MONITORES EXTRA GRANDES desktop :1024px a 1439px.###### */

@media (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
	/* !regla agregada 08/10/2024*/
	.home-blog-area--algorito {
		background-color: #f7fff7;
		padding: 120px 70px 120px 70px !important;
	}

	/* !regla agregada 10/10/2024*/
	.home-blog-area--freewifi {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 16/10/2024*/
	.home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 79px !important;
	}

	/* !regla agregada 17/10/2024*/
	.home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 71px !important;
	}
}

/* !regla agregada el 04/11/2024 */
@media (min-width: 1366px) and (max-width: 1439px) and (max-height: 1080px) {
	/* !regla agregada el 04/11/2024 */
	.portfolio-content {
		left: 8%;
		top: 5%;
		width: 84%;
		height: 80%;
	}
}

@media (min-width: 1200px) and (max-width: 1200px) and (min-height: 675px) and (max-height: 675px) {
	/* !regla agregada 08/10/2024*/
	.home-blog-area--algorito {
		background-color: #f7fff7;
		padding: 120px 70px 120px 70px !important;
	}

	/* !regla agregada 10/10/2024*/
	.home-blog-area--freewifi {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 17/10/2024*/
	.home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 78px !important;
	}

	/* !regla agregada 17/10/2024*/
	.home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 71px !important;
	}
	/* !regla agregada 17/10/2024*/
	.portfolio-main-area {
		background-color: #fff;
		padding: 111px 55px;
	}
	/* !regla agregada 27/12/2024*/
	.portfolio-main-area h1 {
		margin-top: 1px;
	}
}

/* !regla agregada el 04/11/2024 */
@media (min-width: 1200px) and (max-width: 1365px) and (max-height: 1080px) {
	/* !regla agregada el 04/11/2024 */
	.portfolio-content {
		left: 9%;
		top: 5%;
		width: 82%;
		height: 79%;
	}
}

@media (min-width: 1024px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 768px) {
	/* !regla agregada 08/10/2024*/
	.home-blog-area--algorito {
		background-color: #f7fff7;
		padding: 120px 70px 120px 70px !important;
	}

	/* !regla agregada 10/10/2024*/
	.home-blog-area--freewifi {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 17/10/2024*/
	.home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 79px !important;
	}

	/* !regla agregada 18/10/2024*/
	section .home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 71px !important;
	}
}
/* !regla agregada el 04/11/2024 */
@media (min-width: 1024px) and (max-width: 1199px) and (max-height: 1366px) {
	/* !regla agregada el 04/11/2024 */
	.portfolio-content {
		left: 9%;
		top: 4%;
		width: 82%;
		height: 77%;
	}
}

@media (min-width: 1024px) {
	.default-margin-mt {
		margin-top: 0px;
	}

	.home-blog-area {
		background-color: #f7fff7;
		padding: 120px 55px;
	}

	.footer-logo p {
		margin-top: 12px;
	}

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

	.blogmargen {
		margin-top: 10px !important;
	}

	.footer-logo p {
		margin-top: 12px;
	}

	/* !regla agregada 02/10/2024*/
	.containerPortfolio {
		padding: 0px !important;
	}
}

/*!### D.2 FIN MONITORES EXTRA GRANDES desktop :1024px a 1439px.### */
/* ------------------------------------------------------------- */

/* !######## D.3 MONITORES TABLETS desktop :768px a 1023px..######### */

@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {
	/* !regla agregada 09/10/2024*/
	.home-blog-area--algorito {
		padding: 120px 70px 120px 70px !important;
	}

	/* !regla agregada 10/10/2024*/
	.home-blog-area--freewifi {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 120px 70px !important;
	}

	/* !regla agregada 17/10/2024*/
	section .home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 79px !important;
	}
	/* !regla agregada 18/10/2024*/
	section .home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 72px !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 992px) and (min-height: 800px) and (max-height: 800px) {
	/* !regla agregada 17/10/2024*/
	section .home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 78px !important;
	}

	/* !regla agregada 31/10/2024*/
	/* ajustar tamaño del banner */
	.contact-hero-banner img {
		width: 100%;
		height: 100% !important;
	}

	/* fix altura de titulo blog*/
	/* !regla agregada 27/12/2024*/
	div .portfolio-main-area--blog {
		padding: 88px 0px;
	}
	/* fix altura de titulo blog en algoritmo */
	/* !regla agregada 27/12/2024*/
	div .portfolio-main-area--algorito {
		padding: 23px 0px;
	}

	/* fix altura de titulo blog en freewifi*/
	/* !regla agregada 27/12/2024*/
	div.portfolio-main-area--freeWifi {
		padding: 23px 0px;
	}

	/* fix altura de titulo blog en mineria de datos */
	/* !regla agregada 27/12/2024*/
	div.portfolio-main-area--mineriaDeDatos {
		padding: 23px 0px;
	}
	/* fix altura de titulo blog en web service anatomy */
	/* !regla agregada 27/12/2024*/
	div .portfolio-main-area--anatomy {
		padding: 143px 0px;
	}

	/* fix altura de titulo blog en the expert */
	/* !regla agregada 27/12/2024*/
	div .portfolio-main-area--the-expert {
		padding: 23px 0px !important;
	}
}

/* !regla agregada 04/11/2024  */
@media (min-width: 992px) and (max-width: 1023px) and (max-height: 1024px) {
	/* !regla agregada 04/11/2024  */
	.portfolio-content {
		left: 9%;
		top: 4%;
		width: 82%;
		height: 77%;
	}

	/* !regla agregada 05/11/2024  */
	.containerPortfolio {
		padding: 0 55px 0 55px;
	}

	/* fix padding web services anatomy */
	/* !regla agregada 06/11/2024  */
	.areawsana .pl-4,
	.px-4 {
		padding-left: 3.5rem !important;
	}
	/* !regla agregada 06/11/2024  */
	.areawsana .pl-4,
	.px-4 {
		padding-right: 3.5rem !important;
	}
	/* !regla agregada 06/11/2024  */
	section .home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 55px !important;
	}
	/* !regla agregada 06/11/2024  */
	.blogAlgoritmo {
		padding: 120px 40px !important;
	}
	/* !regla agregada 06/11/2024  */
	.containerPortfolio--freeWifi {
		padding: 120px 40px !important;
	}
	/* !regla agregada 06/11/2024  */
	.containerPortfolio--mineriaDeDatos {
		padding: 120px 40px !important;
	}
	/* !regla agregada 06/11/2024  */
	.containerPortfolio--theExpert {
		padding: 120px 40px !important;
	}

	/* !regla agregada 08/11/2024  */
	.contactus-area {
		background-color: #fff;
		padding: 80px 55px;
	}
}

@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);
	}

	/*margen para 768px*/
	/* !regla modificada 04/11/2024 */
	.portfolio-main-area {
		padding: 80px 0px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
}

@media (min-width: 931px) and (max-width: 932px) {
	/*margen para 768px*/
	.portfolio-main-area {
		padding: 80px 55px;
	}

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

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

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

	.portfolio-main-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
}

@media (min-width: 820px) {
	.footer-columna-link {
		margin-left: 40px;
	}

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

@media only screen and (min-width: 820px) and (max-width: 820px) and (min-height: 1180px) and (max-height: 1180px) {
	/* !regla agregada 02/10/2024*/
	.portfolio-main-area {
		padding: 80px 35px !important;
	}
	/* !regla agregada 02/10/2024*/
	.section-heading-3 .section-heading-3__page-blog--p {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* !regla agregada 08/10/2024*/
	.home-blog-area--algorito {
		background-color: #f7fff7;
		padding: 120px 50px 120px 51px !important;
	}

	/* !regla agregada 14/10/2024*/
	.home-blog-area--freewifi {
		padding: 80px 51px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 80px 51px !important;
	}

	/* !regla agregada 17/10/2024*/
	section .home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 59px !important;
	}
	/* !regla agregada 18/10/2024*/
	section .home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 51px !important;
	}
}

/* !regla agregada 04/11/2024  */
@media (min-width: 820px) and (max-width: 991px) and (max-height: 1080px) {
	/* !regla agregada 04/11/2024  */
	.portfolio-content {
		left: 7%;
		top: 2%;
		width: 86%;
		height: 83%;
	}
}

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

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

@media only screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	/* !regla agregada 02/10/2024*/
	.portfolio-main-area {
		padding: 80px 35px !important;
	}
	/* !regla agregada 02/10/2024*/
	.section-heading-3 .section-heading-3__page-blog--p {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* !regla agregada 08/10/2024*/
	.home-blog-area--algorito {
		background-color: #f7fff7;
		padding: 120px 50px 120px 51px !important;
	}

	/* !regla agregada 14/10/2024*/
	.home-blog-area--freewifi {
		padding: 80px 50px !important;
	}

	/* !regla agregada 15/10/2024*/
	.home-blog-area--mineria-de-datos {
		background-color: #f7fff7;
		padding: 80px 50px !important;
	}

	/* !regla agregada 17/10/2024*/
	section .home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 59px !important;
	}

	/* !regla agregada 18/10/2024*/
	section .home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 51px !important;
	}
}

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

/* !regla agregada 08/11/2024  */
@media (min-width: 768px) and (max-width: 819px) and (max-height: 1080px) {
	/* !regla agregada 08/11/2024  */

	.section-heading-3__page-blog--p {
		padding: 0px 15px;
	}
}

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

@media (min-width: 768px) and (max-width: 991px) {
	#searchbox {
		max-width: 90%;
		font-size: 23px;
	}

	.default-margin-mt-sm {
		margin-top: 30px;
	}

	.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;
	}
}

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

	.portfolio-main-area {
		padding: 80px 55px;
	}

	/* !!regla eliminada el 09/09/2024 */
	/* !!esto pertenece a home */
	/* .home-blog-area {
		padding: 80px 55px !important;
	} */
}

@media (min-width: 768px) {
	.img-qr {
		margin-left: -6px;
		padding-top: 50px;
	}

	.default-margin-mt {
		margin-top: 0px;
	}

	.section-heading-3 {
		padding-bottom: 50px;
	}
	/*footer logo  julio 25*/
	.footer-logo p {
		margin-top: 22px;
	}

	.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;
	}

	/* !!regla eliminada el 04/11/2024 */
	/* !se agraga a la media-query siguiente 04/11/2024 */

	.section-heading-3 h3 {
		margin-top: -11px;
	}
}
/* !regla agregada 04/11/2024  */
@media (min-width: 768px) and (max-width: 819px) and (max-height: 1024px) {
	/* !regla agregada 04/11/2024  */
	.portfolio-content {
		left: 7%;
		top: 2%;
		width: 86%;
		height: 83%;
	}
}
/* !###### D.3 FIN MONITORES TABLETS desktop :768px a 1023px..####### */

/* ------------------------------------------------------------- */

/* !######## D.4 EQUIPOS MOVILES RESOLUCION : 481px a 767px..######## */

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}
	/*margen para 768px*/
	.portfolio-main-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	/*margen para 768px*/
	.portfolio-main-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
}
/* !regla agregada 05/11/2024*/
@media only screen and (min-width: 576px) and (max-width: 576px) {
	.portfolio-content {
		left: 8%;
		top: 3%;
		width: 84%;
		height: 75%;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	/*margen para 768px*/
	.portfolio-main-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
}

@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;
	}

	.portfolio-hero-text {
		top: 67%;
	}

	.portfolio-hero-text h1 {
		font-size: 32px;
	}

	.portfolio-hero-text p {
		line-height: 25px;
	}

	.portfolio-filter {
		margin-bottom: 60px;
	}

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

	.default-margin-mt {
		margin-top: 0;
	}

	.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;
	}

	.author-profile img {
		width: 50%;
	}
}

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

	/*margen para 768px*/
	.portfolio-main-area {
		padding: 80px 55px;
	}

	.home-blog-area {
		padding: 80px 55px !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 480px) and (min-height: 800px) and (max-height: 800px) {
	/* !regla agregada 02/10/2024*/
	.portfolio-main-area {
		padding: 80px 20px !important;
	}
	/* !regla agregada 02/10/2024*/
	.section-heading-3 .section-heading-3__page-blog--p {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* !regla agregada 09/10/2024*/
	.algoritmopadd--480 {
		padding-left: 25px;
		padding-right: 25px;
	}
	/* !regla agregada 09/10/2024*/
	section .home-blog-area--algorito {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	/* !regla agregada 14/10/2024*/
	section .home-blog-area--freewifi {
		padding: 25px 35px !important;
	}

	/* !regla agregada 15/10/2024*/
	section .home-blog-area--mineria-de-datos {
		padding: 25px 35px !important;
	}

	/* !regla agregada 17/10/2024*/
	section .home-blog-area--web-service-anatomy {
		background-color: #f7fff7;
		padding: 120px 44px !important;
	}

	/* !regla agregada 18/10/2024*/
	.portfolio-main-area--the-expert {
		padding: 80px 25px !important;
	}
	/* !regla agregada 18/10/2024*/
	section .home-blog-area--the-expert {
		background-color: #f7fff7;
		padding: 120px 40px !important;
	}
}

@media (min-width: 431px) and (max-width: 767px) {
	.img-mobile {
		margin-top: -44px;
	}

	.home-blog-area {
		padding: 25px 25px !important;
	}

	.portfolio-main-area {
		padding: 25px 25px;
	}

	.portfolio-content {
		position: absolute;
		left: 6%;
		top: 1.2%;
	}
}
/* !###### D.4 FIN EQUIPOS MOVILES RESOLUCION : 481px a 767px.###### */
/* ------------------------------------------------------------- */

/* !########## D.5 EQUIPOS MOVILES RESOLUCION HASTA : 480px.######### */

@media (min-width: 412px) {
	.left-side-2 {
		padding: 0px;
	}

	.author-content {
		padding: 20px;
	}
}

@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;
	}

	/* !!regla eliminada-3 08/08/2024*/

	p {
		font-size: 17px;
	}

	.home-blog-area {
		background-color: #f7fff7;
		padding: 120px 40px;
		margin-top: 30px;
	}

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

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}

	/* !!regla eliminada 06/08/2024*/
}
@media only screen and (min-width: 391px) and (max-width: 411px) {
	/* !!regla eliminada 12/08/2024*/

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

@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;
	}

	.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;
	}

	.slick-arrow {
		display: none !important;
	}

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

	.home-blog-area {
		background-color: #f7fff7;
		/* !!regla elimianda 06/08/2024 */
	}

	.img-qr {
		margin-left: 60px;
		padding-top: 50px;
	}
	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}

	.home-blog-area {
		background-color: #f7fff7;
		/* !!regla elimianda 06/08/2024 */
	}
}

@media only screen and (min-width: 390px) {
	.left-side-2 {
		padding: 0px;
	}
	/* !se modifica eta regla 16/10/2024 */
	.author-content {
		padding: 20px;
	}
}

@media (min-width: 375px) and (max-width: 820px) {
	.padingblog {
		padding: 0px;
	}
	/* !!estose elimina ya que es de servicios y no de blog */
	/* .blog-inner img {
		width: 95%;
		margin-left: 11px;
	} */
}

@media only screen and (min-width: 375px) and (max-width: 432px) {
	.cuadropading {
		padding: 10px;
	}
}

@media (min-width: 375px) and (max-width: 430px) {
	/* !!regla elimianda 06/08/2024 */

	.portfolio-main-area {
		padding: 25px 25px;
	}

	.portfolio-content {
		position: absolute;
		left: 6%;
		top: 1.2%;
	}
}

@media only screen and (min-width: 375px) {
	.left-side-2 {
		padding: 0px;
	}
	/* !se modifica eta regla 16/10/2024 */
	.author-content {
		padding: 20px;
	}
}

@media only screen and (min-width: 350px) and (max-width: 932px) {
	/* .seccion-curva img {
		width: 100%;
		height: 123px;
		margin-top: 124px;
	} */

	.containerPortfolio {
		padding: 0px;
	}
	/* !!ojo con esta query que puede afectar en otras iamgenes ademas de nosotros 17/09/2024 */
	.default-margin-mt {
		margin-top: 0px;
		padding: 0px 15px;
	}

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

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

	/* !!regla eliminada-3 05/08/2024 */

	p {
		/*margin-bottom: -5px !important;*/
		font-size: 17px;
		padding: 10px;
	}

	.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;
	}
}
/* !regla modificada el 26/11/2024 */
@media (min-width: 350px) and (max-width: 767px) {
	/* !regla agregada el 25/11/2024 */
	.portfolio-hero-banner img {
		width: 100%;
		height: auto;
	}

	/* !regla agregada el 25/11/2024 */
	.portfolio-hero-banner::before {
		width: 100%;
		height: 100%;
	}
	/* !regla agregada el 29/11/2024 */
	.seccion-curva img {
		display: none;
	}
	/* !regla agregada el 29/11/2024 */
	.seccion-curva img.curve-mobile-blog {
		display: block;
		width: 100%;
		height: 100% !important;
		margin-top: calc(79px - ((100vw - 350px) / 50 * 6));
		object-fit: fill;

		/* fill: El contenido se estira para llenar el contenedor. Esto puede distorsionar la imagen si las proporciones del contenedor no coinciden con las de la imagen. */
	}
}

@media only screen and (min-width: 350px) {
	/*  fix padding hsoting */
	.left-side-2 {
		padding: 0px;
	}

	/* !se modifica eta regla 16/10/2024 */
	.author-content {
		padding: 20px;
	}

	/* !regla agregada 15/10/2024*/
	/* .yt-container--mineria-de-datos {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;   //Proporción 16:9 
		height: 0;
		overflow: hidden;
	} */
	/* .yt-video--mineria-de-datos {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	} */
}

/* !######## D.5 FIN EQUIPOS MOVILES RESOLUCION HASTA : 480px.####### */

/* ?============================================================  */
/* ?======================= FIN D. BLOG ========================  */
/* ?============================================================  */

/* ------------------------------------------------------------- */

/* ?============================================================  */
/* ?=======================  E. CONTACTO =======================  */
/* ?============================================================  */

/* !########## E.1 MONITORES XXL GRANDES desktop :1440px a 4K.####### */

/* 1 */
@media (min-width: 1920px) {
	.contact-hero-banner img {
		width: 100%;
	}
}

/* !quede aqui 09/04/2025 */
/* ! media query agregada 09/04/2025*/
/* media query para Macbook Pro 16 1728px * 1117px */
@media (min-width: 1728px) and (max-width: 1919px) and (min-height: 1081px) and (max-height: 1117px) {
	/* !regla agregada 09/04/2025*/
	.seo-h1-titulos--contacto {
		margin-top: 147px;
		padding-bottom: 50px;
	}
}

/* 2 */
@media (min-width: 1440px) {
	.seccion-curva .curve {
		position: absolute;
		bottom: -204px;
		height: 360px;
		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; */
	}
	/*cambio de texto tablet julio 24*/
	.textcontacto-tablet {
		display: none;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	/* !regla agregada 11/11/2024*/
	.seo-h1-titulos--contacto h1 {
		margin-top: 130px;
	}
}

@media (min-width: 1440px) and (max-width: 1919px) /* and (min-height: 900px) */ and (max-height: 1080px) {
	/* !regla agregada 11/11/2024*/
	.seo-h1-titulos--contacto h1 {
		margin-top: 110px;
	}
}

/* !####### E.1 FIN MONITORES XXL GRANDES desktop :1440px a 4K.###### */

/* ------------------------------------------------------------- */

/* !###### E.2 MONITORES EXTRA GRANDES desktop :1024px a 1439px.##### */

@media (min-width: 1366px) {
	/*cambio de texto tablet julio 24*/

	.textcontacto-tablet {
		display: none;
	}

	.textcontacto {
		display: inline;
	}

	/* !regla agregada 21/10/2024*/
	.g-recaptcha {
		margin-left: 36%;
		transform: translate(-3px, 68px);
	}

	/* !regla agregada 21/10/2024*/
	.captchaerror {
		margin-left: 39%;
		transform: translate(6px, 68px);
	}
}

/* !regla agregada 11/11/2024*/
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
	/* !regla agregada 11/11/2024*/
	.contactus-area {
		padding: 120px 55px;
	}

	/* fix altura titulo contacto 1366 */
	/* !regla agregada 27/12/2024*/
	.sin-padding {
		margin-top: 23px;
	}
}
/* !regla agregada 11/11/2024*/
@media only screen and (min-width: 1366px) and (max-width: 1439px) /* and (min-height: 768px) */ and (max-height: 1080px) {
	/* !regla agregada 11/11/2024*/
	.contactus-area {
		padding: 120px 55px;
	}
}

/* !regla agregada 22/10/2024*/
@media only screen and (min-width: 1200px) and (max-width: 1200px) and (min-height: 675px) and (max-height: 675px) {
	/* !regla agregada 22/10/2024*/
	.g-recaptcha {
		margin-left: 32.4%;
		transform: translate(-3px, 68px);
	}

	/* !regla agregada 22/10/2024*/
	.captchaerror {
		margin-left: 36%;
		transform: translate(6px, 68px);
	}

	/* !regla agregada 11/11/2024*/
	.contactus-area {
		padding: 120px 55px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) /* and (min-height: 768px) */ and (max-height: 1080px) {
	/* !regla agregada 11/11/2024*/
	.contactus-area {
		padding: 120px 55px;
	}
}

@media only screen and (min-width: 1088px) and (max-width: 1269px) {
	.redescontacto {
		margin-top: 0px;
	}
}

/* fix titulo contacto */
/* !media query agregada 27/12/2024*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) and (min-height: 1366px) and (max-height: 1366px) {
	/* !media query agregada 27/12/2024*/
	div .sin-padding {
		background-color: #fff;
		padding: 119px 0 120px 0;
	}
}

@media (min-width: 1024px) {
	.ocultar {
		display: inline;
	}

	.ocultar2 {
		display: none;
	}

	.contact-form-area input[type='text'] {
		width: 49.6%;
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #425d9b;
		padding: 10px 5px;
		color: #425d9b;
	}

	.contact-form-area input[type='email'] {
		width: 100%;
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #425d9b;
		margin-top: 60px;
		margin-bottom: 60px;
		color: #425d9b;
		padding: 10px 5px;
	}

	.contact-form-area {
		padding: 100px;
		margin-bottom: 40px;
	}

	/*cambio de texto tablet julio 24*/
	.textcontacto-tablet {
		display: none;
	}

	.textcontacto {
		display: inline;
	}

	.footer-logo p {
		margin-top: 12px;
	}

	.textcontacto2 {
		display: inline;
	}
	/* !!estar pendiente de estas querys ya que vienen de una media query extraña: (min-width: 1024px) and (max-width: 1024px) si se rompe probar con esta mediaqury extraña*/
	/* .g-recaptcha {
		margin-left: 28%;
		transform: translate(-3px, 68px);
	}

	.captchaerror {
		margin-left: 32%;
		transform: translate(6px, 68px);
	} */

	/* !!--------------------------------------------------------------------- */

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

	.footer-logo p {
		margin-top: 12px;
	}

	/* !regla agregada 03/10/2024*/
	.map-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		margin-bottom: 50px;
		position: relative;
		height: 0;
		margin-right: 15px;
		margin-left: 2px;
		border-radius: 14px;
		width: 100% !important;
	}
	/* !regla agregada 03/10/2024*/
	.redescontacto {
		margin-top: 0px;
	}

	/* !regla agregada 03/10/2024*/
	.contact-form-area {
		padding: 100px !important;
	}
	/* !regla agregada 03/10/2024*/
	.contact-form-area {
		margin: 50px 2px 50px 2px !important;
	}

	/* !regla agregada 03/10/2024*/
	.contact-form-area input[type='text'] {
		width: 49.6% !important;
		background-color: transparent !important;
		border: none !important;
		border-bottom: 1px solid #425d9b !important;
		padding: 10px 5px !important;
		color: #425d9b !important;
	}
	/* !regla agregada 03/10/2024*/
	.contact-form-area input[type='email'] {
		width: 100% !important;
		background-color: transparent !important;
		border: none !important;
		border-bottom: 1px solid #425d9b !important;
		margin-top: 60px !important;
		margin-bottom: 60px !important;
		color: #425d9b !important;
		padding: 10px 5px !important;
	}

	/* !regla agregada 09/10/2024*/
	.contact-left-bg .ocultar {
		display: inline !important;
	}
}

/* !regla agregada 21/10/2024*/
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
	/* !regla agregada 21/10/2024*/
	.g-recaptcha {
		margin-left: 28%;
		transform: translate(-3px, 68px);
	}
	/* !regla agregada 21/10/2024*/
	.captchaerror {
		margin-left: 32%;
		transform: translate(6px, 68px);
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 768px) {
	/* !regla agregada 11/11/2024*/
	.contactus-area {
		padding: 120px 55px;
	}

	/* fix altura titulo contacto 1024 */
	/* !regla agregada 27/12/2024*/
	.sin-padding {
		margin-top: 23px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) /* and (min-height: 768px) */ and (max-height: 1080px) {
	/* !regla agregada 11/11/2024*/
	.contactus-area {
		padding: 120px 55px;
	}
}

/* !### E.2 FIN MONITORES EXTRA GRANDES desktop :1024px a 1439px.#### */
/* ------------------------------------------------------------- */

/* !############### E.3 TABLETS desktop :768px a 1023px.############# */

@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);
	}

	.contactus-area {
		padding: 80px 55px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 992px) and (min-height: 800px) and (max-height: 800px) {
	/* !regla agregada 04/10/2024*/
	.map-responsive {
		overflow: hidden !important;
		padding-bottom: 56.25% !important;
		margin-bottom: 50px !important;
		position: relative !important;
		height: 0 !important;
		margin-right: 15px !important;
		margin-left: 2px !important;
		border-radius: 14px !important;
		width: 100% !important;
	}

	/* !regla agregada 07/10/2024*/
	.contact-left-bg .ocultar {
		display: none;
	}
	/* !regla agregada 07/10/2024*/
	.contact-form-area {
		margin: 50px 0px 50px 0px !important;
	}

	/* !regla agregada 22/10/2024*/
	.g-recaptcha {
		margin-left: 30.9%;
		transform: translate(-3px, 68px);
	}
	/* !regla agregada 22/10/2024*/
	.captchaerror {
		margin-left: 35%;
		transform: translate(6px, 68px);
	}
	/* !regla agregada 08/11/2024*/
	/* fix tamaño de banner */
	.contact-hero-banner {
		width: 100%;
		height: 75vh;
	}

	/* fix altura titulo contacto 992 */
	/* !regla agregada 27/12/2024*/
	.sin-padding {
		margin-top: 9px;
	}
}
/* !regla agregada 30/10/2024*/
@media (min-width: 992px) and (max-width: 1023px) /* and (min-height: 800px) */ and (max-height: 1080px) {
	/* !regla agregada 30/10/2024*/
	.map-responsive {
		overflow: hidden !important;
		padding-bottom: 56.25% !important;
		margin-bottom: 50px !important;
		position: relative !important;
		height: 0 !important;
		margin-right: 15px !important;
		margin-left: 2px !important;
		border-radius: 14px !important;
		width: 100% !important;
	}

	/* !regla agregada 30/10/2024*/
	.contact-left-bg .ocultar {
		display: none;
	}

	/* !regla agregada 30/10/2024*/
	.contact-form-area {
		margin: 50px 0px 50px 0px !important;
	}

	/* !regla agregada 30/10/2024*/
	.g-recaptcha {
		margin-left: 30.9%;
		transform: translate(-3px, 68px);
	}

	/* !regla agregada 30/10/2024*/
	.captchaerror {
		margin-left: 35%;
		transform: translate(6px, 68px);
	}
	/* !regla agregada 08/11/2024*/
	/* fix tamaño de banner */
	.contact-hero-banner {
		width: 100%;
		height: 75vh;
	}
}

@media (min-width: 931px) and (max-width: 932px) {
	.contactus-area {
		padding: 80px 55px;
	}

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

@media (min-width: 930px) {
	.textcontacto-tablet {
		display: none;
	}

	.textcontacto {
		display: inline;
	}

	.map-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		margin-bottom: 50px;
		position: relative;
		height: 0;
		border-radius: 14px;
		width: 100%;
	}
}

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

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

	.contactus-area {
		padding: 80px 55px;
	}
}

@media (min-width: 820px) {
	.footer-columna-link {
		margin-left: 40px;
	}

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

@media only screen and (min-width: 820px) and (max-width: 820px) and (min-height: 1180px) and (max-height: 1080px) {
	/* !regla agregada 07/10/2024*/
	.contact-form-area {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	/* !regla agregada 07/10/2024*/
	.map-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		margin-bottom: 50px;
		position: relative;
		height: 0;
		margin-right: 15px;
		margin-left: 0px !important;
		border-radius: 14px;
		width: 100% !important;
	}

	/* !regla agregada 21/10/2024*/
	#contact-form .g-recaptcha {
		margin-left: 25.53% !important;
		transform: translate(-3px, 68px) !important;
	}
	/* !regla agregada 23/10/2024*/
	#contact-form .captchaerror {
		margin-left: 31%;
		transform: translate(6px, 68px) !important;
	}
}

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

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

@media only screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	/* !regla agregada 07/10/2024*/
	.contact-form-area {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	/* !regla agregada 07/10/2024*/
	.map-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		margin-bottom: 50px;
		position: relative;
		height: 0;
		margin-right: 15px;
		margin-left: 2px;
		border-radius: 14px;
		width: 100% !important;
	}
	/* !regla agregada 23/10/2024*/
	#contact-form .g-recaptcha {
		margin-left: 22.5% !important;
		transform: translate(-3px, 68px) !important;
	}

	/* !regla agregada 23/10/2024*/
	#contact-form .captchaerror {
		margin-left: 28.5%;
		transform: translate(6px, 68px);
	}
}

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

	.seo-h1-titulos h1 {
		margin-top: 55px;
	}
}

@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;
	}

	.single-contact-info {
		margin: 0;
	}

	/* !regla agregada 31/10/2024*/
	.map-responsive {
		overflow: hidden !important;
		padding-bottom: 56.25% !important;
		margin-bottom: 50px !important;
		position: relative !important;
		height: 0 !important;
		margin-right: 15px !important;
		margin-left: 2px !important;
		border-radius: 14px !important;
		width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 932px) {
	.g-recaptcha {
		margin-left: 23%;
		transform: translate(-3px, 68px);
	}

	.captchaerror {
		margin-left: 29%;
		transform: translate(6px, 68px);
	}
}

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

@media (min-width: 768px) {
	.img-qr {
		margin-left: -6px;
		padding-top: 50px;
	}

	.contact-form-area input[type='email'] {
		width: 100%;
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #425d9b;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #425d9b;
		padding: 10px 5px;
	}

	.contact-form-area input[type='text'] {
		width: 100%;
		margin: 20px 0px;
	}

	.contact-form-area {
		padding: 30px;
		margin-bottom: 40px;
	}

	.single-contact-info-2 {
		background-color: #007bff;
		-webkit-box-shadow: 0px 2px 25px rgba(194, 194, 194, 0.25);
		box-shadow: 0px 2px 25px #6c757dd1;
		padding: 49px 0;
		text-align: center;
		margin: 0px 15px 0px 15px;
		border-radius: 14px;
		height: 285px;
		/* nuevo cambio julio 24*/
	}

	.single-contact-info {
		margin: 0 15px;
	}

	.map-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		margin-bottom: 50px;
		position: relative;
		height: 0;
		margin-right: 15px;
		margin-left: 2px;
		border-radius: 14px;
		width: 655px;
	}
	/* !!regla eliminada 08/11/2024 */
	/* .contactus-area {
		background-color: #fff;
		padding: 120px 55px;
	} */

	/* nuevo cambio julio 24*/
	.contact-form-area {
		margin: 50px 10px 50px 10px;
	}

	.section-heading-3 {
		padding-bottom: 50px;
	}
	/* !!regla eliminada el 03/10/2024 */
	/* .textcontacto2 {
		display: none;
	} */

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

	/*le saco padding a las tarjetas julio 28*/
	.sin-padding {
		padding-left: 0px;
		padding-right: 0px;
	}

	/* !esta clase no esta asignadad a ningun html esta clase puede ser parte de la renderizacion de la funcionalidad externa  del qr debe ser de contacto */
	.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;
	}

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

	/* !regla agregada 07/10/2024*/
	.contact-left-bg .ocultar {
		display: none;
	}
}

/* !############ E.3 FIN TABLETS desktop :768px a 1023px.############ */

/* ------------------------------------------------------------- */

/* !######## E.4 EQUIPOS MOVILES RESOLUCION : 481px a 767px.######### */
@media only screen and (min-width: 667px) and (max-width: 767px) {
	.col-lg-4 {
		margin-top: 30px;
	}

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.contactus-area {
		padding: 80px 55px;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.contactus-area {
		padding: 80px 55px;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.contactus-area {
		padding: 80px 55px;
	}
}

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

	.img-mobile {
		margin-top: -44px;
		margin-left: 52%;
	}

	.contactus-area {
		padding: 80px 55px;
	}
}

@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;
	}

	.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;
	}

	.contact-form-area {
		padding: 50px;
	}

	.contact-form-area input[type='text'] {
		width: 100%;
	}

	.single-contact-info {
		margin: 0;
	}

	.large-mb-d {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 480px) and (min-height: 800px) and (max-height: 800px) {
	/* !regla agregada 07/10/2024*/
	.map-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		margin-bottom: 50px;
		position: relative;
		height: 0;
		margin-right: 20px;
		margin-left: 20px;
		border-radius: 14px;
	}
	/* !regla agregada 22/10/2024*/
	.g-recaptcha {
		margin-left: 8% !important;
		transform: translate(-3px, -3px) !important;
	}

	/* !regla agregada 22/10/2024*/
	.captchaerror {
		margin-left: 18% !important;
		transform: translate(6px, 68px) !important;
	}
}

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

	.contactus-area {
		padding: 80px 55px;
	}
}

@media (min-width: 431px) and (max-width: 767px) {
	/* !!regla eliminada el 11/09/2024 */
	/* .img-mobile {
		margin-top: -44px;
	} */
}
/* !###### E.4 FIN EQUIPOS MOVILES RESOLUCION : 481px a 767px.####### */
/* ------------------------------------------------------------- */

/* !######### E.5 EQUIPOS MOVILES RESOLUCION HASTA : 480px.########## */

@media (min-width: 428px) and (max-width: 932px) {
	/* !regla agregada 23/10/2024*/
	#contact-form .g-recaptcha {
		margin-left: 0.5%;
		transform: translate(-3px, 0px);
	}
	/* !regla agregada 23/10/2024*/
	.captchaerror {
		margin-left: 6%;
		transform: translate(6px, 68px) !important;
	}
}
@media (min-width: 412px) and (max-width: 430px) {
	.g-recaptcha {
		margin-left: -2.4%;
		transform: translate(-3px, 68px);
	}

	.captchaerror {
		margin-left: 7%;
		transform: translate(6px, 68px);
	}
}

@media (min-width: 412px) {
	/* .contact-hero-banner img {
		width: 100%;
		height: 75vh;
	} */
}

@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;
	}
	/* !!regla eliminada-4 08/08/2024*/

	p {
		font-size: 17px;
	}

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

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width: 412px) and (max-height: 915px) and (max-width: 915px) {
	/* !regla agregada 23/10/2024*/
	#contact-form .g-recaptcha {
		margin-left: -2.5%;
		transform: translate(-3px, 0px) !important;
	}
	/* !regla agregada 23/10/2024*/
	.captchaerror {
		margin-left: 6%;
		transform: translate(6px, 68px) !important;
	}
}

/* !!regla eliminada el 23/10/2024 */

@media only screen and (min-width: 391px) and (max-width: 411px) {
	.margin-top-sb-30 {
		margin-top: 30px !important;
		/*padding: 25px;*/
		background-size: cover;
	}
}

@media only screen and (max-width: 390px) and (max-width: 850px) {
	.ocultar {
		display: none;
	}

	#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;
	}

	.slick-arrow {
		display: none !important;
	}

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

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

	/* cambio de posicion de imagen */
	.container {
		display: flex;
		flex-direction: column;
	}
}

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

@media only screen and (min-width: 390px) and (max-width: 390px) and (min-height: 844px) and (max-height: 844px) {
	/* !regla agregada 23/10/2024*/
	#contact-form .g-recaptcha {
		margin-left: -7% !important;
		transform: translate(-3px, 0px) !important;
	}
	/* !regla agregada 23/10/2024*/
	.captchaerror {
		margin-left: 6%;
		transform: translate(6px, 68px) !important;
	}
}

@media (min-width: 376px) and (max-width: 393px) {
	.g-recaptcha {
		margin-left: -7.4%;
		transform: translate(-3px, 68px);
	}

	.captchaerror {
		margin-left: 4%;
		transform: translate(6px, 68px);
	}
}

@media (min-width: 375px) and (max-width: 667px) {
	/* !regla modificada 23/10/2024*/
	.g-recaptcha {
		margin-left: -6.5%;
		transform: translate(-3px, 0px);
	}
	/* !regla modificada 23/10/2024*/
	.captchaerror {
		margin-left: 6%;
		transform: translate(6px, 68px);
	}
}

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

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

@media only screen and (min-width: 350px) and (max-width: 932px) {
	.contact-form-area {
		padding: 30px;
		margin-bottom: 40px;
	}

	.contact-form-area input[type='text'] {
		width: 100%;
	}

	.map-responsive {
		height: 370px;
	}

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

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

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

	/* !!regla eliminanda-2 el 05/08/2024 */

	p {
		/*margin-bottom: -5px !important;*/
		font-size: 17px;
		padding: 10px;
	}

	.contactus-area {
		padding-top: 0px;
	}

	.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;
	}

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

@media only screen and (min-width: 320px) {
	/*cambio de texto tablet julio 24*/
	.textcontacto-tablet {
		display: none;
	}
}
/* !regla agregada 29/11/2024 */
@media (min-width: 350px) and (max-width: 767px) {
	.seccion-curva img {
		display: none;
	}
	.seccion-curva img.curve-mobile-contacto {
		display: block;
		width: 100%;
		height: 100% !important;
		margin-top: calc(79px - ((100vw - 350px) / 50 * 6));
	}
}

/* !listo TERMINEE esta parte!!! */
/* !####### E.5 FIN EQUIPOS MOVILES RESOLUCION HASTA : 480px.######## */

/* ?============================================================  */
/* ?===================== FIN E. CONTACTO ======================  */
/* ?============================================================  */