/*
	Theme Name:		IDOM THEME 2018 2.0
	Theme URI:		https://www.idom.com/
	Author:			IDOM Team of Programmers
	Author URI:		https://www.idom.com/personas/
	Description:	Tema específico para la web de IDOM
	Version:		2.0
	License:		GNU General Public License v2 or later
	License URI:	https://www.gnu.org/licenses/gpl-2.0.html
	Text Domain:	IDOM

	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.
*/

	/* RESET CSS */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, 
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font: inherit;
			font-size:100%;
			vertical-align: baseline;

		}
		/* HTML5 display-role reset for older browsers */
			article, aside, details, figcaption, figure, 
			footer, header, hgroup, menu, nav, section {
				display: block;
			}
			blockquote, q {
				quotes: none;
			}
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: '';
				content: none;
			}
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}

	/* GENERAL */
		* {
			outline: none;
		}
		html {
			overflow-x:hidden;
		}
		html, body {
			height: 100%;
			position: relative;
			font-family: 'Roboto', sans-serif;
			font-size: 1rem;
			font-weight:300;
			line-height:1.6rem;
			color:#000000;
		}
		body {
			/*display: none;*/
		}
		em {
			font-style: italic;
		}
		sub {
		    vertical-align: sub !important;
		    font-size: smaller !important;
		}
.nicescroll-cursors	{
					-webkit-transition: all 0.1s linear;
					 -moz-transition: all 0.1s linear;
					  -ms-transition: all 0.1s linear;
					   -o-transition: all 0.1s linear;
						transition: all 0.1s linear;

}

.nicescroll-cursors:hover,
.nicescroll-cursors:active	{
	width: 16px !important;
}
		article {
			min-height: 84%;
			height: auto !important;
			height: 100%;
			position: relative;
			top:0;
			overflow:hidden;
		}
				blockquote { font-weight:500; border-left:5px solid #3eb7de; color:#777777; padding:0.5rem 1rem; margin:1rem 0 1rem 0; width:50%; }
				blockquote, blockquote p { font-size: 1.2rem; }
				blockquote p { padding:0; margin:0; border:none; }

		
		.clear {
			clear: both;
		}
		
		a {
			text-decoration: none;
			color:#10069F;
		}
		
		span.mas,
		a.mas,
		a.vermas,
		a.vertodos {
			background:url("images/arrow-link-blue.png") no-repeat right center;
			padding-right:35px;
			text-decoration: none;
			color:#000000;
			font-weight: 400;
		}
		a.mas.plus { margin-right: 2rem;}
		a.vermas,
		a.vertodos {
			background:url("images/arrow-link-blue.png") no-repeat 98% 50%;
			padding-right:35px;
			text-decoration: none;
			color:#000000;
			font-weight: 400;
		}

		a:hover {
			color: #3eb7de;
		}
		
		a.boton  {
			font-size:1rem!important;
			text-align: center;
			padding: 1rem 3rem!important;
			margin-left:1rem;
			border-radius: 0.3rem !important;
			background-color:#3eb7de;
			color:#ffffff;
					cursor: pointer;

					-webkit-transition: all 0.3s linear;
					 -moz-transition: all 0.3s linear;
					  -ms-transition: all 0.3s linear;
					   -o-transition: all 0.3s linear;
						transition: all 0.3s linear;
		}
a.boton_azul  {
			font-size:1rem!important;
			text-align: center;
			padding: 0.3rem 0.5rem!important;
			border-radius: 0.3rem !important;
			position: relative;
			margin-left:1rem;
			background-repeat: no-repeat !important;
			background-color:#3eb7de;
			color:#ffffff;
					cursor: pointer;

					-webkit-transition: all 0.3s linear;
					 -moz-transition: all 0.3s linear;
					  -ms-transition: all 0.3s linear;
					   -o-transition: all 0.3s linear;
						transition: all 0.3s linear;
		}
		.btnLoad { 
			width: 15rem;
			margin: 2em auto 2rem;
			padding: 1rem 1rem!important;
			border-radius: 50px !important;
			position: relative;
			background-repeat: no-repeat !important;
			background-color:#3eb7de;
			color:#ffffff;
			text-align:center;
					cursor: pointer;
					
					}
		.SAPS4HANA {
			position: relative;
		}
		.SAPS4HANA .btnLoad { 
			margin: 0 2.5rem;
			display: block;
			color: #fff;
			position: absolute;
			top: -1.5rem;
			padding: 0.7rem 0.7rem !important;
		}
		.boton,
		.btnBorrar,
		.btnFilter,
		.btnLoad { 
	
				-webkit-transition: background-color 0.6s, top 0.6s;
				 -moz-transition: background-color 0.6s, top 0.6s;
				  -ms-transition: background-color 0.6s, top 0.6s;
				   -o-transition: background-color 0.6s, top 0.6s;
					transition: background-color 0.6s, top 0.6s;
		}

		.boton:hover,
		.boton_azul:hover,
		.btnBorrar:hover,
		.btnFilter:hover,
		.btnLoad:hover { background-color:#10069F;}
		.btnBorrar.loading,
		.btnFilter.loading,
		.btnLoad.loading {
			background-color:#cccccc!important;
		}
		.btnBorrar.loading::after,
		.btnFilter.loading::after,
		.btnLoad.loading::after {
			content: " ...";
 }
 
 
 
		.botonTop {
			position: fixed;
			opacity: 0;
			bottom: -1.5rem;
			right: 2.5rem;
			width: 24px;
			height: 24px;
			background-image: url(images/topUp.png);
			background-repeat: no-repeat;
			background-size: 100%;
			cursor: pointer;
			z-index:99999;

			-webkit-transition: all 0.5s linear;
			 -moz-transition: all 0.5s linear;
			  -ms-transition: all 0.5s linear;
			   -o-transition: all 0.5s linear;
				transition: all 0.5s linear;
		}
		.botonTop.active {
			bottom: 1rem;
			opacity: 1;
		}	
		
/* --- REGLAS DE LA CLASE .tituloimg (Ajustadas para evitar solapamiento y asegurar alineación) --- */

/* Estilos generales para el H1, si es necesario sobrescribir el estilo base de h1 */
h1 {
    font-weight: 400 !important;
    font-size: 3.3rem;
    line-height: 3.6rem;
    padding: 0px 0px 0px;
    margin-left: -4px;
	color: #000000 !important; 
}

/* Base de .tituloimg. Por defecto, puede tener el margen negativo.
   Este margin-top se neutralizará en media queries específicas. */
.tituloimg {
    margin-top: -160px; /* Este es el margen negativo original que causa el solapamiento en desktop */
    padding: 10px 45px 0px 0px;
}
.tituloimg h1 {
    font-size: 3.3rem;
    line-height: 3.6rem;
    margin-bottom: 15px;
}
.tituloimg h1 span {
    padding: 0.2rem 0rem;
    border-radius: 0.2rem;
    background-color: rgba(255,255,255,0);
}
.tituloimg h2 {
    color: #000000 !important;
}
.tituloimg.tituloblanco h1 {
    color: #ffffff;
}

/* Reglas específicas para #quienes-somos y #about (si necesitas que tengan posicionamiento absoluto) */
#quienes-somos .tituloimg,
#about .tituloimg {
    position: absolute !important;
    top: 5%;
    margin-top: 0; /* Este ya estaba en 0, pero es bueno confirmarlo */
    padding: 10px 45px 30px 45px;
    z-index: 10; /* Un valor alto para asegurar que esté por encima */
}

/* Reglas adicionales para el h1-blanco2 y wpb_wrapper */
.h1-blanco2 {
    margin-top: 0 !important; /* Asegurarse de que no haya un margen superior negativo en el h1 */
    position: static; /* Asegura que no se posicione de forma inusual */
    top: auto !important; /* Anula cualquier top negativo si lo tuviera */
}

/* Ajuste para el .wpb_wrapper que tiene el display: flex en línea */
/* Esto se aplica a los div.wpb_wrapper que tienen el estilo inline "display:flex; align-items: baseline; gap: 1rem;" */
/* Si este estilo inline se quita del PHP, esta regla puede ser más específica a una clase. */
.wpb_wrapper[style*="display: flex"] { /* Selecciona si tiene el estilo en línea */
    align-items: flex-start; /* O 'stretch' si quieres que ocupen todo el alto disponible */
    margin-top: 0 !important;
    top: auto !important;
}

.menu-mercados ul {
	list-style:none;
display: none;
position:absolute;
width:100%!important;
margin:1rem 0;
padding:0rem;
	z-index: 1;
}
.menu-mercados ul li {
	display:inline-block;
	margin:0;
	padding:0;
}
.menu-mercados ul li a {
	display: block;
	padding: 0rem 0.5rem; 
	border-radius: 0.2rem; 
	background-color:rgba(0,0,0,0.1); margin:0.2rem 0.1rem;
	color:#000000;
	font-weight:400;
	font-size:0.9rem;

}
.menu-mercados ul li a:hover {
	background-color:rgba(255,255,255,1);

}

.menu-mercados.active ul {
	display: inline-block;
}
.menu-sandwich1,
.menu-close1 { }
.menu-sandwich1 .svg path { fill: #000000;  }
.menu-close1 .svg path { fill: #000000;  }
.menu-sandwich1 svg {
    border-radius: 0.2rem;
    background-color: rgba(255,255,255,0.7);
}
.menu-close1 svg {
    border-radius: 0.2rem;
    background-color: rgba(255,255,255,0.7);
}
		
		h1.secundario,
		h2,
		p.searchType { font-size: 2rem; color:#3eb7de; line-height:2.4rem; padding:0 0 1rem 0; margin:0px; float:none; }
		h2.secundario {font-size: 1.4rem; line-height:1.8rem; padding-top:20px; color:#000000;  }
		h3 { font-size: 1.6rem; line-height:2rem;  }
		h4 { font-size: 1.4rem; line-height:1.6rem; }
		h4.relacionSalud { font-size: 1.2rem; padding: 1rem 2rem; font-weight: 500; border-top: 1px solid #10069F; border-bottom: 1px solid #10069F; display: table-caption; }
		h4.relacionSalud a { color: #3eb7de; font-weight: bold; font-size: 1.8rem; position: relative; top: 0.2rem; } 
		h5 { font-size: 1.1rem; line-height:1.4rem; font-weight:400; }
		h6 { font-size: 1rem; line-height:1.2rem; color:#3eb7de; }
		p { font-size: 1rem; }
		h2, h3, h4, h5, h6, p { padding-bottom:0.5rem; }
		
		.bold,
		strong {
			font-weight: 700;
		}

		.stats-block { border-left: 1px dotted #000000; }
		.stats-desc { margin:0px!important; padding: 0px 0px 25px 0px!important;}
		.stats-number { font-size: 4rem!important; line-height:3rem !important; color: #3eb7de!important; font-weight: 300!important; }
		.stats-text { font-size: 1.6rem!important; margin-top:15px!important;}
		
		.cajaContenedor .wpb_column { border:1rem solid #ffffff;  }
		.cajaContenedor .vc_column-inner { border:1px solid #f3f3f3; background-color:#f3f3f3; }
		
		.caja {  border-left: 1px dotted #000000; padding:1rem 1rem 1.5rem 1rem; margin-left:1rem; margin-bottom:1rem;}
		.caja .wpb_wrapper { }
		
		.somosTit *{ margin-bottom:0!important; padding-bottom:0!important; }
		
		ul.flecha, ul.flecha ul { list-style:none!important; padding:0!important; margin:0!important; }
		ul.flecha li { 
			background:url("images/arrow-blue.png") no-repeat 0 1px;
			padding-left:25px;
		}
		ul.flecha h5 { padding:0px; }
		ul.flecha a { font-weight:500; color:#000000; }
		ul.flecha .upper { text-transform:uppercase; font-weight:300; }
		
		.flecha.flechablanca li { 
			background:url("images/arrow-white.png") no-repeat 0 1px!important;
			padding-left:25px;
		}
		ul.breadcrumb { list-style:none; padding:0; margin:0 0 1rem 0; }
		ul.breadcrumb li a { font-size:0.9rem; }
		ul.breadcrumb li a.opciones{ color:#777777!important; border-right: 1px dotted #000000; padding: 0 0.3rem 0 0rem; margin: 0 0rem 0 0rem;}
		ul.breadcrumb li a.current{ color:#3eb7de!important;}
		ul.breadcrumb li a.opciones:hover { color:#3eb7de!important; }

		ul.submenu { list-style:none;  padding:0; margin:0; }
		ul.submenu li { display: inline-block; border-left: 1px dotted #000000; padding: 0.5rem 0.5rem 0rem 0.5rem; margin-bottom:0.5rem; }
		ul.submenu a { color:#000000; font-weight:500!important; cursor:pointer; }
		ul.submenu a:hover { color:#3eb7de; }
		ul.submenu .active,
		ul.submenu .active a { color:#3eb7de; font-weight:500!important; }

		ul.submenu.media { background-color: none; padding-top:15px; }
		.mercados ul.submenu { background-color: none; padding-top:15px; }

		ul.submenu { list-style:none;  padding:0; margin:0; }
.ult-sticky-section { background-color: #ffffff; margin-top:-2px; }


/* CLASES */
	/* LOAD RESULTS */
    /*.main-preloader {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 99999999999999;
      background-color: #ffffff;
    }
    .main-preloader .main-preloader-inner {
      position: absolute;
      top: 0;
	  bottom:0;
      width: 100%;
    }
	.main-preloader-inner .logo { position:absolute; width:35%; right:2rem; bottom:2rem; }			
    .main-preloader .preloader-percentage {
      position: absolute;
	  bottom:2rem;
	  left:2rem;
	  right: 2rem; 
      color: #eeeeee;
      margin: 0;
    }
    .main-preloader .preloader-percentage span {
      display: inline-block;
      float: center;
    }
    .main-preloader .preloader-percentage-text {
      font-size: 150px;
    }
    .main-preloader .percentage {
      font-size: 50px;
    }

	.main-preloader .preloader-bar-outer .preloader-bar {
      position: absolute;
	  top:0;
	  bottom:0;
	  width:0px;
	  background-color: #3eb7de;	
	}*/

	/* HEADER */
		header * { line-height:1rem!important; }
		header {
			position: absolute;
			width: 100%;
			z-index: 9999;
			background-color:transparent;
			padding:0.5rem 0!important;
				-webkit-transition: background-color 0.6s, top 0.6s;
				 -moz-transition: background-color 0.6s, top 0.6s;
				  -ms-transition: background-color 0.6s, top 0.6s;
				   -o-transition: background-color 0.6s, top 0.6s;
					transition: background-color 0.6s, top 0.6s;
			}			
		header.active,
		header:hover {
			z-index: 99999;
			background-color: rgba( 255, 255, 255, 0.8 ) ;
		}
		header .wrapperPage {
			margin:0 2.5rem;
			position: relative;
		}
		header nav.principal,
		header .wIcons,
		header .wLanguage {
			float:left;
		}
		header .wIcons,
		header .wLanguage {
			margin:0 0 0 1rem!important;
		}

		header nav.principal *,
		header .wIcons *,
		header .wLanguage * {
			margin:0!important;
			padding:0!important;
		}
		header nav.principal ul li,
		header .wLanguage ul li {
			display: inline-block;
		}
		header nav.principal ul li {
			padding-right: 2rem!important;
		}
		header nav.principal ul li.current-menu-item a
		{
			color:#ffffff; 
			border-bottom:1px solid #ffffff;
		}
		
		header .wLanguage {
			border: none!important;
		}
		header .wLanguage ul li {
			padding-right: 0.5rem!important;
		}
		header .wLanguage a span,
		header .wLanguage a img {
			display: none !important;
		}
		header .wLanguage .wpml-ls-item-es a:after {
			content: "ES";
		}
		header .wLanguage .wpml-ls-item-en a:after {
			content: "EN";
		}
		header .wLanguage .wpml-ls-current-language a {
			font-weight: 500;
		}
		header .lupaSearch,
		header .menu-sandwich,
		header .menu-close {
			cursor: pointer;
		}
		header .menu-sandwich,
		header .menu-close {
			display:none;
		}
		header .logo .svg path,
		header .menu-sandwich .svg path,
		header .menu-close .svg path,
		header .lupaSearch .svg path {
			fill: #fff;
			-webkit-transition: fill 0.6s;
			 -moz-transition: fill 0.6s;
			  -ms-transition: fill 0.6s;
			   -o-transition: fill 0.6s;
				transition: fill 0.6s;
		}
		header nav.principal a,
		header .wLanguage a {
			color: #ffffff;
			font-weight: 300;
			font-size: 1rem;
			line-height:2rem!important;
			-webkit-transition: all 0.6s;
			 -moz-transition: all 0.6s;
			  -ms-transition: all 0.6s;
			   -o-transition: all 0.6s;
				transition: all 0.6s;
		}
		
		header.hidden {
			position: fixed;
			top: -4.5rem;
		}
		header.visible {
			position: fixed;
			top: 0;
			z-index: 99999;
			background-color: rgba( 255, 255, 255, 0.8 ) ;
		}
		header.visible1 {
			background-color:  rgba( 255, 255, 255, 0.3 ) ;
		}
		header.active nav.principal ul li.current-menu-item a,
		header:hover nav.principal ul li.current-menu-item a,
		header.visible nav.principal ul li.current-menu-item a
		{
			color:#10069F!important; 
			border-bottom:1px solid #10069F!important;
		}

		header.active .logo .svg path,
		header:hover .logo .svg path,
		header.visible .logo .svg path,
		header.active .menu-sandwich .svg path,
		header:hover .menu-sandwich .svg path,
		header.visible .menu-sandwich .svg path,
		header.active .menu-close .svg path,
		header:hover .menu-close .svg path,
		header.visible .menu-close .svg path,
		header.active .lupaSearch .svg path,
		header:hover .lupaSearch .svg path,
		header.visible .lupaSearch .svg path {
			fill: #10069F;
		}		
		header.active nav.principal a,
		header:hover nav.principal a,
		header.visible nav.principal a,
		header.active .wLanguage a,
		header:hover .wLanguage a,
		header.visible .wLanguage a {
			color: #444444;
		}		

				
		header nav.principal li.current > a,
		header nav.principal li.active > a,
		header nav.principal li > a:hover {
			color: #3eb7de!important;
		}



		.fullHeader {
			background-position:center center;
			background-size:cover;
			background-repeat:no-repeat;
			background-color:#f5f5f5;
			width:100%;
			min-width:100%;
			height:450px;
			position:relative;
		}
		.fullHeaderTop {
			background-position:center center;
			background-size:cover;
			background-repeat:no-repeat;
		}

		.fullHeaderSub {
			background-color: transparent;
			width:100%;
			min-width:100%;
			height: 4.5rem;
			position:relative;
		}

		.ods {
				padding: 0.5rem 0 0 2rem;
		}
		.ods img {
				width: 48px;
				height: 48px;
				padding-left: 0.5rem;
		}

		#quienes-somos .fullHeader ,
		#about .fullHeader {
			background-position:center bottom;
		}
		.contenido { padding: 3rem 2.5rem!important; }
		.contenido .proveedoresVideos h2 { font-size: 1rem; }
		.contenido.titulohome { padding: 1.5rem 2.5rem 3rem 2.5rem!important; }
		.proyecto .contenido { padding: 1rem 2.5rem 3rem 2.5rem !important; }
		#actividad {}
		#activity h1,
		#expertise h1,
		#actividad h1 {margin-top:4rem; font-size:2rem; color:#10069F!important; }
		
#activity .fondoActividad,
#expertise .fondoActividad,
#actividad .fondoActividad {
	   -webkit-animation: zoomin 15s linear;
	animation: zoomin 15s linear;
	animation-fill-mode: forwards;
	height: 100%;
	min-height: 100vh;
	width: 100vw;
	position: absolute;
	background-size: cover;
	background-position: center center;

}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
		transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.3);
		transform: scale(1.3);
    }

}
		.menuactividad ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap:0.5rem; grid-auto-rows: 1fr; }
		.menuactividad  ul { list-style:none!important; padding:0!important;  }
		.menuactividad  ul li{ overflow:hidden; background-color: rgba(255,255,255,0.9); padding:1rem;  margin-right:0.5%; margin-bottom:0.5% }	
		.menuactividad  ul li a { display:block; color:#10069F; font-size:1.3rem; font-weight:400; padding-bottom:5px;  }
		.menuactividad  ul li a:hover { color:#000000; }
		
		.menuactividad  ul ul { margin:0rem!important; display: list-item; padding-top:0px!important;  }	
		.menuactividad  ul ul li{	padding:0; padding-left: 15px;  margin:0rem; display: list-item; background:none; font-size:1rem; font-weight:300; line-height: 1.3;}
		.menuactividad  ul ul li a::before { color:#000000;content: '>'; margin-left:-12px; padding-right: 5px;  }
		.menuactividad  ul ul li a { color:#000000; font-size:0.9rem; font-weight:300;padding:0; border:none; line-height: 1.3; }
		.menuactividad  ul ul li a:hover { color:#10069F;  }


		@media (max-width: 1600px) {
		.menuactividad  ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
		}

		@media (max-width: 1500px) {
		.menuactividad  ul { grid-template-columns: 1fr 1fr 1fr 1fr; }
		}
		@media (max-width: 1200px) {
		.menuactividad  ul { grid-template-columns: 1fr 1fr 1fr;  }
			h1 { font-size:2.5rem!important;}
		}
		@media (max-width: 1024px) {
			h1 { font-size:2rem!important;}
		.menuactividad  ul { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }
					#activity h1,
		#expertise h1,
		#actividad h1 {margin-top:4rem; font-size:2rem; color:#ffffff!important; display:none!important;}

		}
		@media (max-width: 600px) {
		.menuactividad  ul {  grid-template-columns: 1fr;  }
		}


	/* SEARCH */
	
		.paginaSearch {
			z-index: 999999999999;
			position: fixed;
			visibility: hidden;
			opacity: 0;
			background-color: #ffffff;
			height: 100%;
			padding: 1rem 2.5rem;
			top: 0;
			left: 0;
			right:0;

			-webkit-transition: all 0.3s linear;
			 -moz-transition: all 0.3s linear;
			  -ms-transition: all 0.3s linear;
			   -o-transition: all 0.3s linear;
				transition: all 0.3s linear;
		}
		.paginaSearch.active {
			opacity: 1;
			visibility: visible;
		}
		.paginaSearch .logo {
			margin-top:0;
		}
		.paginaSearch .svg {
			cursor: pointer;
		}
		.paginaSearch .loading {
			display:none;
		}

		.paginaSearch .cerrarSearch {
			position: fixed;
			top: 0.5rem;
			right: 0.8rem;
			width: 32px;
			height: 32px;
			cursor: pointer;
		}
		.paginaSearch .cerrarSearch:before,
		.paginaSearch .cerrarSearch:after {
			content: '';
			position: absolute;
			top: 15px;
			height: 1px;
			width: 100%;
			background: #000;

			-webkit-transform: rotate(0deg);
			 -moz-transform: rotate(0deg);
			  -ms-transform: rotate(0deg);
			   -o-transform: rotate(0deg);
				transform: rotate(0deg);

			-webkit-transition: all 0.3s linear;
			 -moz-transition: all 0.3s linear;
			  -ms-transition: all 0.3s linear;
			   -o-transition: all 0.3s linear;
				transition: all 0.3s linear;
		}
		.paginaSearch .cerrarSearch:before {
			-webkit-transform: rotate(45deg);
			 -moz-transform: rotate(45deg);
			  -ms-transform: rotate(45deg);
			   -o-transform: rotate(45deg);
				transform: rotate(45deg);
		}
		.paginaSearch .cerrarSearch:after {
			-webkit-transform: rotate(-45deg);
			 -moz-transform: rotate(-45deg);
			  -ms-transform: rotate(-45deg);
			   -o-transform: rotate(-45deg);
				transform: rotate(-45deg);
		}
		.paginaSearch form {
			padding: 5rem 0 0;
			position: relative;
		}
		.paginaSearch input[type=text] {
			border: none;
			border-bottom: 1px dotted #000000;
			border-left: 1px dotted #000000;
			padding: 0.5rem;
			width: 50%;
			font-size: 2rem
		}
		.paginaSearch input[type=text]::placeholder {
			color: #d8d8d8;
		}
		.paginaSearch div.searchResults {
			padding: 5rem 0 5rem;
			position: relative;
		}
		.paginaSearch div.searchResults  {
			padding: 1rem 0;
			font-size:1.2rem;
			line-height: 1.5rem;
			border-top:1px solid #eeeeee;
			position: relative;
		}
		.paginaSearch div.searchResults ul  {
			float:right;
		}
		.paginaSearch div.searchResults li {
			display:inline-block;
			padding:0;
		}
		.paginaSearch div.searchResults li a {
			background-color:#3eb7de; color:#ffffff; border-radius:3px; padding:0.3rem 0.4rem; font-size:0.9rem; font-weight:400; margin-right:5px;
		}
		.paginaSearch div.searchResults li a:hover { background-color:#10069F; color:#ffffff; }
		.paginaSearch .proyectosSearch,
		.paginaSearch .noticiasSearch,
		.paginaSearch .publicacionesSearch,
		.paginaSearch .oficinasSearch,
		.paginaSearch .videosSearch,		
		.paginaSearch .mensajeSearch {
			display: none;
			padding: 3rem 0 1rem;
		}
		.paginaSearch .oficinasSearch .col,
		.paginaSearch .videosSearch .col {
			width:30%; margin-right:3.33%; float:left;
		}

	/* FOOTER */
		footer { padding: 4rem 2.5rem 3rem 2.5rem!important; margin:0!important; background-color:#10069F; color:#ffffff;}
		footer a { color:#ffffff; }
		footer .wpb_wrapper {}
		footer .f_private,
		footer .f_social { }
		footer .f_social li {
			display: inline-block;
			padding-left: 0.5rem;
		}
		footer .f_social li:nth-child(1) {
		}
		footer .f_social li a {
			width: 1.8rem;
			height: 1.8rem;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			display: block;

			-webkit-transition: all 0.15s linear 0s;
			 -o-transition: all 0.15s linear 0s;
			  transition: all 0.15s linear 0s;
		}
		footer .f_social .facebook {
			background-image: url('images/facebook.png');
		}
		footer .f_social .twitter {
			background-image: url('images/twitter.png');
		}
		footer .f_social .linkedin {
			background-image: url('images/linkedin.png');
		}
		footer .f_social .youtube {
			background-image: url('images/youtube.png');
		}
		footer .center * { text-align:center;}
		footer .right * { text-align:right;}
		footer .cleanPaddingBottom { padding-bottom: 0; }


			/* FRONT-PAGE */
				.homeVideo {
					height: 80vh;
					position: relative;
				}
				.homeVideo video {
					position: absolute;
					z-index: 1;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;

					object-fit: cover;
				}
				.homeVideo .pieVideo {
				}
				.homeVideo .pieVideo .goDown {
					position: absolute;
					z-index: 2;
					display:block;
					background-image: url(images/downFlecha.png);
					background-repeat:no-repeat;
					height: 1.8rem;
					width: 2rem;
					cursor: pointer;
					bottom: 2rem;
					margin: 0 49%;
				}

				.homeBoletinTecnologico {
					width: 100%;
					height: 35rem;
					position: relative;
					z-index: 3;
					overflow: hidden;
				}
				.homeBoletinTecnologico .swiper-container {
					height: 100%;
					width: 100%;
				}
				.homeBoletinTecnologico .swiper-container .swiper-image {
					width: 100%;
					height: 100%;
				}
				.homeBoletinTecnologico .swiper-container .swiper-image-inner {
					background-size: cover;
					background-position: center center;
					width: 100%;
					height: 100%;
				}
				.homeBoletinTecnologico .swiper-container .swiper-content {
					position: absolute;
					padding: 2.5rem;
					z-index: 5;
					width: 30%;
					height:100%;
					opacity: 0;
					background-color: rgba( 0, 0, 0, 0.4 );
					transform: translateX(-100%);
				}
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content {
					opacity: 1;
					transition: all .5s cubic-bezier( 0, 0.2, 0.5, 1 ) 1s;
					transform: translateX( 0% );
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h2 {
					line-height:2rem;
					margin-bottom:1rem;
					margin-top:2rem;
					color:#ffffff;
					font-weight:500;
					line-height:2.4rem;
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h3 {
					color:#ffffff;
					margin-bottom:3rem;
				}
				.homeBoletinTecnologico .swiper-container .swiper-content h2,
				.homeBoletinTecnologico .swiper-container .swiper-content h3,
				.homeBoletinTecnologico .swiper-container .swiper-content p,
				.homeBoletinTecnologico .swiper-container .swiper-content a {
					opacity: 0;
				}
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content h2,
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content h3,
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content p,
				.homeBoletinTecnologico .swiper-container .swiper-slide-active .swiper-content a {
					opacity: 1;
					transition: all 0.4s cubic-bezier( 0, 0.2, 0.5, 1 ) 2s;
				}
				/* SWIPER CSS */
				.homeUnete {
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center center;
					padding-bottom:15rem;
				}

				.homeUnete .wpb_wrapper {
					padding:2.5rem;
					max-width: 50%
				}
				.homeUnete .wpb_wrapper *{
					color:#ffffff;
					text-align:left;
				}
				.homeUnete .wpb_wrapper h2{
					color:#ffffff;
					font-size:2.5rem;
					line-height:3rem;
					font-weight:500;
					text-align:left;
					margin-bottom:2rem;
				}

			/* MERCADOS */
			
				.mercados .persona { float:right; width:200px; margin:0 0.5rem 2rem 0rem; text-align:left; }
					.mercados.padre .swiper-slide {
						width: 90%;
						/*padding-bottom: 6.5rem;*/
					}
					.mercados.padre .contentDestacado {
						padding:1rem 2.5rem 0rem 10rem;
						max-width:70%;
					}
					.mercados.padre .contentDestacado h2 {
						padding:1rem 0rem 0rem 0rem;
						font-size:1.5rem; font-weight:400; line-height:1.6rem!important;
					}
					.mercados.padre .contentDestacado h2 a{
					color:#000000;
					}
					.mercados.padre .contentDestacado h2 span {
					color:#3eb7de;font-size:1rem; text-transform: uppercase;
					}
					.mercados.padre .imgDestacado {
						background-size:cover; height: 35rem; width:100%; cursor:grab; 
						}

					.mercados.padre .contentDestacado > * {
						opacity: 0;
						transition-delay: 0s !important;

						/*transition: all 0.4s ease-out 0.8s;*/
					}
					.mercados.padre  .swiper-slide-active .contentDestacado > * {
						opacity: 1;
						transition-delay: 0.4s !important;
						/*left: 0rem;*/
					}
					


.ultimasPublicaciones  {margin-bottom:6rem;
    }
.premios .navigation,
.publicaciones .navigation,
.videos .navigation {
	border-top:1px solid #eeeeee;
	position:relative;
  bottom: -0.5rem;
  display: flex;
  flex-direction: row;
   justify-content: flex-end;
    }
.premios .swiper-button-prev,
.premios .swiper-button-next,
.publicaciones .swiper-button-prev,
.publicaciones .swiper-button-next,
.videos .swiper-button-prev,
.videos .swiper-button-next {
  position: static;
  width: 2rem;
  height: 2rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:#f3f3f3;
  color: #000000;
  font-size: 10px!important;
  margin-top:0;
}
.premios .swiper-button-next,
.premios .swiper-container-rtl .swiper-button-prev,
.publicaciones .swiper-button-next,
.publicaciones .swiper-container-rtl .swiper-button-prev,
.videos .swiper-button-next,
.videos .swiper-container-rtl .swiper-button-prev {
  right: 0rem;
}
.premios .swiper-button-prev.swiper-button-disabled,
.premios .swiper-button-next.swiper-button-disabled,
.publicaciones .swiper-button-prev.swiper-button-disabled,
.publicaciones .swiper-button-next.swiper-button-disabled,
.videos .swiper-button-prev.swiper-button-disabled,
.videos .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}


.premios .swiper-container,
.publicaciones .swiper-container,
.videos .swiper-container {
      width: 100%;
      height: 100%;
	  padding:1rem 0 3rem;
    }

.publicaciones .swiper-slide {
    }
	
.publicaciones .publicacion { padding:0px 0px 50px 0px!important; position:relative; }

.publicaciones .publicaciones { }
.publicaciones .publicaciones.active { }
	
	
				.mercados .mServicios {
					margin-bottom: 2rem;					
				}
				.mercados .mServicios nav {
					margin-bottom: 1.5rem;
					padding-bottom: 1rem;
					border-bottom: 1px dotted #000000;
				}
				.mercados .mServicios nav ul {
					margin:0; padding:0;
				}
				.mercados .mServicios nav ul li {
					display: inline-block;
					margin-right: 2rem;
					cursor: pointer;
					position: relative;
				}
				.mercados .mServicios nav ul li {
					display: inline-block;
					margin-right: 1.5rem;
					cursor: pointer;
					position: relative;
				}
				.mercados .mServicios nav ul li:nth-child(1) {
				}
				.mercados .mServicios nav ul li.activo {
					color: #3eb7de;
					font-weight:500;
				}
				.mercados .mServicios div.nuclear {
					display: none;
					width: 100%;
				}
				.mercados .mServicios div.nuclear h3 {
					display: none;
				}
				.mercados .mServicios div.nuclear.activo {
					display: block;
				}
				.mercados .mServicios div.nuclear ul li {
					display: flex;
				}
				.mercados .mServicios div.nuclear ul li:before {
					content: '-';
					padding-right: 0.3rem;
				}
		/* PAGINA ESPCECIAL - CONSULTING */
				.mercados .mServicios div.consulting .vc_tta-tabs-container ul {
					border-bottom: 1px dotted #000000;
					margin-bottom: 1.5rem;
					padding-bottom: 1rem;
				}
				.mercados .mServicios div.consulting .vc_tta-tabs-container a {
					border: none;
					background-color: transparent;
    			color: #000;
    			margin-right: 2rem;
    			padding: 0;
				}
				.mercados .mServicios div.consulting .vc_tta-tabs-container .vc_active a {
					color: #3eb7de;
					font-weight:500;
				}
				.mercados .mServicios div.consulting .vc_tta-panels-container .vc_tta-panels {
					border: none;
					background-color: transparent;
				}
				.mercados .mServicios div.consulting .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
					padding: 0;
				}


			/* PROYECTOS */



				.proyectos .proyecto {
				}
				.proyectos .proyecto .vc_column-inner	{
					background-size:cover;
					background-position:center center;
					margin:0px; padding:0px;
					height: 0;
					width:100%;
					padding-bottom: 56%;
					background-color:#eeeeee;
				}
				.proyectos .proyecto .info {
				background-color: rgba(0,0,0,0.3); position:absolute; top:0; bottom:0; right:0; width:34%; padding:3rem 3% 2rem 3%; 
				-webkit-transition: all 0.25s linear 0s;
				 -o-transition: all 0.25s linear 0s;
				  transition: all 0.25s linear 0s;

				}
				.proyectos .proyecto:hover .info {
				background-color: rgba(0,0,0,0.6);  
				padding-right:63%;
				}
				.proyectos .proyecto h2 {
					font-size:1.3rem;
					color:#ffffff;
					line-height: 1.5rem;
					padding-bottom:1rem
				}
				.proyectos .proyecto p {
					color:#ffffff;

				}

				.proyectos .proyecto p.pais {
					color: #3eb7de; text-transform:uppercase;  font-size:0.9rem;
				}
				.proyectos .proyecto ul.cats {
					position:absolute; bottom:1rem; 
				}
				.proyectos .proyecto ul.cats li {
					text-transform:uppercase; font-size:0.85rem; color:#ffffff; padding:0;
				}

			/* SINGLE PROYECTO */
			.compartirProyecto {
					border: 1px dotted #000000;
					border-width: 1px 0px;
					margin-bottom: 2rem;
					padding-top: 1.5rem;
				}
				.compartirProyecto ul {
					padding:0; margin:0 0 1rem 0!important;
				}
				.compartirProyecto ul li {
					display: inline-block;
					padding-left: 0.3rem;
				}
				.compartirProyecto ul li:nth-child(1) {
					padding-left: 0;
				}
				.compartirProyecto ul li svg:hover {
					cursor: pointer;
				}
				.compartirProyecto ul li svg:hover path {
					fill: #fff;

					webkit-transition: all 0.5s;
					 -moz-transition: all 0.5s;
					  -ms-transition: all 0.5s;
					   -o-transition: all 0.5s;
						transition: all 0.5s;
				}
				.compartirProyecto ul li svg:hover circle {
					fill: #4166ef;
					stroke: #4166ef;

					webkit-transition: all 0.5s;
					 -moz-transition: all 0.5s;
					  -ms-transition: all 0.5s;
					   -o-transition: all 0.5s;
						transition: all 0.5s;
				}
				
				p.pais {
				 text-transform:uppercase;  font-size:0.9rem; font-weight:500;
				}

				.galeriaProyecto {
					width: 100%;
					height: 40rem;
					padding-top:2rem!important;
				}
			.galeriaProyecto .swiper-slide {
			  height: 100%!important;
			  list-style:none;
			}
	
				.galeriaProyecto ul li {
					width: auto;
				}
				.galeriaProyecto ul li img {
					height: 100%;

				}
				.galeriaProyecto ul li.videosProyecto {
				}
				.galeriaProyecto ul li iframe,
				.galeriaProyecto ul li video {
					--video--width: 960;
					--video--height: 540;
					--video--wrapper: 642.4px;
					border:1px solid #cccccc;
					height: 98%;
					width: calc( var(--video--width) / var(--video--height) * 620px );
				}
				.galeriaProyecto .swiper-pagination { top :0px!important; height:2rem!important; padding-left:2.5rem; text-align:left!important; }


			/* MEDIA */
				.noticias ,
				.videos ,
				.publicaciones { }
.single-articulo .fullHeader { height:550px; }	
.single-articulo .contenido {   max-width: 1000px; margin: 0 auto;  }
.single-articulo h1 { font-weight: 400; color: #3eb7de; width:60%; padding-top: 10px; }
.single-articulo h2 { font-weight: 400; color: #9d9d9d;  width:90%; margin-bottom:0.5rem;}

.single-articulo h3 { font-weight: 400; font-size: 2rem; color:#000000; line-height:2.4rem; margin-bottom:0.5rem; width:60%; }
.single-articulo p { hyphens: auto; text-align: justify; }
.single-articulo .alignnone { margin: 30px 0 30px 0; }
.single-articulo .alignleft  { float: left; margin: 10px 50px 50px 0; width:45%; max-width: 400px; height: auto; }
.single-articulo .alignright { float: right; margin: 10px 0 50px 50px; width:45%; max-width: 400px; height: auto; }
.single-articulo .autores { border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; margin: 20px 0 35px 0;  padding: 20px 0 10px 0; }
.single-articulo .asterisco { font-size:1.4rem; margin-top: 40px; padding-bottom: 30px; line-height: 1.6; font-style: italic;}
.single-articulo .asterisco h3 { font-weight: 300; font-size: 2.6rem; color:#000000; line-height:3.2rem; width:80%; }


@media (max-width: 1024px) {
.single-articulo h1 { font-size: 2rem; line-height:2.2rem; width: 90%;  }
.single-articulo h2 { }

.single-articulo h3 { width:90%; }
	
}


				.noticia .vc_column-inner,
				.film .vc_column-inner { margin:0px 15px 4rem 15px!important; padding:0px 0px 50px 0px!important; position:relative; }

				.film .vc_column-inner {  padding:0px 0px 0px 0px!important; }
				
				.noticia img,
				.publicacion img { width: 100%; }
				
				.noticia .fecha { padding-bottom:5px; font-size: 0.9rem; }
				.noticia h2 { /*font-size:1.2rem;*/ font-size:1rem; line-height:1.2rem; }
				.noticia h2 a { /*color: #3eb7de;*/ color: #000; font-weight: 400; }
				.noticia .desc p { font-size: 0.9rem; line-height: 1.3; }
				.nProyecto { border-top:1px dotted #000000; margin-top:1rem; padding-top: 1rem;}
				.nProyecto img { width:100%!important; height:auto!important; }
				.nAnexos, .nContacto, .nPie { border-bottom:1px dotted #000000; margin-bottom:1rem; padding-bottom: 1rem;}
				
				.publicacion .tit { text-transform: uppercase; }
				.noticia .pie,
				.film .pie,
				.publicacion .pie { position:absolute; bottom:0; width:100%;  }
				
				.noticia .cats,
				.publicacion .cats { border-top:1px dotted #000000; padding-top:10px; color:#333333; }

				.film iframe { width:100%; height:250px; }
				
				.descarga { background-color:#3eb7de; color:#ffffff; border-radius:3px; padding:0.1rem 0.2rem 0 0.2rem; font-size:0.8rem; font-weight:400; margin:0 5px 5px 0; line-height:auto;}
				.descarga:hover { background-color:#10069F; color:#ffffff; }

				.pFiltro {
				}
				

				.pFiltro .pFiltroContent .pResultados {
					display:block;
					margin-top:1rem;
					float:left;
				}
				.pFiltro .pResultados div span {
					padding: 0.1rem 2rem 0.1rem 0.5rem;
					margin: 0 1rem 0.5rem 0;
					border: 1px solid #cccccc;
					border-radius: 3px;
					display: inline-block;
					position:relative;
					font-size:0.9rem;
				}
				.pFiltro .pResultados div span i {
						width: 14px;
						height: 14px;
						background-image: url(images/close.svg);
						background-position:center center;
						position: absolute;
						top:7px;
						right: 8px;
						cursor: pointer;
					}
				
				
				.pFiltroBtn {
					padding: 0;
					padding-bottom:1rem;
					display:none;
				}
				.pFiltroBtn .abrirFilter,
				.pFiltroBtn .cerrarFilter {
					float:right;
					cursor: pointer;
					padding: 0.5rem 3rem 0.5rem 0;
					background-image: url(images/filter.svg);
					background-position: right center;
					background-repeat:no-repeat;
				}
				.pFiltro .abrirFilter { display:block; }
				.pFiltro .cerrarFilter { display:none; }

				.pFiltro.active .abrirFilter { display:none; }
				.pFiltro.active .cerrarFilter { display:block; }
				
				.pFiltro div.pFiltroContent {
					position: relative;
					width: 100%;
					overflow: hidden;
				}
				.pFiltro h3 {
					display:none;
				}
				.pFiltro div ul li {
					position:relative;
					 padding: 0.4rem 0.4rem 0rem 0.4rem;
					border-left: 1px solid #000000;
					font-weight:300;
 				}
				.pFiltro div ul li span {
					cursor: pointer;
				}

				.pFiltro div ul li.active {
					background-image: url(images/check.svg);
					background-size: 18px 18px;
					background-position:right center;
					background-repeat:no-repeat;
					font-weight:300!important;
					color:#10069F;
					 padding: 0.4rem 1.4rem 0rem 0.4rem;
				}
				.pFiltro div ul li.marcado {
					color:#10069F;
					border-left: 2px solid #10069F;
					font-weight:300!important;
				}
				.pFiltro div ul li.current {
					font-weight:700!important;
					color:#10069F;
				}
				.pFiltro .filtrarBtn {
					display: inline-block;
					float:right;
					margin-top:1rem;

				}
				
		.btnBorrar,
		.btnFilter { 
			padding: 0.1rem 0.5rem 0.1rem 0.5rem;
			margin: 0 0 0.3rem 1rem;
			border: 1px solid #3eb7de;
			border-radius: 3px;
			display: inline-block;
			position:relative;
			font-size:0.9rem;
			background-color:#3eb7de;
			color:#ffffff;
			text-align:center;
			cursor: pointer;				
		}
		.btnBorrar { 
			background-color:#444444;
					border: 1px solid #444444;
		}

				/*  FILTRO */
				.proyectos .pFiltro .hidden {
					display: none;
				}
					.proyectos .pFiltro div ul {
						-webkit-transition: all 0.3s linear;
						 -moz-transition: all 0.3s linear;
						  -ms-transition: all 0.3s linear;
						   -o-transition: all 0.3s linear;
							transition: all 0.3s linear;
					}
					.proyectos .pFiltro ul[data-filtro="sector"],
					.proyectos .pFiltro ul[data-filtro="producto"],
					.proyectos .pFiltro ul[data-filtro="subproducto"],
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] {
						border-bottom: 1px solid #eeeeee;
						padding-bottom:0.5rem;
					}
					.proyectos .pFiltro ul[data-filtro="producto"],
					.proyectos .pFiltro ul[data-filtro="subproducto"],
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] {
						display: none;
					}
					.proyectos .pFiltro ul[data-filtro="sector"] li i,
					.proyectos .pFiltro ul[data-filtro="producto"] li i,
					.proyectos .pFiltro ul[data-filtro="subproducto"] li i,
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] li i {
						display: block;
						position:absolute;
						right:0px;
						bottom:5px;
						width:15px;
						height:15px;
						line-height:15px;
						border-radius: 3px;
						border: 1px solid #3eb7de;
						color:#3eb7de;
						font-weight:300;
						text-align:center;
						cursor:pointer;
						-webkit-transition: all 0.3s linear;
						 -moz-transition: all 0.3s linear;
						  -ms-transition: all 0.3s linear;
						   -o-transition: all 0.3s linear;
							transition: all 0.3s linear;
					}
					.proyectos .pFiltro ul[data-filtro="sector"] li i:hover,
					.proyectos .pFiltro ul[data-filtro="producto"] li i:hover,
					.proyectos .pFiltro ul[data-filtro="subproducto"] li i:hover,
					.proyectos .pFiltro ul[data-filtro="subsubproducto"] li i:hover {
	
						background-color:#3eb7de;
						color:#ffffff;
						font-weight:300;
						text-align:center;
						cursor:pointer;
					}

					.proyectos .pFiltro ul[data-filtro="sector"],
					.proyectos .pFiltro ul[data-filtro="producto"].active,
					.proyectos .pFiltro ul[data-filtro="subproducto"].active,
					.proyectos .pFiltro ul[data-filtro="subsubproducto"].active {
						display: list-item;
					}

			/* SINGLE NOTICIA */
			.nNavigation {
					margin: 5px 0 0rem;
					padding:3rem;
					background-color: #f9f9f9;
				}
			.nNavigation .left { float: left; }
			.nNavigation .right { float: right; }

			/* OFICINAS */
	
				ul.oficinapais {
				}
				ul.oficinapais li {
					cursor: pointer;
				}
				ul.oficinapais li.active {
				}
				.oficinas  input.searchOficina {
					margin-top:15px;
					padding: 0.5rem 1rem;
					border-radius: 50px;
					border: 0px;
					background-color: #eeeeee;
					color:#6c6c77;
					font-size:1rem;
					font-weight:200;
					/*text-align: center;*/
					background-image: url(images/lupa.svg);
					background-repeat: no-repeat;
					/*background-position: 8px 50%;*/
					background-position: 94% 50%;
					float:right!important; 
					
				}
				
				.oficinas .oficina h2 {
					font-size: 1.2rem;
					padding-bottom: 0rem;
				}
				.oficinas .oficina a {
					color: #3eb7de;
				}

				.oficinas .oficina img {
					width:100%;
					max-width:200px;
					-webkit-filter: grayscale(100%);
					-moz-filter: grayscale(100%);
					-ms-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					filter: grayscale(100%); 
				}
				.oficinas .oficina .oficina-gps {
				width:15px!important; border:1px solid #cccccc; margin-left: 0.5rem; opacity:50%; vertical-align: text-top;
				}
				.oficinas .oficina .oficina-gps:hover {
				opacity:100%;	
				}
				.oficinas .oficina.hidden {
					display:none;
				}

				.oficinas  .generalOficina {
					width: 50%;
					opacity: 0;
					display: none;

					webkit-transition: opacity 0.2s;
					 -moz-transition: opacity 0.2s;
					  -ms-transition: opacity 0.2s;
					   -o-transition: opacity 0.2s;
						transition: opacity 0.2s;
				}
				.oficinas .generalOficina.active {
					display: block;
					opacity: 1;
				}


			/* QUIENES SOMOS */
				.directivo ul:hover, .directivo figure:hover {
				cursor: pointer!important;
				}
				.quienesSomos {
					background-image: url("images/fondo.jpg");
					background-repeat: repeat-x;
					background-position: 0px 20px;
				}

				.quienesSomos li {
				cursor: pointer;
				}
				.quienesSomos ul {
				margin: 0 0 0 5rem!important;
				}
				.quienesSomos figure {
					padding:1rem 0;
					overflow: hidden;
					cursor: pointer;
					width: 100%;
					text-align: center;
					/*background-image: url("images/quienes-fondo.jpg");
					background-repeat: repeat-x;
					border: 1px dotted #666666;
					border-width:0 0 1px 1px;*/
					
				}
				.quienesSomos figure img {
					transition: transform 1s ease-out;
					width: 310px!important;
					
				}
				.quienesSomos figure:hover img {
					-webkit-transform: scale(1.05);
					 transform: scale(1.05);
				}

				.quienes, .quienes-num { margin: 0 auto; max-width:1280px!important; }
				.persona .vc_column-inner { padding:0!important; margin:0!important; }
				.persona .wpb_single_image { padding:0!important; margin:0!important; }
				.persona .quienes-desc { position: absolute; top:0; bottom:-2.2rem; right:0; left: 0; background-color: rgba(0,0,0,0.8); color:#ffffff!important; padding:2rem; opacity:0;  transition: opacity 0.5s;}
				.persona .quienes-desc ul { margin-top: 300px; transition: all 0.5s;}
				.persona .quienes-desc:hover { opacity:1; }
				.quienes-txt { padding:1rem!important; }
				.persona .quienes-desc:hover ul { margin-top: 0px; transition: all 0.5s;}

				h2.somos{ margin-left:-0.5rem; margin-top:1rem }
				@media (max-width: 1400px) {
				h2.somos{ font-size: 1.9rem;   line-height:2rem; padding:0; }
				}
				@media (max-width: 1100px) {
				.quienes { margin: 0 0rem; }
				}


.fondovideo { position:absolute; top:0; bottom: 0; left:0; right: 0; background-image: radial-gradient(600px at 15% 140%, rgba(0,0,0,0.2), rgba(0,0,0,0.15), rgba(0,0,0,0.10), rgba(0,0,0,0.05), rgba(0,0,0,0), rgba(0,0,0,0)); }

.fondoimagen > .vc_col-sm-12 {background-image: radial-gradient(600px at 30% 140%, rgba(0,0,0,0.5), rgba(0,0,0,0.4), rgba(0,0,0,0.30), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));
}

				.quienes-img { max-width: 120px; padding-left:10px;}
				.quienes-caja .vc_column-inner { padding-top: 0!important; }

				.h1, 
				.h1-blanco,
				.h1-gris { font-size: 3.3rem; line-height: 3.6rem; padding-top:15px;}
				.h1-blanco,
				.h1-blanco2{ color:#ffffff; font-weight:400!important;  }
				.h1-gris { color:#9d9d9d; margin:0!important; margin-bottom: -20px!important; padding: 0!important;}
				.h2-grande {font-size: 2.6rem; line-height:2.9rem;  }
				.h2-grande2 {font-size: 2.9rem; line-height:3.2rem;  }
				.quienes-caja .vc_column-inner p { font-size:1.2rem!important;}

				.quienes .sinmarco { margin:0;}

.testimonios .slick-next,
.testimonios .slick-prev {
  position:absolute;
  display:block;
  height:1em;
  width:1em;
  line-height:0;
  font-size:0;
  cursor:pointer;
  background:0 0;
  color:transparent;
  top:94%;
  margin-top:-10px;
  padding:0;
  border:none;
  outline:0
}
.testimonios .slick-next {
  right:15px;
}
.testimonios .slick-prev {
  left: auto!important;
	right: 55px;
}

				.carrusel { border:5px solid #cc00cc!important; margin-bottom: 0px!important; }

				@media (max-width: 1024px) {
				.tituloimg .h1-blanco,
				.tituloimg .h1-blanco2	{ color:#000000;text-shadow:none; }
					
.testimonios .slick-next,					
.testimonios .slick-prev {
  top:105%;
}
				}

				.overlayQS {
					z-index: 999999999999;
					overflow: hidden;
					background-color: #fff;
					width: 100%;
					height: 0;
					position: fixed;
					bottom: 0;
					left: 0;

					-webkit-transition: all 0.5s linear 0.3s;
					 -moz-transition: all 0.5s linear 0.3s;
					  -ms-transition: all 0.5s linear 0.3s;
					   -o-transition: all 0.5s linear 0.3s;
						transition: all 0.5s linear 0.3s;
				}
				 .overlayQS.active {
					height: 100vh;
				}
				 .overlayQS .wrapperContent {
					/* margin: 14.75rem 0 0 14.11458%; */
					width:100%;
					position: absolute;
				}
				 .overlayQS .wrapperContent .contentDirector {
					padding: 5rem 10rem;
				}
			
				.overlayQS .contentDirector  {
					position: relative;
					opacity: 0;
					top: 2rem;

					-webkit-transition: all 0.3s linear 0.1s;
					 -moz-transition: all 0.3s linear 0.1s;
					  -ms-transition: all 0.3s linear 0.1s;
					   -o-transition: all 0.3s linear 0.1s;
						transition: all 0.3s linear 0.1s;
				}
				.overlayQS .contentDirector.active  {
					opacity: 1;
					top: 0;
				}
				.overlayQS .contentDirector .imgDirector {
					position:relative;
					text-align:right!important; 
				}				
				.overlayQS .contentDirector img {
					position:fixed;
					right:50%;
					max-width:100%!important;
					height:auto;
				}				
				.overlayQS .contentDirector h2 {
					font-size:4rem;
					line-height:4rem;
					font-weight:300;
					color:#aaaaaa;
					margin-bottom:1rem;
				}				
				.overlayQS .contentDirector h5 {
					font-size:1.1rem;
				}				
				.overlayQS .contentDirector h5 strong {
					text-transform: uppercase;
				}				
				.overlayQS .contentDirector h6 {
					font-weight:500;
					margin-top:1rem;
				}				

				/* CERRAR */
					 .overlayQS .cerrarQS {
						position: absolute;
						top: 2rem;
						right: 3rem;
						opacity: 0;
					}
					 .overlayQS .cerrarQS a {
						width: 24px;
						height: 24px;
						position: absolute;
						top: -11px;
						left: 0;
						cursor: pointer;
					}
					 .overlayQS .cerrarQS a:before,
					 .overlayQS .cerrarQS a:after {
						content: '';
						position: absolute;
						top: 11px;
						height: 2px;
						width: 100%;
						background: #3a3a48;

						-webkit-transform: rotate(0deg);
						 -moz-transform: rotate(0deg);
						  -ms-transform: rotate(0deg);
						   -o-transform: rotate(0deg);
							transform: rotate(0deg);

						-webkit-transition: all 0.3s linear;
						 -moz-transition: all 0.3s linear;
						  -ms-transition: all 0.3s linear;
						   -o-transition: all 0.3s linear;
							transition: all 0.3s linear;
					}
					.overlayQS .cerrarQS.active {
						opacity: 1;
						z-index:10000000;
						        
					}
					.overlayQS .cerrarQS.active a:before {
						-webkit-transform: rotate(45deg);
						 -moz-transform: rotate(45deg);
						  -ms-transform: rotate(45deg);
						   -o-transform: rotate(45deg);
							transform: rotate(45deg);
					}
					.overlayQS .cerrarQS.active a:after {
						-webkit-transform: rotate(-45deg);
						 -moz-transform: rotate(-45deg);
						  -ms-transform: rotate(-45deg);
						   -o-transform: rotate(-45deg);
							transform: rotate(-45deg);
					}

		@media (min-width: 1024px) {

			/* ANIMACION */
/*
.actividadAnimacion .menu > .menu-item:nth-child(1),.wpb_actividadAnimacion .menu > .menu-item:nth-child(1) {opacity:0!important;
	animation: none!important;
}
			*/
.actividadAnimacion .menu > .menu-item:nth-child(1),.wpb_actividadAnimacion .menu > .menu-item:nth-child(1) {
	animation:wpb_actividadAnimacion 3.3s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(2),.wpb_actividadAnimacion .menu > .menu-item:nth-child(2) {
	animation:wpb_actividadAnimacion 4s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(3),.wpb_actividadAnimacion .menu > .menu-item:nth-child(3) {
	animation:wpb_actividadAnimacion 2s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(4),.wpb_actividadAnimacion .menu > .menu-item:nth-child(4) {
	animation:wpb_actividadAnimacion 3.2s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(5),.wpb_actividadAnimacion .menu > .menu-item:nth-child(5) {
	animation:wpb_actividadAnimacion 2.2s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(6),.wpb_actividadAnimacion .menu > .menu-item:nth-child(6) {
	animation:wpb_actividadAnimacion 3.8s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(7),.wpb_actividadAnimacion .menu > .menu-item:nth-child(7) {
	animation:wpb_actividadAnimacion 3.4s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(8),.wpb_actividadAnimacion .menu > .menu-item:nth-child(8) {
	animation:wpb_actividadAnimacion 2.6s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(9),.wpb_actividadAnimacion .menu > .menu-item:nth-child(9) {
	animation:wpb_actividadAnimacion 4s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(10),.wpb_actividadAnimacion .menu > .menu-item:nth-child(10) {
	animation:wpb_actividadAnimacion 3.4s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(11),.wpb_actividadAnimacion .menu > .menu-item:nth-child(11) {
	animation:wpb_actividadAnimacion 2.8s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(12),.wpb_actividadAnimacion .menu > .menu-item:nth-child(12) {
	animation:wpb_actividadAnimacion 3s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(13),.wpb_actividadAnimacion .menu > .menu-item:nth-child(13) {
	animation:wpb_actividadAnimacion 3.6s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(14),.wpb_actividadAnimacion .menu > .menu-item:nth-child(14) {
	animation:wpb_actividadAnimacion 3.8s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(15),.wpb_actividadAnimacion .menu > .menu-item:nth-child(15) {
	animation:wpb_actividadAnimacion 3s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(16),.wpb_actividadAnimacion .menu > .menu-item:nth-child(16) {
	animation:wpb_actividadAnimacion 2s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(17),.wpb_actividadAnimacion .menu > .menu-item:nth-child(17) {
	animation:wpb_actividadAnimacion 2.4s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(18),.wpb_actividadAnimacion .menu > .menu-item:nth-child(18) {
	animation:wpb_actividadAnimacion 2s 0.5s cubic-bezier(0,0,0.58,1);
}
.actividadAnimacion .menu > .menu-item:nth-child(19),.wpb_actividadAnimacion .menu > .menu-item:nth-child(19) {
	animation:wpb_actividadAnimacion 2.2s 0.5s cubic-bezier(0,0,0.58,1);
}

@-webkit-keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
	}
@-o-keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
	}
@keyframes wpb_actividadAnimacion{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
	}


			
.actividadAnimacionfondoAzul,.wpb_actividadAnimacionfondoAzul{
	-webkit-animation:wpb_actividadAnimacionfondoAzul 3s 1 cubic-bezier(0,0,0.58,1);
	-o-animation:wpb_actividadAnimacionfondoAzul 3s 1 cubic-bezier(0,0,0.58,1);
	animation:wpb_actividadAnimacionfondoAzul 3s 1 cubic-bezier(0,0,0.58,1);
			height:100%;
			width:100%;
			position:absolute;
			top:0;
		background-color:rgba(255,255,255,0.4);
}

@-webkit-keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:0; }
	100%{opacity:1;}
}
@-moz-keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:0; }
	100%{opacity:1;}
	}
@-o-keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:0; }
	100%{opacity:1;}
	}
@keyframes wpb_actividadAnimacionfondoAzul{
	0%{opacity:0; }
	100%{opacity:1;}
	}

}

/*  RESPONSIVE */

@media (max-width: 1400px) {
	
		#quienes-somos .tituloimg ,
		#about .tituloimg {
			position: relative!important; margin-top:-150px; padding-left:0;
		}
		#quienes-somos .tituloimg h1 ,
		#about .tituloimg h1 {  padding-bottom:40px; }
}
@media (max-width: 1024px) {

		header {
			position: fixed!important;
			top: 0!important;
			z-index: 99999;
			background-color: #10069F!important ;
			color:#ffffff!important;
		}

		header *{
			color:#ffffff!important;
			fill: #ffffff!important;
		}
		header a:hover{
			color:#3eb7de!important;
		}
		header .svg:hover path{
			fill: #3eb7de!important;
		}

		header nav.principal { 
		display:none;
		}
		header nav.principal ul { 
		background-color: #10069F;
		position:fixed; top:4rem; left:0;
		width:100%;
		height:100%;
		z-index:1000000000000!important;
		}

		header nav.principal li { 
		display: list-item!important;
		width:100%!important;
		padding: 0.5rem 2.5rem!important;
		border-top:1px solid #ffffff;
		}

		header .menu-sandwich { display: inline; }
		header .lupaSearch { margin-right:1rem!important; }
		
				
		header nav.principal li.current > a,
		header nav.principal li.active > a,
		header nav.principal li > a:hover {
			color: #ffffff!important;
			font-weight:500;
		}


	.menu-mercados ul {
	bottom:-3rem;
	}
	.menu-mercados ul li {
		display:inline-block;
		margin:0;
		padding:0;
	}

	.menu-sandwich1,
	.menu-close1 { }
	.menu-sandwich1 .svg path { fill: #3eb7de;  }
	.menu-close1 .svg path { fill: #3eb7de;  }

		h1.secundario,
		h2 { font-size: 1.6rem; color:#3eb7de; line-height:1.8rem;  margin:0px; float:none; }
		h2.secundario {font-size: 1.4rem; line-height:1.6rem; padding-top:1rem; color:#000000;  }
		h3 { font-size: 1.4rem; line-height:1.6rem;  }
		h4 { font-size: 1.2rem; line-height:1.4rem; }

				.quienesSomos {
					background-image: none;
				}
				.quienesSomos .vc_column-inner {
					background-image: url("images/fondo.jpg");
					background-repeat: repeat-x;
					background-position: 0px 20px;
				}

		.homeUnete .wpb_wrapper { padding:2.5rem; max-width: 80% }
		.homeUnete .wpb_wrapper h2{
			font-size:2rem;
			line-height:2.5rem;
		}

					.mercados.padre .contentDestacado {
						padding:1rem 1rem 1rem 12rem;
						max-width:100%;
					}

					.homeBoletinTecnologico ,
					.mercados.padre .imgDestacado {
						height: 25rem;
						}
				.homeBoletinTecnologico .swiper-container .swiper-content {
					width: 50%;
				}

				.proyectos .proyecto .info {
					width:90%; padding:3rem 5% 2rem 5%; 
				padding-bottom:0;

		}
				.proyectos .proyecto:hover .info {
						padding-right:5%;
				}

				.proyectos .proyecto ul.cats li {
					display: inline;  padding:0 0.5rem; border-left: 1px solid #ffffff;
				}

				.galeriaProyecto { height: 25rem;  }

				.overlayQS .wrapperContent .contentDirector {
					padding: 5rem 2rem;
				}
				.overlayQS .contentDirector .imgDirector {
					text-align:left!important; 
				}		
								.overlayQS .contentDirector img {
					position: static;
					max-width:100%!important;
					height:auto;
				}				
		
		.menu-menu-principal-container  ul li a:hover { color:#10069F; }
		.actividadAnimacion { background-color:#10069F; }

}



@media (max-width: 800px) {
		.fullHeader {
			height:300px!important;
		}
		.tituloimg { margin-top:0px; margin-left:-20px; padding: 0px 15px 0px 0px; }
		.tituloimg h1 {  background-color:#ffffff; font-size:2rem; line-height:2.4rem; margin-bottom:0; padding-bottom: 0;  }
		.tituloimg.tituloblanco h1 {  color:#000000; }
	
		#quienes-somos .tituloimg ,
		#about .tituloimg { margin-top:0px; }
	
		.menu-mercados ul {
			list-style:none;
		display: none;
		position:relative;
		width:100%!important;
		left:0rem; 
		bottom:0px;
		margin:0 0 0 -5px;
		padding:0rem;
		}
		.menu-mercados ul li a{ background-color:#f5f5f5; }
		.mercados .persona { float:left; width:200px; margin:0 0.5rem 2rem 0rem; text-align:left; }

		.main-preloader .preloader-percentage-text {
		  font-size: 70px;
		}

		.botonTop {
			right: 1.5rem;
		}
		header .wrapperPage {
			margin:0 1.5rem;
		}

		.contenido { padding: 2rem 1.5rem!important; }

		.paginaSearch {
			padding: 1.5rem 1.5rem;
		}

		footer { padding: 2rem 1.5rem 2rem 1.5rem!important; }
					.homeBoletinTecnologico ,
					.mercados.padre .imgDestacado {
						height: 20rem;
						}
		.swiper-button-prev,
		.swiper-button-next {
			top:21rem;
		  width: 3rem;
		  height: 3rem;
		  left: 1rem;
		}
		.swiper-button-next,
		.swiper-container-rtl .swiper-button-prev {
		  left: 4rem;
		}
		.mercados.padre .contentDestacado {
			padding:1rem 1rem 1rem 8rem;
			max-width:100%;
		}

		.homeBoletinTecnologico .swiper-container .swiper-content {
			padding: 1.5rem;
			right:0;
			left:0;
			width: auto;
		}
		.homeBoletinTecnologico .swiper-container .swiper-content h2 {
		 padding:0;
		 margin:0 0 1rem 0;	
		}
		.homeBoletinTecnologico .swiper-container .swiper-content h3 {
		 padding:0;
		 margin:0 0 2rem 0;	
		}
		.homeUnete .wpb_wrapper {
			padding:1.5rem;
		}
									
		.galeriaProyecto { height: 15rem;  }
		.galeriaProyecto .swiper-pagination { padding-left:1.5rem;  }
			.nNavigation .left { float: none; width:100%; text-align:center; }
			.nNavigation .right {float: none; width:100%; text-align:center; }


		footer .center * { text-align:left;}
		footer .right * { text-align:left;}
		footer .f_social { margin-left:0; padding-left:0;}
		footer .f_social li {
			padding-right: 0.5rem;
			padding-left: 0rem;
			margin-top:1rem;
		}
		.pFiltro {
			margin-top:-1rem;
			padding: 2rem 0 0rem;
			position: relative;
		}
		.pFiltro div.pFiltroContent {
			display:none;
		}

		.pFiltro.active div.pFiltroContent {
			display:block;
		}

		.pFiltroBtn {
			display:inline-block;
			float:none;
			margin-top:0rem;
			padding: 0;
			position: relative;
		}
		.pFiltroBtn .abrirFilter,
		.pFiltroBtn .cerrarFilter {
			float:left;
			cursor: pointer;
			position: relative;
			width:auto;

			padding: 0.5rem 3rem 0.5rem 0;
					background-image: url(images/filter.svg);
					background-position: right center;
					background-repeat:no-repeat;
		}

}




.appear,.wpb_appear{-webkit-animation:wpb_appear .7s 1 cubic-bezier(0,0,0.58,1);-o-animation:wpb_appear .7s 1 cubic-bezier(0,0,0.58,1);animation:wpb_appear .7s 1 cubic-bezier(0,0,0.58,1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

@-webkit-keyframes wpb_appear{0%{-webkit-transform:scale(1);opacity:.1}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes wpb_appear{0%{-moz-transform:scale(1);opacity:.1}100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes wpb_appear{0%{-o-transform:scale(1);opacity:.1}100%{-o-transform:scale(1);opacity:1}}@keyframes wpb_appear{0%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}


/* POST IT */
	.postits {
		position: absolute;
		top: -5rem;
		right: 68%;
		transform: rotate(8deg);
		z-index: 1;
	}
	.postit {
		line-height: 1.2;
		text-align: center;
		width: 260px;
		margin: 25px;
		min-height: 180px;
		max-height: 180px;
		padding-top: 20px;
		position: relative;
		/*border: 1px solid #E8E8E8;*/
		border-top: 40px solid #f68920 /* AMARILLO #fdfd86 */ /* AZUL #d1efef */;
		/*font-family: 'Reenie Beanie';*/
		font-family: 'Tekton Pro';
		font-size: 23px; /* AMARILLO 26px */
		border-bottom-right-radius: 60px 5px;
		display:inline-block;
		background: #f89a1c; /* AMARILLO #ffff88 */ /* AZUL #cdecee */ /* Old browsers */
		background: -moz-linear-gradient( -45deg, #f89a1c 81%, #f89a1c 82%, #f89a1c 82%, #ffbd11 100% ); /* FF3.6+ */ /* AMARILLO #ffffc6 */ /* AZUL #d7f1f2 */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #f89a1c ), color-stop( 82% ,#f89a1c ), color-stop( 82%, #f89a1c ), color-stop( 100%, #d7f1f2 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89a1c', endColorstr='#ffbd11', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		box-shadow: -18px -14px 12px rgba( 0, 0, 0, 0.40 );
	}
	.postit:after {
		content: "";
		position: absolute;
		z-index: -1;
		right: -0px;
		bottom: 6px;
		width: 200px;
		height: 25px;
		background: rgba(0, 0, 0, 0.2);
		box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.40);
		-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		-webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		-o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		-ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
		transform: matrix(-1, -0.1, 0, 1, 0, 0);
	}
	.postit a {
		font-weight: 600;
	}
	.postit a:hover {
		color: rgb( 15, 0, 214 );
	}
	.postit p {
		font-size: 1.6rem;
	}
	.postit p:nth-child(1) {
		width: 94%;
		margin: 0 auto;
	}
	.postit p span {
		font-weight: bold;
	}
	.amarillo {
		border-top: 40px solid #fdfd86;
		background: #ffff88; /* Old browsers */
		background: -moz-linear-gradient( -45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100% ); /* FF3.6+ */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #ffff88 ), color-stop( 82% ,#ffff88 ), color-stop( 82%, #ffff88 ), color-stop( 100%, #ffffc6 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.azul {
		border-top: 40px solid #d1efef;
		background: #cdecee; /* Old browsers */
		background: -moz-linear-gradient( -45deg, #cdecee 81%, #cdecee 82%, #cdecee 82%, #d7f1f2 100% ); /* FF3.6+ */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #cdecee ), color-stop( 82% ,#cdecee ), color-stop( 82%, #cdecee ), color-stop( 100%, #d7f1f2 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #cdecee 81%,#cdecee 82%,#cdecee 82%,#d7f1f2 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecee', endColorstr='#d7f1f2', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.naranja {
		border-top: 40px solid #f68920;
		background: #f89a1c; /* Old browsers */
		background: -moz-linear-gradient( -45deg, #f89a1c 81%, #f89a1c 82%, #f89a1c 82%, #ffbd11 100% ); /* FF3.6+ */
		background: -webkit-gradient( linear, left top, right bottom, color-stop( 81%, #f89a1c ), color-stop( 82% ,#f89a1c ), color-stop( 82%, #f89a1c ), color-stop( 100%, #d7f1f2 ) ); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient( -45deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* IE10+ */
		background: linear-gradient( 135deg, #f89a1c 81%,#f89a1c 82%,#f89a1c 82%,#ffbd11 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89a1c', endColorstr='#ffbd11', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	@media (max-width: 768px) {
		.postits {
			right: 10%;
		}
	}


.servicios-mercados .vc_row-flex { padding-left:110px; max-width: 1600px; }
h3 span { font-weight:300!important; }
.ser-intro > .vc_column-inner > .wpb_wrapper { display:flex; gap: 2rem;}
.ser { aspect-ratio: 2.3/3; }

.ser .vc_column-inner { }
.ser .wpb_wrapper { overflow:hidden!important;}

.ser-enlace {position:absolute; z-index:0; top:0rem; bottom:2rem; left:1rem; right:1rem; }
.ser-fondo {position:absolute; z-index:-1; top:0rem; bottom:2rem; left:1rem; right:1rem;  background-size:cover; background-position:100% 0%; transition: all 1s; }
.ser:hover .ser-fondo { background-image:none!important;  }

.ser-naranja:hover .ser-fondo, .ser-naranja .ser-sep { background-image:none!important; background-color:#ffa300; }
.ser-verde:hover .ser-fondo, .ser-verde .ser-sep { background-image:none!important; background-color:#97d700; }
.ser-azul:hover .ser-fondo, .ser-azul .ser-sep { background-image:none!important; background-color:#10069f; }
.ser-azulclaro:hover .ser-fondo, .ser-azulclaro .ser-sep { background-image:none!important; background-color:#1eaae6; }
.ser-morado:hover .ser-fondo, .ser-morado .ser-sep { background-image:none!important; background-color:#9b26b6; }
.ser-amarillo:hover .ser-fondo, .ser-amarillo .ser-sep { background-image:none!important; background-color:#ffed00; }
.ser-rosa:hover .ser-fondo, .ser-rosa .ser-sep { background-image: transparent!important; background-color:#df1995; }
.ser-gris:hover .ser-fondo, .ser-gris .ser-sep { background-image: transparent!important; background-color:#c8c8c8; }

.ser-txt {pointer-events:none; padding:1.5rem 1.5rem 2rem 1.5rem!important; margin:0!important; }
.ser.claro .ser-txt { color:#ffffff;}
.ser-txt h4 { font-weight:500; font-size:1.2rem; line-height:1.3;  }

.ser-txt p { opacity:0; line-height:1.3; hyphens: auto; }
.ser:hover .ser-txt p { opacity:1;}

.ser-sep {display: block; width: 30px; height: 5px; margin-bottom:1rem; margin-top:0.5rem; }
.ser:hover .ser-sep { background-color: #ffffff; }


.oscuro:hover h4 {color:#000000!important; }
.claro:hover h4 {color:#ffffff!important; }

@media (min-width: 1300px) and (max-width: 1490px) {
.ser-txt h4 { font-size:1rem; line-height:1.25; }
.ser-txt p { font-size:0.9rem; line-height:1.25; }
}
@media (min-width: 1200px) and (max-width: 1300px) {
.ser-txt h4 { font-size:0.9rem; line-height:1.2; }
.ser-txt p { font-size:0.85rem; line-height:1.2; }
}

@media (min-width: 1100px) and (max-width: 1200px) {
.ser-txt h4 { font-size:1.2rem; line-height:1.3; }
.ser-txt p { font-size:1rem; line-height:1.3; }
}
@media (min-width: 990px) and (max-width: 1100px) {
.ser-txt h4 { font-size:1rem; line-height:1.25; }
.ser-txt p { font-size:0.9rem; line-height:1.25; }
}
@media (max-width: 990px) {
.ser-txt h4 { font-size:1.2rem; line-height:1.3; }
.ser-txt p { font-size:1rem; line-height:1.3; }
}

@media (max-width: 768px) {
.ser { aspect-ratio: 1/1; }
}
/* --- ESTILOS PARA LAS MIGAS DE PAN (BREADCRUMBS) --- */

/* Contenedor principal de las migas de pan (el div con id="breadcrumbs") */
#breadcrumbs {
    background-color: #f5f5f5; /* Fondo gris claro que abarca todo el ancho */
    padding: 10px 0; /* Relleno superior e inferior para el contenedor principal */
	padding-left: 20px; 
	padding-right: 20px;
    margin: 20px 0; /* Margen superior e inferior para separar de otros elementos */
    font-size: 0.88em; /* Reducir el tamaño de la fuente en 2px */
    color: #666; /* Color de texto general */
    border-top: 1px solid #eee; /* Borde superior fino */
    border-bottom: 1px solid #eee; /* Borde inferior fino */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); /* Sombra sutil */
    width: 100%; /* Ocupa todo el ancho disponible */
    box-sizing: border-box; /* Incluye padding en el ancho total */
    display: flex; /* Usamos flexbox para controlar mejor el alineado y la responsividad */
    align-items: center; /* Alinear los ítems verticalmente en el centro si hay variaciones de altura */
    position: relative; /* Asegura que no sea afectado por z-index de padres a menos que sea necesario */
    z-index: 1; /* Para asegurarte de que esté por encima de posibles fondos, pero no debería ser un problema con texto */
}

/* Un contenedor interno para el texto de las migas de pan, centrado y con ancho máximo */
#breadcrumbs .wrap {
    max-width: 1200px; /* Ancho máximo para el contenido del texto, igual al ancho del sitio */
    width: 100%; /* Asegura que el wrap interno ocupe todo el ancho disponible del #breadcrumbs */
	margin: 0 auto;
	padding: 0 10px;
    box-sizing: border-box; /* Incluye padding en el ancho total */
    display: flex; /* Usamos flexbox para los elementos de las migas de pan */
    flex-wrap: wrap; /* PERMITE QUE LOS ELEMENTOS SE DISTRIBUYAN EN VARIAS LÍNEAS si el texto es largo */
    align-items: center; /* Alinea los ítems verticalmente en el centro */
    /* POR DEFECTO (MÓVIL): ALINEACIÓN A LA IZQUIERDA */
    justify-content: flex-start;
}

/* Estilos para los elementos de texto dentro de las migas (como 'Inicio', 'Proyectos', etc.) */
#breadcrumbs a {
    color: #0073aa; /* Color azul de enlaces */
    text-decoration: none; /* Sin subrayado por defecto */
    transition: color 0.2s ease-in-out; /* Transición suave para hover */
    font-weight: normal; /* Asegura que no estén en negrita por defecto */
    display: inline; /* Asegura que sean elementos en línea */
    flex-shrink: 0; /* Previene que los enlaces se encojan si hay poco espacio */
}

#breadcrumbs a:hover {
    color: #005177; /* Azul más oscuro al pasar el ratón */
    text-decoration: underline; /* Subrayado al pasar el ratón */
}

/* Estilos para el separador (el " » " o " / ") */
#breadcrumbs span:not(.breadcrumb_last) {
    margin: 0 5px; /* Espacio alrededor del separador */
    color: #999; /* Gris claro para el separador */
    white-space: nowrap; /* Mantiene el separador y el elemento adyacente juntos si es posible */
    flex-shrink: 0; /* Evita que el separador se encoja */
}

/* Estilos para el último elemento de las migas (la página actual) */
#breadcrumbs strong,
#breadcrumbs span.breadcrumb_last {
    font-weight: bold; /* Texto en negrita */
    color: #333; /* Color oscuro */
    display: inline;
    flex-shrink: 0; /* Previene que el último elemento se encoja si hay poco espacio */
}


/* --- AJUSTES RESPONSIVOS --- */

/* Ajustes para pantallas de escritorio (desktop) */
@media (min-width: 768px) {
	#breadcrumbs {
        justify-content: flex-end; 
    }
    #breadcrumbs .wrap {
        padding-left: 20px; 
        padding-right: 20px; 
        justify-content: flex-end;

    }
    /* Anula el margen vertical si no es deseado en desktop */
    #breadcrumbs .wrap > * {
        margin-bottom: 0;
    }

    /* *************************************************************** */
    /* *** SOLUCIÓN CLAVE PARA EL SOLAPAMIENTO EN DESKTOP *** */
    /* *************************************************************** */
    /* Anula el margin-top negativo de .tituloimg cuando las migas de pan están presentes */
    /* Esto asume que .contenido y .vc_row.tituloimg están inmediatamente después de #breadcrumbs */
    /* Si el contenedor .contenido tiene un padding-top, úsalo para crear espacio. */
    /* Si no, agrega un margin-top positivo a .tituloimg o a su contenedor directo */

    .vc_row.tituloimg {
        margin-top: 0 !important; /* Elimina el margen negativo */
        padding-top: 20px; /* Añade un padding superior para separar del breadcrumbs */
        /* O un margen positivo, por ejemplo: margin-top: 30px; */
    }

    /* Si tienes un wrapper principal para el contenido dentro de <div class="contenido"> */
    /* Y el .vc_row.tituloimg está anidado más profundamente, quizás necesites ajustar el padding-top de .contenido */
    .contenido {
        padding-top: 30px; /* Asegura un espacio adecuado entre #breadcrumbs y el contenido principal */
    }
}

/* Ajustes Responsivos para Pantallas Más Pequeñas (Mobile) */
@media (max-width: 76px) {
    #breadcrumbs {
        font-size: 0.8em; /* Reduce el tamaño de fuente para móviles */
        padding-top: 8px;
        padding-bottom: 8px;
		justify-content: flex-start; /* Centrar el contenido del .wrap horizontalmente dentro de #breadcrumbs */

    }
    #breadcrumbs .wrap {
        padding-left: 15px; /* Menos margen en móviles */
        padding-right: 15px;
    }
    /* Espacio vertical si los elementos se envuelven */
    #breadcrumbs .wrap > * {
        margin-bottom: 5px;
    }
    #breadcrumbs span:not(.breadcrumb_last) {
        margin: 0 3px; /* Reduce el espacio del separador en móviles */
    }

    /* En móvil, el .tituloimg podría no tener el mismo problema de solapamiento visual
       si el fullHeader cambia o no se muestra de la misma forma,
       pero es buena práctica neutralizar el margin-top negativo aquí también si causa problemas. */
    .tituloimg {
        margin-top: 0 !important; /* Neutraliza el margen negativo en móvil también si es necesario */
        padding-top: 10px; /* O el valor que desees para separar el título de las migas */
    }
}

/* Opcional: Ajuste para pantallas muy pequeñas si el contenido es extremadamente largo */
@media (max-width: 480px) {
    #breadcrumbs a,
    #breadcrumbs span:not(.breadcrumb_last),
    #breadcrumbs strong,
    #breadcrumbs span.breadcrumb_last {
        /* Permite que el texto de las migas de pan se rompa en varias líneas si es necesario */
        white-space: normal;
        word-break: break-word; /* Permite romper palabras largas */
    }
    /* Si se permite el salto de línea, puede que quieras quitar el margen del separador si aparece en una línea nueva */
    #breadcrumbs span:not(.breadcrumb_last) {
        margin: 0;
    }
}