/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1280px) {
	
}	

/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1100px) {
	:root{
		--texto-size4:14px;
		--texto-size5:13px;
	}
}

/******* media screen responsive 1024px *****************/
@media screen and (max-width: 1024px) {
	.cont-centrado{
		width:100%;
	}
	
	
}


@media screen and (max-width: 820px) {
	
	
}

@media screen and (width <= 960px){
	#animacion .nav_slides .op h3{
		font-size:16px;
	}
}
@media screen and (width <= 790px){
#animacion .nav_slides .op {
    width: calc(100vw / 3);
}
}


/******* media screen responsive 570px *****************/
@media screen and (max-width: 570px) {
	:root{
		--texto-size1:24px;
		--texto-size2:20px;
		--texto-size3:18px;
		--texto-size3b:16px;
		--texto-size4:12px;
		--texto-size5:10px;
		--titulo2: 45px;
	}
	body{
		font-size:var(--texto-size3);
	}
	section h2{
		
	}
	#encabezado .head-top .cont-centrado {
		padding: 10px;
	}
	#encabezado .head-top{
		font-size: 10px;
	}
	#encabezado .head-top .contactrapido {
		gap: 0;
		justify-content: space-around;
	}
	#encabezado #logo {
		width: 70px;
		height: auto;
	}
	#encabezado #logo img{
		width:100%;
		height:auto;
	}
	#encabezado .menuprin{
		display:none;
	}
	#encabezado .menuprin.visible{
		display:block;
		position: absolute;
        width: 52%;
        background-color: white;
        height: auto;
        top: 113px;
        padding: 20px;
	}
	#encabezado .menuprin.visible ul.nav-menu{
		flex-direction: column;
	}
	#encabezado .menuprin.visible ul.nav-menu li{
		margin-bottom: 7px;
	}
	#encabezado .head-med {
		padding: 10px 15px 10px 10px;
		display: grid;
		grid-template-columns: 1fr 1fr 90px;
	}
	#encabezado .social {
		display: flex;
		gap: 10px;
		align-items: center;
	}
	.dashicons, .dashicons-before::before{
		width:32px!important;
		height:32px!important;
		font-size:32px!important;
		color:var(--color-azul2);
	}
	.menu_resp{
		display:block;
	}
	#animacion .nav_slides .op {
		width: calc(100vw / 2);
	}
	#transformacion .info{
		grid-template-columns: 1fr;
		grid-gap: 0px;
		font-size: var(--texto-size3);
	}
	#transformacion .info .infotxt {
		padding-right: 10px;
		padding-left: 10px;
	}
	#herramienta{
		padding:0px 10px;
	}
	#herramienta .info{
		grid-template-columns: 1fr;
		grid-gap: 25px;
	}
	#transdigital{
		padding:30px 10px;
	}
	#transdigital p {
		padding: 10px 10px;
	}
	#transdigital .pasos{
		grid-template-columns: 1fr 1fr 1fr;
	}
	#transdigital .pasos .linea, #transdigital .pasos .linea1, #transdigital .pasos .linea2{
		display:none;
	}
	#datosintel {
		padding: 30px 10px;
	}
	#datosintel .tabuladores .optab{
		grid-template-columns: 1fr;
	}
	#datosintel .tabuladores .tabdata .carrusel div{
		margin:auto;
	}
	#datosintel .tabuladores .tabcont1 .carrusel{
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: normal;
		grid-row-gap: 15px;
	}
	#datosintel .tabuladores .tabdata .carrusel div{
		width: calc((100vw / 3) - 15px);
		height: 140px;
	}
	#datosintel .tabuladores .tabdata .carrusel div h3{
		font-size:var(--texto-size4);
		height: 48px;
		margin-top: 8px;
		padding: 0px 10px;
	}
	#datosintel .tabuladores .tabcont2 .carrusel{
		width: 100%;
		margin: auto;
		grid-gap: normal;
	}
	#datosintel .tabuladores .tabcont3 .carrusel{
		grid-template-columns: 1fr 1fr 1fr;
		width: 100%;
		grid-gap: normal;
	}
	#datosintel .tabuladores .tabcont3 .col{
		width:100%;
	}
	#datosintel .tabuladores .columnas {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}
	#datosintel .tabuladores .tabcont3 .columnas .col p{
		margin-top: 0px;
		padding-left: 0px;
		margin-bottom: 30px;
	}
	#datosintel .tabuladores .tabdata .data ul{
		margin-left:20px;
		margin-top:15px;
	}
	#casosexito{
		padding: 45px 10px;
		
	}
	#casosexito .navce{
		display: grid;
    		justify-content: center;
    		align-content: center;
    		grid-template-columns: 1fr 1fr 1fr;
    		row-gap: 15px;
	}
	#casosexito.caso0,#casosexito.caso1,#casosexito.caso2,#casosexito.caso3,#casosexito.caso4,#casosexito.caso5{
		background-size: cover;
		background-repeat: no-repeat;
	}
	#casosexito h4{
		font-size:var(--texto-size5);
	}
	#casosexito h2{
		font-size:var(--texto-size3);
	}
	#casosexito .infocarrusel .info{
		width:100%;
	}
	#casosexito .navflechas .flechai {
		position: absolute;
		top: calc(14% - 49px);
		right: 68px;
		cursor: pointer;
		width: 20px;
		left: auto;
	}
	#casosexito .navflechas .flechad {
		position: absolute;
		top: calc(14% - 49px);
		right: 30px;
		cursor: pointer;
		width: 20px;
	}
	#casosexito btn{
		margin-top:20px;
	}
	#casosexito .infocarrusel .info .txt {
		width: 100%;
	}
	#casosexito .infocarrusel .info .pop{
		padding:10px;
		top: -164px;
	}
	#casosexito .infocarrusel .info .pop .columnas {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}
	#casosexito .infocarrusel .info .pop .col img{
		width:36%;
	}
	#casosexito .infocarrusel .info .pop h2 {
		color: var(--color-azul2);
		font-size: var(--text-size2);
		margin-bottom: 10px;
	}
	#casosexito .infocarrusel .info .pop .close {
		width: 40px;
		height: 40px;
		font-size: 24px;
	}
	#casosexito .infocarrusel .info .pop p {
		font-size:var(--texto-size3b);
	}
	
	#alianzas .fuentedatos .logfuente .linea1,#alianzas .fuentedatos .logfuente .linea2{
		display: grid;
		margin-top: 40px;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
		grid-template-columns:1fr 1fr;
	}
	#alianzas h2,#alianzas p{
		padding:0px 10px;
	}
	#alianzas .logalianzas{
		padding:0px 10px;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
	}
	#alianzas .logalianzas img{
		width:45%;
	}
	#aplicaciones h2,#aplicaciones p{
		padding:0px 10px;
	}
	#aplicaciones .appopera {
		grid-template-columns: 1fr 1fr;
		height: 450px;
	}
	#footer .columnas{
		grid-template-columns: 150px 1fr;
		padding: 0px 10px;
		grid-gap: 25px 0px;
		display:block;
	}
	#footer .columnas .col {
		padding-right: 0px;
		float:left;
		margin-right: 19px;
		float: left;
	}
	#footer .columnas .col:nth-child(1){
		width:27%;
	}
	#footer .columnas .col:nth-child(2){
		width:63%;
	}
	#footer .columnas .col:nth-child(3){
		width:36%;
	}
	#footer .columnas .col:nth-child(4){
		padding-left: 0px;
		widthh:100%;
		display:flex;
	}
	#footer .columnas .col {
		padding-right: 10px;
	}
	#footer .social{
		
		margin: auto;
		display: grid;
    	justify-content: space-around;
    	width: 28px;
    	grid-template-columns: 1fr;
    	row-gap: 10px;
	}
	#footer ul li {
		margin-bottom: 10px;
	}
	#footer .direccion{
		width:36%;
		display: flex;
    	flex-direction: column-reverse;
		padding-bottom: 20px;
	}
  	#footer .logof {
    	width: 170px;
    	height: auto;
  	}
	#casosexito .infocarrusel .info {
       	width: calc(100vw - 20px);
    }
	#atumedida .columnas {
		display: block;
		padding: 10px;
	}
	#atumedida .col {
		width: 100%;
	}
	#atumedida .iconserv {
		display: flex;
		flex-wrap: wrap;
	}
	.cont-centrado {
		width: 100%;
		padding: 10px;
	}
	#soluciones .carrusel_sol img {
		width: calc(100% / 2);
	}
	#soluciones .carrusel_sol {
		display: inline-flex;
		flex-wrap: wrap;
	}
	.logo_alianzas .logoa {
		width: calc(100vw / 2);
		height: 94px;
		display: block;
		background-repeat: no-repeat;
		background-position: 0px 100%;
		position: relative;
		background-size: 90%;
	}
	.logo_alianzas .logoa:hover {
		background-position: 0px -2%;
	}
	.nav_alz {
		display: inline-flex;
		gap: 10px;
		margin-left: 10%;
	}
	.carrusel_valor {
		width: 100%;
	}
	.carrusel_valor .carrusel .info .columnas {
		width: 100%;
		height: 377px;
		display: flex;
		padding: 25px;
		gap: 0px;
		border-radius: 15px;
		border: 2px solid var(--color-azul);
		flex-wrap: wrap;
	}
	.carrusel_valor .carrusel .info {
		width: calc(100vw - 20px);
		margin-top: 80px;
	}
	.carrusel_valor .carrusel .info .columnas .col:nth-child(1) {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.carrusel_valor .carrusel .info .columnas .col:nth-child(1) img{
		width:60%;
		height:auto;
		display:block;
		margin:auto;
	}
	.carrusel_valor .carrusel .info .columnas .col:nth-child(2) {
		width: 100%;
	}
	#sol_integrales .op_sol {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		gap: 25px;
	}
	#sol_integrales .op_sol a{
		width: calc(100vw / 3);
	}
	#sol_integrales .op_sol img {
		width: 100%;
		height: auto;
	}
	#ayuda_comp ul {
		column-count: 1;
	}
	#ayuda_comp .btn_carta{
		width:100%;
	}
	#contacto .columnas{
		display:inline-flex;
		flex-wrap:wrap;
		width:100%;
		gap:0;
	}
	#contacto .columnas .col {
    	width: 100%;
		margin-bottom:40px;
	}
	
}


/******* media screen responsive 428px *****************/
@media screen and (max-width: 428px) {
	#casosexito .infocarrusel .info .txt {
		width: 100%;
	}
}
/******* media screen responsive 4814px *****************/
@media screen and (max-width: 414px) {
	.logo_alianzas .logoa {
		height: 86px;
	}
}

/******* media screen responsive 480px *****************/
@media screen and (max-width: 412px) {
	#casosexito .infocarrusel .info .txt {
		width: 401px;
	}
}
/******* media screen responsive 390px *****************/
@media screen and (max-width: 390px) {
	#casosexito .infocarrusel .info .txt {
		width: 375px;
	}
	
}
/******* media screen responsive 384px *****************/
@media screen and (max-width: 384px) {
	#casosexito .infocarrusel .info .txt {
		width: 365px;
	}
	
}

/******* media screen responsive 375px *****************/
@media screen and (max-width: 375px) {
	#casosexito .infocarrusel .info .txt {
		width: 358px;
	}
	
}

/******* media screen responsive 360px *****************/
@media screen and (max-width: 360px) {
	#casosexito .infocarrusel .info .txt {
		width: 344px;
	}
	
}