/*
Theme Name: atautomation
Theme URI: http://posicionamientodigital.com
Description: Theme modified by fer
Author URI: https://posicionamientodigital.com.mx
Version: 1
*/

@media screen {

	:root{
		--color-texto1:#333333;
		--color-texto2:#7e8080;
		--color-texto3:white;
		--color-azul: #005c92;
		--color-azul2: #005d93;
		--color-azul3: #203e68;
		--color-azul4: #3b85c8ff;
		--color-titulo: #015e93;
		--titulo1:85px;
		--titulo2:65px;
		--titulo3:40px;
		--titulo4:28px;
		--texto-size1:36px;
		--texto-size1b:32px;
		--texto-size2:24px;
		--texto-size3:21px;
		--texto-size4:16px;
		--texto-size5:16px;
	}
	.menu_resp{
		display:none;
	}
/********************* estilos comun ****************************/
	div,h1,h2,h3,h4,p{
		margin:0;
		padding:0;
		display:block;
	}
	* { margin: 0; padding: 0;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	body {
		background-color:#fff;
		width:100%;
		padding:0px;
		margin:0px;
		display:block;
		font-size:var(--texto-size3);
		font-family: "Roboto", sans-serif;
		/*font-family: "Roboto Condensed", sans-serif;*/
		font-weight: 400;
		color:var(--color-texto1);
	}
	a{
		text-decoration:none;
	}
	section{
		width:100%;
		float:left;
	}
	#principal{
		overflow:hidden;
		width:100%;
	}
	#contenido{
		width:100%;
		float:left;
	}
	.cont-centrado{
		width:1200px;
		margin:auto;
		display: block;
	}
	.cont-centrado2{
		width:960px;
		margin:auto;
		display: block;
	}
	section{
		width:100%;
		float:left;
	}
	h1{
		font-size: 60px;
    	font-weight: 300;
		margin-top:0px;
		margin-bottom:30px;
	}
	.mar50{
		margin-top:123px;
	}
/*************************************************************/
	#encabezado{
		width:100%;
		top:0px;
		height: auto;
		display:block;
		z-index:9999;
		position:relative;
		transition:all 1s;
		background-color:white;
	}
	#encabezado .head-top{
		width:100%;
		height:35px;
		background-color:var(--color-azul);
		font-size:16px;
		color:var(--color-texto3);
	}
	#encabezado .head-top .cont-centrado{
		height:100%;
	}
	#encabezado .head-top .contactrapido{
		display:flex;
		justify-content: flex-end;
		gap: 50px;
		align-items: center;
		height:100%;
	}
	#encabezado .head-top a{
		color:var(--color-texto3);
	}
	#encabezado .head-sup{
		background-color:#93d50a;
		float: left;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top:60px;
		padding: 10px 40px;
		border: 1px solid white;
		border-radius: 30px;
		transition:all 1s;
	}
	#encabezado .head-med{
		padding:10px 45px 22px 23px;
		display: grid;
		grid-template-columns: 1fr 1fr 25px;
	}
	#encabezado .head-menu{
		display:flex;
		align-items:center;
		justify-content:center;
	}
	#encabezado .social{
		display:grid;
		grid-template-rows:1fr 1fr 1fr;
	}
	#encabezado #logo{
		width: 185px;
		height: 136px;
		display:block;
		transition:all 1s;
	}
	#encabezado #logo a{
		display: block;
	}
	#encabezado #logo img{
		height:136px;
		width:auto;
		transition:all 1s;
	}
	#encabezado .menuprin{
		width:680px;
	}
	#encabezado.anima #logo{
		transition:all 1s;
		height:50px;
		margin-bottom:0px;
    	width: 77px;
	}
	#encabezado.anima #logo img{
		height:50px;
		width:auto;
	}
	#encabezado.anima .head-sup{
		padding: 5px 40px;
		margin-top: 20px;
		border-radius: 20px;
	}
	#encabezado.anima{
		padding-top:0px;
		height:100px;
		transition:height 1s;
	}
	#encabezado.anima #menu{
		width:100%;
		margin-top: 0px;
		transition:all 1s;
	}
	/******************* menu ****************/
	.menuprin{
		padding: 0px 0px;
	}
	#menu{
		width: 100%;
		transition:all 1s;
	}
	ul.nav-menu,
	div.nav-menu > ul {
		margin: 0;
		width:100%;
		list-style:none;
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
    	justify-content: space-around;
	}
	.nav-menu li {
		display:block;
	}
	.nav-menu li a {
		color:var(--color-texto2);
		text-decoration:none;
		text-transform:capitalize;
		font-size:17px;
		display:block;
		font-weight:normal;
	}
	.sub-menu li:last-child{
		margin-right:0px;
	}
	.sub-menu li a {
		
	}
	.nav-menu li:hover{
		
	}
	.nav-menu li:hover > a,
	.nav-menu li a:hover{
		color: var(--color-azul);
	}
	.nav-menu .sub-menu,
	.nav-menu .children {
    	padding: 10px;
		position: absolute;
		display: none;
	}
	.nav-menu .sub-menu ul,
	.nav-menu .children ul {
	}
	.sub-menu li{
		margin-bottom:10px;
	}
	.sub-menu li a{
	}
	ul.nav-menu ul a,
	.nav-menu ul ul a {
		color: var(--color-texto2);
		margin: 0;
	}
	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover {
		color: var(--color-azul);
	}
	ul.nav-menu li:hover > ul,
	.nav-menu ul li:hover > ul {
		display: block;
	}
	.nav-menu .current_page_item > a,
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: var(--color-azul);
	}
	.menu-nupki-container{
		display:block;
	}
	/************************************************* tema ******************************************/
	section{
		float:left;
		width:100%;
	}
	section h2{
		font-size:var(--texto-size1);
		font-weight: 400;
		text-align:left;
		margin-bottom: 50px;
		position: relative;
		color:var(--color-titulo);
	}
	section h2.verde{
		font-size:var(--titulo1);
		font-weight: 900;
		text-align:center;
		margin-bottom: 80px;
		position: relative;
		color:var(--color-verde);
		line-height: 100px;
	}
	section h3{
		font-weight: 400;
		font-size: 20px;
	}
	#transformacion{
		background-color:#eaeaea;
		padding:60px 0px;
	}
	#transformacion .info{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:60px;
		font-size:24px;
	}
	#transformacion .info img{
		width:100%;
		height:auto;
	}
	#transformacion .info .infotxt{
		padding-right:100px;
	}
	#transformacion .info .infotxt ul{
		list-style-position:inside;
		list-style:none;
	}
	#transformacion .info .infotxt ul li{
		margin-bottom:29px;
	}
	#transformacion .info .infotxt ul li:before{
		content:"";
		border-radius:30px;
		background-color:#8e3f8f;
		height: 15px;
		width: 15px;
		display: inline-block;
		margin-right: 13px;
	}
	#herramienta{
		margin-top:60px;
		margin-bottom:60px;
		font-size:var(--texto-size2);
	}
	#herramienta .info{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:70px;
	}
	#herramienta .info ul{
		list-style-position:outside;
		list-style:none;
	}
	#herramienta .info ul li{
		margin-bottom:29px;
		position:relative;
		padding-left:30px;
	}
	#herramienta .info ul li:before{
		content:"";
		border-radius:30px;
		background-color:#8e3f8f;
		height: 15px;
		width: 15px;
		display: inline-block;
		position:absolute;
		top:7px;
		left:0px;
	}
	#transdigital{
		background-color:var(--color-azul2);
		color:white;
		padding-top:20px;
		font-size:var(--texto-size2);
		padding: 30px 70px;
	}
	#transdigital p{
		padding:10px 150px;
		margin-bottom:20px;
		text-align:center;
	}
	#transdigital .pasos{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
		grid-gap:30px;
		font-size:var(--texto-size4);
	}
	#transdigital .pasos h3{
		width:100%;
		font-size:var(--texto-size1b);
		text-align:center;
		font-weight: 200;
		margin-bottom:10px;
	}
	#transdigital .pasos h4{
		width:100%;
		font-size:var(--texto-size4);
		margin:auto;
		text-align:center;
		font-weight: 200;
		margin-bottom: 10px;
		height: 70px;
	}
	#transdigital .pasos ul{
		font-size:var(--texto-size5);
	}
	#transdigital .pasos img{
		margin:auto;
		display:block;
		width:45%;
		height:auto;
		margin-bottom:25px;
		margin-top:20px;
	}
	#transdigital .pasos .linea,#transdigital .pasos .linea1,#transdigital .pasos .linea2{
		width:1px;
		height:20px;
		background-color:white;
		margin:auto;
		display:block;
		position:relative;
	}
	#transdigital .pasos .linea:before,#transdigital .pasos .linea1:before{
		content:"";
		width:8vw;
		height:1px;
		background-color:white;
		position:absolute;
		top:50%;
		left:50%;
	}
	#transdigital .pasos .linea:after,#transdigital .pasos .linea2:after{
		content:"";
		width:8vw;
		height:1px;
		background-color:white;
		position:absolute;
		top: 50%;
		right: -50%;
	}
	#datosintel{
		padding:30px 0px;
	}
	#datosintel .cont-centrado{
		overflow:hidden;
	}
	#datosintel .txtdatos{
		margin-bottom:40px;
	}
	#datosintel .tabuladores{
		display:block;
	}
	#datosintel .tabuladores .optab{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		grid-gap:10px;
		margin-bottom: 20px;
		padding: 0px 20px;
		align-items: center;
	}
	#datosintel .tabuladores .optab .activo{
		height:45px;
		background-color:#005d9329;
	}
	#datosintel .tabuladores .optab .activo span{
		border-bottom:3px solid var(--color-azul2);
		margin-top: 7px;
		display: inline-block;
		font-weight:bold;
	}
	
	#datosintel .tabuladores .optab div:hover{
		height:45px;
		background-color:#005d9329;
	}
	#datosintel .tabuladores .optab div:hover span{
		border-bottom:3px solid var(--color-azul2);
		margin-top: 7px;
		display: inline-block;
	}
	
	#datosintel .tabuladores .optab div{
		background-color:#c3d2d84a;
		text-align:center;
		height:30px;
		color:var(--color-azul2);
		font-size:var(--texto-size2);
	}
	#datosintel .tabuladores .tabdata{
		display:none;
	}
	#datosintel .tabuladores .tabdata.activo{
		display:block;
	}
	
	#datosintel .tabuladores .tabcont1 .carrusel{
		display:grid;
		grid-template-columns:repeat(6, 1fr);
		grid-gap: 36px;
	}
	#datosintel .tabuladores .tabcont2 .carrusel{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		grid-gap: 36px;
		width:378px;
		margin:auto;
	}
	#datosintel .tabuladores .tabcont3 .carrusel{
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		grid-gap: 36px;
		width:582px;
	}
	#datosintel .tabuladores .tabdata .carrusel div > span{
		width:90px;
		height:75px;
		display:block;
		margin:auto;
	}
	#datosintel .tabuladores .tabcont1 .carrusel .op1 span{
		background-image:url(images/SO-SCADA.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont1 .carrusel .op2 span{
		background-image:url(images/SO-ENERGY.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont1 .carrusel .op3 span{
		background-image:url(images/SO-FAULT.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont1 .carrusel .op4 span{
		background-image:url(images/SO-SMART.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont1 .carrusel .op5 span{
		background-image:url(images/SO-ALARM.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont1 .carrusel .op6 span{
		background-image:url(images/SO-DATA-HISTORIAN.png);
		background-position:0px;
	}
	
	#datosintel .tabuladores .tabcont2 .carrusel .op1 span{
		background-image:url(images/SO-IIOT.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont2 .carrusel .op2 span{
		background-image:url(images/SO-CIBERSECURITY.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont3 .carrusel .op1 span{
		background-image:url(images/SO-DATA-ANALYTICS.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont3 .carrusel .op2 span{
		background-image:url(images/SO-cloud.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabcont3 .carrusel .op3 span{
		background-image:url(images/SO-REALIDAD-AUMENTADA.png);
		background-position:0px;
	}
	#datosintel .tabuladores .tabdata .carrusel div.activo span{
		background-position:-90px 0px;
	}
	
	#datosintel .tabuladores .tabdata .carrusel div{
		width:170px;
		height:180px;
		border:1px solid var(--color-azul2);
		border-radius:25px;
		cursor:pointer;
	}
	#datosintel .tabuladores .tabdata .carrusel div.activo{
		background-color:var(--color-azul2);
	}
	#datosintel .tabuladores .tabdata .carrusel div.activo h3{
		color:var(--color-texto3);
	}
	
	#datosintel .tabuladores .tabdata .carrusel div h3{
		text-align:center;
		font-size:17px;
		color:var(--color-azul2);
		height: 65px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 17px;
		padding:0px 16px;
	}
	
	#datosintel .tabuladores .tabdata .data{
		width:100%;
		display:block;
		clear:both;
		font-size:var(--text-size1);
		display:none;
	}
	#datosintel .tabuladores .tabdata .data.activo{
		display:block;
	}
	#datosintel .tabuladores .tabdata .data h2{
		font-size:var(--texto-size3);
		font-weight:600;
		margin-bottom:15px;
	}
	#datosintel .tabuladores .columnas{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:170px;
	}
	#datosintel .carnav{
		width:80px;
		height:20px;
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		grid-gap:10px;
		margin:auto;
		margin-top:30px;
		margin-bottom:30px;
	}
	#datosintel .carnav div{
		width:20px;
		height:20px;
		background-color:white;
		border: 2px solid var(--color-azul2);
		border-radius:20px;
	}
	#datosintel .carnav div:hover{
		background-color:#005d9338;
	}
	#datosintel .carnav div.activo{
		background-color:var(--color-azul2);
	}
	#datosintel .tabuladores .tabcont3 .columnas .col p{
		color:var(--color-azul2);
		font-size:var(--texto-size2);
		font-weight:bold;
		margin-top:50px;
		padding-left: 65px;
	}
	#casosexito{
		width:100%;
		display:block;
		color:white;
		padding:100px 60px;
		position: relative;
	}
	#casosexito.caso0{
		background-image:url(images/fondo_caso1.jpg);
		background-size:contain;
	}
	#casosexito.caso1{
		background-image:url(images/fondo_caso2.jpg);
		background-size:contain;
	}
	#casosexito.caso2{
		background-image:url(images/fondo_caso3.jpg);
		background-size:contain;
	}
	#casosexito.caso3{
		background-image:url(images/fondo_caso4.jpg);
		background-size:contain;
	}
	#casosexito.caso4{
		background-image:url(images/fondo_caso5.jpg);
		background-size:contain;
	}
	#casosexito.caso5{
		background-image:url(images/fondo_caso6.jpg);
		background-size:contain;
	}
	
	#casosexito.carrusel2.caso0{
		background-image:url(images/fondo2_caso1.jpg);
		background-size:contain;
	}
	#casosexito.carrusel2.caso1{
		background-image:url(images/fondo2_caso2.jpg);
		background-size:contain;
	}
	#casosexito.carrusel2.caso2{
		background-image:url(images/fondo2_caso3.jpg);
		background-size:contain;
	}
	#casosexito.carrusel2.caso3{
		background-image:url(images/fondo2_caso4.jpg);
		background-size:contain;
	}


	#casosexito .cont-centrado{
		overflow:hidden;
	}
	#casosexito h2{
		color:white;
	}
	#casosexito .navce .activo{
		border-bottom:2px solid white;
	}
	#casosexito .infocarrusel{
		transition:transform 1s;
	}
	#casosexito .infocarrusel .info{
		margin-top:100px;
		display:inline-block;
		width:1200px;
		position:relative;
	}
	#casosexito .infocarrusel .info.activo{
		
	}
	#casosexito .infocarrusel .info .txt{
		width:545px;
	}
	#casosexito .navce{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		
	#casosexito .navce h4{
		font-weight:300;
		text-align:center;
		padding-bottom:5px;
		cursor:pointer;
	}
	#casosexito btn{
		border-radius:10px;
		border:1px solid white;
		width:120px;
		height:50px;
		display:flex;
		justify-content:center;
		align-items:center;
		float: right;
		margin-right: 50px;
		cursor:pointer;
	}
	#casosexito .infocarrusel{
		display:grid;
		grid-template-columns:repeat(6,1fr);
	}
	#casosexito .infocarrusel .info .pop{
		display:none;
		position:absolute;
		top:-196px;
		left:0px;
		background-color:white;
		padding:45px;
		color:#333;
	}
	#casosexito .infocarrusel .info .pop.visible{
		display:block;
	}
	#casosexito .infocarrusel .info .pop .columnas{
	    display: grid;
		grid-template-columns: 1fr 2fr;
		grid-gap: 100px;
	}
	#casosexito .infocarrusel .info .pop h2{
		color:var(--color-azul2);
		font-size:31px;
	}
	#casosexito .infocarrusel .info .pop .close{		
		background-color:var(--color-azul2);
		width:56px;
		height:56px;
		font-size:30px;
		font-weight:900;
		color:white;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		float: right;
		cursor:pointer;
	}
	#casosexito .navflechas .flechai{
		position:absolute;
		top:calc(50% - 37px);
		left:15px;
		cursor:pointer;
		width:37px;
	}
	#casosexito .navflechas .flechad{
		position:absolute;
		top:calc(50% - 37px);;
		right:15px;
		cursor:pointer;
		width:37px;
	}
	#alianzas{
		margin-top:50px;
	}
	#alianzas .logalianzas{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr;
		justify-items: center;
		grid-gap: 30px 0px;
		margin-top:50px;
	}
	#alianzas .fuentedatos{
		width:100%;
		padding:30px;
		padding-bottom:50px;
		color:white;
		font-size:var(--texto-size2);
		text-align:center;
		background-color:#8e3f90;
		margin-top:70px;
	}
	
	#alianzas .fuentedatos .logfuente{
		width:100%;
	}
	#alianzas .fuentedatos .logfuente .linea1{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr 1fr;
		justify-items: center;
		margin-top:40px;
	}
	#alianzas .fuentedatos .logfuente .linea2{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
		justify-items: center;
		margin-top:40px;
	}
	#aplicaciones{
		margin-top:100px;
	}
	#aplicaciones .appopera{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr;
		height:272px;
		margin-top:50px;
	}
	#aplicaciones .appopera .app{
		display:flex;
		align-items:end;
		padding-bottom:22px;
		justify-content:center;
		position:relative;
	}
	#aplicaciones .appopera .app h4{
		color:white;
		z-index:99;
	}
	#aplicaciones .appopera .app:nth-child(1){
		background-image:url(images/a-manufactura.jpg);
		background-position:right;
	}
	#aplicaciones .appopera .app:nth-child(2){
		background-image:url(images/a-distribucion-de-energia.jpg);
		background-position:right;
	}
	#aplicaciones .appopera .app:nth-child(3){
		background-image:url(images/agua-y-saneamiento.jpg);
		background-position:right;
	}
	#aplicaciones .appopera .app:nth-child(4){
		background-image:url(images/a-edificios-inteligentes.jpg);
		background-position:left;
	}
	#aplicaciones .appopera .app:after{
		content:"";
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		background: linear-gradient(360deg,rgba(32, 62, 104, 1) 0%, rgba(32, 62, 104, 0) 34%);
	}
	#footer{
		width:100%;
		float:left;
		display:block;
		background-color:var(--color-azul3);
		color:white;
		padding-top:30px;
		padding-bottom:10px;
		margin-top:0px;
	}
	#footer .columnas{
		width:100%;
		display:grid;
		grid-template-columns:1fr 1fr 1fr 2fr;
	}
	#footer .columnas .col{
		padding-right:85px;
	}
	#footer .logof{
		width:280px;
		height:auto;
	}
	#footer .logof img{
		width:100%;
		height:auto;
	}
	#footer h3{
		font-size:var(--texto-size2);
		color:white;
		margin-bottom:30px;
	}
	#footer a{
		color:white;
		font-size:14px;
	}
	#footer ul{
		list-style:none;
	}
	#footer ul li{
		margin-bottom:25px;
	}
	#footer p{
		font-size:14px;
		text-align:right;
	}
	#footer .columnas .col:nth-child(2){
		width:320px;
	}
	#footer .columnas .col:nth-child(4){
		padding-right:0px;
		padding-left:160px;
	}
	#footer .social{
		margin:auto;
		margin-top:30px;
		margin-bottom:30px;
		display: flex;
		justify-content: space-around;
		width: 131px;
	}
/************************************  home *******************************************/
	#animacion{
		width:100%;
		height:calc(100vh - 203px);
		display:block;
		position:relative;
		z-index:9;
	}
	#animacion.anim-pag-edif{
	width:100%;
	height:calc(100vh - 344px);
	display:block;
	position:relative;
	z-index:9;
	}
	#animacion .slide_view{
		width:100%;
		display:block;
		overflow:hidden;
	}
	
	#animacion .lista_slides{
		height:calc(100vh - 403px);
		display:inline-flex;
		transition:transform 2s;
	}
	#animacion .slide{
		width: 100vw;
		height:calc(100vh - 403px);
		z-index:9;
	}
	#animacion .slide{
		padding-top:133px;
		padding-left:2%;
	}
	
	#animacion .slide h2{
		color:white;
		font-size:var(--titulo2);
		margin-bottom:60px;
	}
	#animacion .slide h2 span{
		font-weight:300;
	}
	#animacion .slide .btnslide{
		border:2px solid white;
		border-radius:25px;
		padding:13px 18px;
		background:transparent;
		color:white;
		z-index:9999;
	}
	#animacion .slide:nth-child(1){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide1.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion .slide:nth-child(2){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide2.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion .slide:nth-child(3){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide3.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion .slide:nth-child(4){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide4.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion .slide:nth-child(5){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide5.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion .slide:nth-child(6){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide6.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion .slide:nth-child(7){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide7.jpg);
		background-size: cover;
		background-position:center 30%;
	}



	#animacion.anim-pag-edif .slide:nth-child(1){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/edificio_slide1.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion.anim-pag-edif .slide:nth-child(2){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/edificio_slide2.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion.anim-pag-edif .slide:nth-child(3){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/edificio_slide3.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion.anim-pag-edif .slide:nth-child(4){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/edificio_slide4.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion.anim-pag-edif .slide:nth-child(5){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/edificio_slide5.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion.anim-pag-edif .slide:nth-child(6){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/edificio_slide6.jpg);
		background-size: cover;
		background-position:center 30%;
	}
	#animacion.anim-pag-edif .slide:nth-child(7){
		background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/edificio_slide7.jpg);
		background-size: cover;
		background-position:center 30%;
	}



	#animacion .nav_slides{
		width:100%;
		height:200px;
		display: block;
		overflow: hidden;
	}
	#animacion.anim-pag-edif .nav_slides{
	width:100%;
	height:60px;
	display: block;
	overflow: hidden;
	}
	#animacion .nav_slides .nav_listop{
		display:inline-flex;
		transition:transform 1s;
	}
	#animacion .nav_slides .op{
		width: calc(100vw / 4);
		height: 200px;
		display: block;
		float: left;
		overflow:hidden;
	}
	#animacion.anim-pag-edif .nav_slides .op{
	width: calc(100vw / 4);
	height: 60px;
	display: block;
	float: left;
	overflow:hidden;
	}


	#animacion .nav_slides .op h3{
		background-color:var(--color-azul);
		height:60px;
		color:white;
		font-size:18px;
		font-weight: 300;
		display: flex;
		justify-content: center;
		align-items: center;
		padding:0px 25px;
	}
	#animacion .nav_slides .op h3 span:after{
		content:"";
		width: 14px;
		height: 21px;
		background-image: url(images/flecha_roja.png);
		display: inline-block;
		margin-left: 8px;
		padding-top: 0px;
		background-repeat: no-repeat;
		background-size: 12px 19px;
		position: absolute;
	}
	#animacion .nav_slides .op h3:hover{
		background-color:var(--color-azul4);
	}
	#animacion .nav_slides .op span:nth-child(2){
		width:100%;
		height:140px;
		display:block;
		background-size:cover;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
	
	#animacion .nav_slides .op span.img1{
		background-image:url(images/slide1.jpg);
	}
	#animacion .nav_slides .op span.img2{
		background-image:url(images/slide2.jpg);
	}
	#animacion .nav_slides .op span.img3{
		background-image:url(images/slide3.jpg);
	}
	#animacion .nav_slides .op span.img4{
		background-image:url(images/slide4.jpg);
	}
	#animacion .nav_slides .op span.img5{
		background-image:url(images/slide5.jpg);
	}
	#animacion .nav_slides .op span.img6{
		background-image:url(images/slide6.jpg);
	}
	#animacion .nav_slides .op span.img7{
		background-image:url(images/slide7.jpg);
	}
	
	#animacion .flechas {
		position:absolute;
		display: block;
		width: 100%;
		bottom: 100px;
	}
	#animacion.anim-pag-edif .flechas {
	position:absolute;
	display: block;
	width: 100%;
	bottom: 55px;
	}


	#animacion .flechas .ant{
		position:absolute;
		background-image:url(images/flecha_izq.png);
		width: 24px;
		height: 50px;
		background-size: 24px 50px;
		background-repeat: no-repeat;
		margin-left:20px;
		cursor:pointer;
	}
	#animacion .flechas .sig{
		position:absolute;
		background-image:url(images/flecha_der.png);
		width: 24px;
		height: 50px;
		background-size: 24px 50px;
		background-repeat: no-repeat;
		right:20px;
		cursor:pointer;
	}
	#animacion .flechas .sig:hover,#animacion .flechas .ant:hover{
		filter:drop-shadow(2px 1px 2px black);
	}
	#animacion .nav_slides .op.activo h3{
		background-color:var(--color-azul4);
	}
	#atumedida{
		margin-top:40px;
		margin-bottom:80px;
		position: relative;
		display: block;
	}
	#atumedida .columnas{
		display:flex;
		gap:70px;
	}
	#atumedida .col{
		width:50%;
	}
	#atumedida .col img{
		width:100%;
		height:auto;
		display:block;
		margin-top:70px;
	}
	.page-template-home seccion h2{
		font-size:var(--titulo3);
		color:var(--color-titulo);
		font-weight:400;
		margin-bottom:30px;
	}
	#atumedida .iconserv{
		display:grid;
		grid-template-columns:repeat(5,1fr);
		width:100%;
	}
	#atumedida .iconserv img{
		width:130px;
		height:auto;
		margin:auto;
		display:block;
	}
	#soluciones{
		margin-top:60px;
		margin-bottom:80px;
		display:block;
	}
	#soluciones .carrusel_sol{
		display:inline-flex;
		width:100%;
		margin-top:40px;
	}
	#soluciones .carrusel_sol img{
		width:calc(1200px / 4);
	}
	.logo_alianzas {
		margin-top:60px;
		margin-bottom:60px;
	}
	.logo_alianzas .lista_logos{
		height:120px;
		display:inline-flex;
		position:relative;
		transition: transform 1s;
	}
	.logo_alianzas .logoa{
		width:264px;
		height:120px;
		display:block;
		background-repeat:no-repeat;
		background-position:0px -120px;
		position:relative;
	}
	
	.logo_alianzas .logoa:hover{
		background-position:0px 0px;
	}
	.nav_alz {
		display:inline-flex;
		gap:10px;
		margin-left:49%;
	}
	.nav_alz .bullet{
		width:15px;
		height:15px;
		background-color:#9b9e9e;
		border-radius:15px;
	}
	.nav_alz .bullet:hover,.nav_alz .bullet.activo{
		background-color:#29609b;
	}
	.oferta_valor{
		margin-top:80px;
	}
	
	.carrusel_valor{
		width: 1000px;
		margin:auto;
		overflow: hidden;
	}
	.carrusel_valor .carrusel{
		display:inline-flex;
		transition:transform 2s;
	}
	.carrusel_valor .carrusel .info{
		width:1000px;
		margin-top:80px;
	}
	.carrusel_valor .carrusel .info .columnas{
		width:100%;
		display:inline-flex;
		padding:40px;
		gap:100px;
		border-radius:15px;
		border:2px solid var(--color-azul);
	}
	.carrusel_valor .carrusel .info .columnas .col:nth-child(1){
		width:30%;
		display:flex;
		align-items:center;
	}
	.carrusel_valor .carrusel .info .columnas .col:nth-child(2){
		width:70%;
		display:flex;
		align-items:center;
	}
	.carrusel_valor .carrusel .info .columnas .col:nth-child(2) p{
		line-height: 26px;
		text-align: center;
	}
	.carrusel_valor .nav_carrusel{
		display:inline-flex;
		gap:20px;
		margin-left:calc(50% - 150px);
		margin-top:30px;
	}
	.carrusel_valor .nav_carrusel .bullet{
		width:20px;
		height:20px;
		display:block;
		border-radius:15px;
		border:1px solid var(--color-azul);
	}
	.carrusel_valor .nav_carrusel .bullet.activo,.carrusel_valor .nav_carrusel .bullet:hover{
		background-color:var(--color-azul);
	}
	#sol_integrales{
		background-color:#2d609d;
		color:white;
		padding-top:40px;
		padding-bottom:80px;
		margin-top:80px;
	}
	#sol_integrales h2{
		color:white;
	}
	#sol_integrales .op_sol{
		display:flex;
		justify-content:space-around;
		flex-wrap:wrap;
		gap: 50px;
	}
	#sol_integrales .op_sol img{
		width:224px;
		height:224px;
	}
	#sol_integrales .op_sol a:hover img{
		background-color:#66c64a;
		border-radius: 33px;
	}
	#ayuda_com{
		margin-top:30px;
	}
	#ayuda_comp h2{
		text-align:center;
		margin-bottom:0px;
	}
	#ayuda_comp img{
		width:100%;
		height:auto;
		display:block;
	}
	#ayuda_comp ul{
		column-count:3;
		list-style:none;
		list-style-position: inside;
		
	}
	#ayuda_comp ul li{
		margin-bottom:15px;
	}
	#ayuda_comp ul li:before{
		content:"";
		width:10px;
		height:10px;
		display:inline-block;
		background-color:var(--color-azul);
		border-radius:15px;
		margin-right:10px;
		
	}
	#ayuda_comp .btn_carta{
		font-size:30px;
		color:var(--color-azul);
		border-radius:30px;
		border:2px solid var(--color-azul);
		display:flex;
		align-items:center;
		width:420px;
		padding:10px 20px;
		justify-content: center;
		margin: auto;
		margin-top: 60px;
	}
	#ayuda_comp .btn_carta img{
		width:30px;
		height:31px;
		display: inline-block;
		margin-left:20px;
	}
	#ayuda_comp .btn_carta:hover{
		color:white;
		background-color:var(--color-azul);
	}
	#ayuda_comp .btn_carta:hover img{
		filter:invert(1) hue-rotate(0.6turn) ;
	}
	#quienes_somos h2{
	
	}
	#quienes_somos h3{
		color:var(--color-azul);
		font-size:var(--titulo4);
		display:flex;
		align-items:center;
		margin-bottom:40px;
	}
	.columnas30_70{
		display:flex;
		gap:100px;
		width:100%;
		margin-top:50px;
		margin-bottom:50px;
	}
	.columnas30_70 .col:nth-child(1){
		width:30%;
		display:flex;
		align-items:center;
		float:left;
	}
	.columnas30_70 .col:nth-child(2){
		width:60%;
		float:right;
	}
	#quienes_somos .columnas30_70 h2{
		font-size:var(--titulo2);
		
	}
	#quienes_somos p{
		margin-bottom:25px;
		display:inline-block;
	}
	.columnas30_50{
		display:flex;
		width:100%;
		clear:both;
		margin-top:50px;
		margin-bottom:50px;
		gap:150px;
	}
	.columnas30_50 .col:nth-child(1){
		width:40%;
		float:left;
	}
	.columnas30_50 .col:nth-child(2){
		width:45%;
		float:right;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	#quienes_somos .mision:before{
		content:"";
		background-image:url(images/mision.png);
		width:60px;
		height:60px;
		display:inline-block;
		background-repeat:no-repeat;
		background-size:cover;
		margin-right:30px;
	}
	#quienes_somos .vision{
		margin-top:30px;
	}
	#quienes_somos .vision:before{
		content:"";
		background-image:url(images/vision.png);
		width:60px;
		height:60px;
		display:inline-block;
		background-repeat:no-repeat;
		background-size:cover;
		margin-right:30px;
		
	}
	#quienes_somos .valores:before{
		content:"";
		background-image:url(images/valores.png);
		width:60px;
		height:60px;
		display:inline-block;
		background-repeat:no-repeat;
		background-size:cover;
		margin-right:30px;
	}
	#compromiso{
		width:100%%;
		display:block;
	}
	#compromiso h2{
		font-size:var(--titulo3);
	}
	#compromiso .columnas_rec{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr;
		grid-gap:35px;
		padding:30px;
	}
	#compromiso .columnas_rec .col{
		border-radius:20px;
		box-shadow:0px 0px 30px black;
		padding:25px;
		font-size:16px;
		
	}
	#compromiso .columnas_rec .col p{
		text-align:center;
		line-height:24px;
	}
	#compromiso .columnas_rec .col img{
		width:200px;
		height:auto;
		display:block;
		margin-bottom:20px;
	}
	#soluciones2 .op_sol{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
		margin-top:50px;
		margin-bottom:80px;
		gap:30px 140px;;
		
	}
	#soluciones2 a{
		width:146px;
		height:146px;
		display:block;
		background-repeat:no-repeat;
		border:1px solid var(--color-azul);
		border-radius: 23px;
	}
	#soluciones2 a:hover{
		background-color:green;		
		border:none;
	}
	#soluciones2 a:nth-child(1){
		background-image:url(images/control-de-proces_b.png);
	}
	#soluciones2 a:nth-child(1):hover{
		background-image:url(images/control-de-proces_w.png);
	}
	#soluciones2 a:nth-child(2){
		background-image:url(images/automatizacion-discreta_b.png);
	}
	#soluciones2 a:nth-child(2):hover{
		background-image:url(images/automatizacion-discreta_w.png);
	}
	#soluciones2 a:nth-child(3){
		background-image:url(images/telemetria_b.png);
	}
	#soluciones2 a:nth-child(3):hover{
		background-image:url(images/telemetria_w.png);
	}
	#soluciones2 a:nth-child(4){
		background-image:url(images/digitalizacion_b.png);
	}
	#soluciones2 a:nth-child(4):hover{
		background-image:url(images/digitalizacion_w.png);
	}
	#soluciones2 a:nth-child(5){
		background-image:url(images/migracion_b.png);
	}
	#soluciones2 a:nth-child(5):hover{
		background-image:url(images/migracion_w.png);
	}
	#soluciones2 a:nth-child(6){
		background-image:url(images/edificios_b.png);
	}
	#soluciones2 a:nth-child(6):hover{
		background-image:url(images/edificios_w.png);
	}
	#soluciones2 a:nth-child(7){
		background-image:url(images/ingenieria_b.png);
	}
	#soluciones2 a:nth-child(7):hover{
		background-image:url(images/ingenieria_w.png);
	}
	#evolucion .histograma{
		width:100%;
		height:500px;
		display:block;
		position:relative;
		margin-top:70px;
	}
	#evolucion .histograma .fecha{
		width:250px;
		height:175px;
		display:block;
		position:absolute;
		font-size:16px;
		background-color:white;
		z-index:99;
	}
	#evolucion .histograma .fecha h3{
		border:1px solid var(--color-azul);
		padding:4px 10px;
		width:70px;
	}
	#evolucion .histograma .fecha p{
		padding:20px 20px;
	}
	#evolucion .histograma .fecha:nth-child(1){
		top:0px;
		left:20px;
	}
	#evolucion.animar  .histograma .fecha:nth-child(2){
		top:225px;
		left:150px;
		opacity:0;
		animation:visible 1s;
		animation-delay:2s;
		animation-iteration-count:1;
		animation-fill-mode: forwards;
		
	}
	#evolucion.animar  .histograma .fecha:nth-child(3){
		top:0px;
		left:350px;
		opacity:0;
		animation:visible 1s;
		animation-delay:2.1s;
		animation-iteration-count:1;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .histograma .fecha:nth-child(4){
		top:225px;
		left:500px;
		opacity:0;
		animation:visible 1s;
		animation-delay:2.7s;
		animation-iteration-count:1;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .histograma .fecha:nth-child(5){
		top:0px;
		left:650px;
		opacity:0;
		animation:visible 1s;
		animation-delay:3s;
		animation-iteration-count:1;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .histograma .fecha:nth-child(6){
		top:225px;
		left:800px;
		opacity:0;
		animation:visible 1s;
		animation-delay:3.5s;
		animation-iteration-count:1;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .histograma .fecha:nth-child(7){
		top:0px;
		left:950px;
		opacity:0;
		animation:visible 1s;
		animation-delay:4.7s;
		animation-iteration-count:1;
		animation-fill-mode: forwards;
	}
	#evolucion .histograma .ruta1{
		width:1200px;
		height:175px;
		display:block;
		position:absolute;
		top:20px;
		left:0px;
		border-bottom:2px solid var(--color-azul);
		border-left:2px solid var(--color-azul);
	}
	#evolucion .histograma .ruta1:before{
		content:"";
		width:20px;
		position:absolute;
		top:0px;
		left:0px;
		border-top:2px solid var(--color-azul);
		display:block;
	}
	
	#evolucion .histograma .ruta2{
		width:20px;
		height:50px;
		display:block;
		position:absolute;
		top:193px;
		left:130px;
		border-bottom:2px solid var(--color-azul);
		border-left:2px solid var(--color-azul);
		
	}
	#evolucion .histograma .ruta3{
		width:20px;
		height:175px;
		display:block;
		position:absolute;
		top: 20px;
		left: 330px;
		border-top:2px solid var(--color-azul);
		border-left:2px solid var(--color-azul);
	}
	#evolucion .histograma .ruta4{
		width:20px;
		height:50px;
		display:block;
		position:absolute;
		top: 193px;
		left: 480px;
		border-bottom:2px solid var(--color-azul);
		border-left:2px solid var(--color-azul);
	}
	#evolucion .histograma .ruta5{
		width:20px;
		height:175px;
		display:block;
		position:absolute;
		top: 20px;
		left: 630px;
		border-top:2px solid var(--color-azul);
		border-left:2px solid var(--color-azul);
	}
	#evolucion .histograma .ruta6{
		width:20px;
		height:50px;
		display:block;
		position:absolute;
		top: 193px;
		left: 780px;
		border-bottom:2px solid var(--color-azul);
		border-left:2px solid var(--color-azul);
	}
	#evolucion .histograma .ruta7{
		width:20px;
		height:175px;
		display:block;
		position:absolute;
		top: 20px;
		left: 930px;
		border-top:2px solid var(--color-azul);
		border-left:2px solid var(--color-azul);
	}
	
	#evolucion.animar .ruta1 .dot{
		border:1px solid;
		width:10px;
		aspect-ratio:1;
		border-radius:100vmax;
		position:absolute;
		offset-path:path("M15 0 L0 0 L0 175 L1200 175");
		background-color:var(--color-azul);
		animation: followpath;
		animation-duration: 7s;
		border:none;
		animation-fill-mode: forwards;
	}
	#evolucion.animar  .ruta2 .dot{
		border:1px solid;
		width:10px;
		aspect-ratio:1;
		border-radius:100vmax;
		position:absolute;
		offset-path:path("M0 0 L0 50 L25 50");
		background:transparent;
		animation: followpath2;
		animation-duration: 1s;
		animation-delay:1.2s;
		animation-iteration-count:1;
		border:none;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .ruta3 .dot{
		border:1px solid;
		width:10px;
		aspect-ratio:1;
		border-radius:100vmax;
		position:absolute;
		offset-path:path("M0 175 L0 0 L25 0");
		background:transparent;
		animation: followpath2;
		animation-duration: 1s;
		animation-delay:1.5s;
		animation-iteration-count:1;
		border:none;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .ruta4 .dot{
		border:1px solid;
		width:10px;
		aspect-ratio:1;
		border-radius:100vmax;
		position:absolute;
		offset-path:path("M0 0 L0 50 L25 50");
		background:transparent;
		animation: followpath2 2s;
		animation-duration: 1s;
		animation-delay:2s;
		animation-iteration-count:1;
		border:none;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .ruta5 .dot{
		border:1px solid;
		width:10px;
		aspect-ratio:1;
		border-radius:100vmax;
		position:absolute;
		offset-path:path("M0 175 L0 0 L25 0");
		background:transparent;
		animation: followpath2;
		animation-duration: 1s;
		animation-delay:2.3s;
		animation-iteration-count:1;
		border:none;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .ruta6 .dot{
		border:1px solid;
		width:10px;
		aspect-ratio:1;
		border-radius:100vmax;
		position:absolute;
		offset-path:path("M0 0 L0 50 L25 50");
		background:transparent;
		animation: followpath2;
		animation-duration: 1s;
		animation-delay:2.8s;
		animation-iteration-count:1;
		border:none;
		animation-fill-mode: forwards;
	}
	#evolucion.animar .ruta7 .dot{
		border:1px solid;
		width:10px;
		aspect-ratio:1;
		border-radius:100vmax;
		position:absolute;
		offset-path:path("M0 175 L0 0 L25 0");
		background:transparent;
		animation: followpath2 2s ;
		animation-duration: 2s;
		animation-delay:3.5s;
		animation-iteration-count:1;
		border:none;
		animation-fill-mode: forwards;
	}
	@keyframes visible{
		100%{
			opacity:1;
		}
	}
	@keyframes followpath{
		100%{
			offset-distance:100%;
		}
	}
	@keyframes followpath2{
		100%{
			offset-distance:100%;
			background-color:var(--color-azul);
		}
	}
	.fondo-encabezado {
		background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%),url(images/slide1.jpg);
		background-position-x: 0%, 0%;
		background-position-y: 0%, 0%;
		background-size: auto, auto;
		background-size: cover;
		background-position: center 30%;
		height:50vh;
		display:flex;
		align-items:center;
		padding-left:150px;
	}
	.fondo-encabezado h1{
		color:white;
		font-size:var(--titulo2);
	}
	.fondo-encabezado-final {
		background-repeat:no-repeat!important;
		background-size: cover!important;
		background-position: center 3!important;
		height:50vh;
		display:flex;
		align-items:center;
		justify-content:center;
		
	}
	.fondo-encabezado-final h1{
		color:white;
		font-size:var(--titulo2);
		font-weight:600;
	}
	#contacto h2{
		font-size:var(--titulo2);
	}
	#contacto .columnas{
		display:inline-flex;
		width:100%;
		gap:100px;
	}
	#contacto .columnas .col{
		width:50%;
	}
	#contacto img{
		width:100%;
		height:auto;
	}
	#contacto form{
		background-color:#c4c4c4;
		padding:30px;
		border-radius:20px;
	}
	#contacto input:not([type="checkbox"]):not([type="submit"]),#contacto select{
		font-size:21px;
		padding:5px 15px;
		width:100%;
		border:none;
		background-color:white;
		margin-bottom:15px;
		font-family: "Roboto", sans-serif;
	}
	#contacto textarea{
		width:100%;
		border:none;
		background-color:white;
		font-size:21px;
		padding:5px 15px;
		margin-bottom:15px;
		font-family: "Roboto", sans-serif;
	}
	#contacto input[type="submit"]{
		background-color:var(--color-azul);
		font-size:21px;
		color:white;
		border:none;
		border-radius:20px;
		padding:5px 15px;
		float:right;
		font-family: "Roboto", sans-serif;
	}

	/****************************************** blog **********************************/
	#blog h2{
		color:var(--color-azul);
		font-size: var(--titulo3);
		margin-top: 50px;
		text-align: center;
	}
	#blog .txtprincipal{
		text-align: center;
	}
	#blog #categorias{
		display: grid;
		grid-template-columns: repeat( 7, 1fr);
		align-items: center;
		margin: 80px auto;
	}
	#blog .carga{
		text-align: center;
	}
	#blog #categorias h3{
		text-align: center;
	}
	#blog #categorias button{
		height: 87px;
		background-color:#1bcece30;
		border:none;
		color:var(--color-azul);
		font-size: 22px;
	}
	#blog #categorias button:hover,#blog #categorias button.activo{
		height: 87px;
		background-color:#4480aa52;	
	}

	#blog #posts-container{
		width:1200px;
		margin: auto;
	}
	#blog .articulos{
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 50px;
		width:calc(1200px - 110px);
		margin: auto;
	}
	#blog .articulos img{
		width:520px;
		height: 320px;
	}
	#blog article{
		width:520px;
		display: block;
		margin-bottom: 60px;
	}
	#blog article p{
		font-weight: 300;
	}
	#blog .fecha .dia{
		font-size: var(--texto-size4);
		font-weight: 300;
		margin: 10px 0px;
	}
	#blog .nav_post{
		margin:auto;
		display:inline-flex;
	}
	#blog .nav_post button{
		background-color:var(--color-azul);
		font-size: 22px;
		color:white;
		border:none;
		width:25px;
		height: 25px;
		border-radius: 5px;
		margin-right: 10px;
	}
	#blog .nav_post button.activo{
		color:var(--color-azul);
		background-color: white;
		border:1px solid var(--color-azul);
	}
	.single-post .columnas{
		width:100%;
		display: inline-flex;
		gap:40px;
	}
	.single-post .columnas .col1{
		width:100%;
	}
	.single-post .columnas .col2{
		width:30%;
	}
	.single-post .imgsec_d{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.single-post .imgsec_d img{
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.single-post h1,.single-post h2{
		font-size: var(--titulo3);
		text-align: center;
		color:var(--color-azul);
		margin:30px 0px;
	}
	.single-post .aligncenter{
		display: block;
		margin: 40px auto;
	}
	.single-post .meta{
		font-size: var(--texto-size4);
		text-transform: uppercase;
		margin: 20px 0px;
		display: block;
	}
	.post-relacionados .articulos{
		width:100%;
		display: inline-flex;
		gap:50px;
		padding: 50px 50px;
	}
	.post-relacionados .articulos article{
		width:50%;
		display: block;
		box-shadow: 0px 10px 20px #00000069;
	}
	.post-relacionados .articulos article .info{
		padding: 25px;
	}
	.post-relacionados .articulos article .imgpost{
		width: 100%;
		height: 200px;
		overflow: hidden;
		object-fit: cover;
	}
	.post-relacionados .articulos article img{
		width:100%;
		height: auto;
	}
	.post-relacionados .articulos article .fecha{
		margin: 15px 0px;
	}
	.post-relacionados .articulos article .post-titulo{
		margin-bottom: 15px;
		display: block;
	}
	.columnas40_60{
		width:100%;
		display:inline-flex;
		flex-wrap:wrap;
		gap:50px;
		margin-top:70px;
	}
	#impulsa{
		margin-bottom:80px;
	}
	#impulsa .columnas40_60 .col:nth-child(1){
		width:calc(45% - 50px);
	}
	#impulsa .columnas40_60 .col:nth-child(2){
	width:55%;
	}
	#innovacion .imgtira{
		width:100%;
		height:350px;
		background-image:url(images/recurso_2.jpg);
		background-size:cover;
		display:block;

	}
	#innovacion .info {
		padding:30px 0px;
	}
	#innovacion .info h2{
		color:white;
		text-align:center;
	}
	#innovacion .info{
		background-color:var(--color-azul);
	}
	#innovacion .info .op{
		display:flex;
		justify-content:center;
		gap:35px 80px;
		flex-wrap:wrap;
		padding:0px 140px;
		margin-bottom:50px;
	}
	#innovacion .info2{
		color:white;
	}
	#innovacion .info2 h2{
		text-align:left;
		margin-bottom:20px;
	}
	.columnas70_30{
		width:100%;
		display:inline-flex;
		flex-wrap:wrap;
		gap:200px;
		margin-top:0px;
		margin-bottom:80px;
	}
	.columnas70_30 .col:nth-child(1){
		width:calc(70% - 200px);
	}
	.columnas70_30 .col:nth-child(2){
		width:30%;
	}
	#alianzas .columnas70_30{
		gap:80px;
		margin-top:80px;
	}
	#alianzas .columnas70_30 .col:nth-child(1){
		width:calc(70% - 80px);
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
	}
	#alianzas img{
		object-fit: contain;
		width:auto;
		height:auto;
		margin:auto;
	}

}