@charset "utf-8";
/* CSS Document */

:root {
	--header-height:70px;
	--padding-big:2rem;
	--font-size: 16px;
	
	--sombra-in:-.8rem;
	--sombra-out:.8rem;
}

.menuPrincipal{
    display: none;
}

.btnResponsivo{
    display:flex;
}


#sb_sidebar .hub_controles .sm_col{
	display: inline-block;
	float: left;
	width: 100%;
	margin-left: 10px;
	border-top: solid 1px rgba(255,255,255,.1);

}

#sb_sidebar .hub_controles .sm_col a{
	padding: 0px;
	font-size: 1.2em;
	margin-right: 6px;
}

.bannerHome .slide, .bannerHome{
	height:100vh;
}

/**/

header{
	padding: 0px;
}

header .logo{
	text-align: right;
	justify-content: flex-end;
}

header .logo-box{
	height: var(--header-height);	
	width: 200px;
}

header .logo picture, header.alt_header .logo picture{
	padding: 0px;
	width: 140px;
	padding-bottom: 12px;
	margin: 0 1rem 0 0;
}

.header_td{
	height: var(--header-height);
}

/**/

.foot_grid{
	flex-wrap: wrap;
}

.foot_grid .grid_col.foot_middle{
	padding: 0px 0px;
}


.innerBox{
    padding: var(--padding-big) var(--padding-big);
}

.foot .innerBox{
    padding: var(--padding-big);
    padding-bottom: var(--padding-big);
}

/**/
.txtBox{
    margin-bottom: 1rem;
}

.tablaArticulo .col_menu{
    width: 200px;
}


.pagina, .seccion {
    padding-top: 0px;
}

.pagina{
	padding-top: 1rem;
}

.articulo.two_col {
    column-count: 1;
    column-gap: 0px;
}

.gridArticulos .boxArticulo {
    width: 50%;
}   

.removeTop{
    padding-top: 0px;
}  

.comunicados .item p:last-child{
    margin-bottom: 0px;
}

/**/


.goTop{
    margin-bottom: 1rem;
}

h1.tituloBox{ 
	max-width: 75%;
	font-size: 1.1em;
}


h1.tituloBox.tituloRelacionados {
    margin-top: 40px;
    margin-bottom: 0px;
	
}

.busqueda_listado{
    margin-bottom: 1rem;
}

.paginadoBox{
}


#map{
    width: 100%;
    height: 400px;
}



/**/

.grid_articulo{
	flex-wrap: wrap;
}

.grid_articulo .col_menu{
	width: 100%;
	min-width: 100%;
	padding: 0px;
	margin-top: 1rem;
}

.articulo .articulo_tabla_inline{
	max-width: calc(100vw - 60px);
}

/**/

.foot_grid .grid_col.foot_middle{
	padding: 1rem 0px 0px 0px;	
}

.foot_sm{
	display: inline-block;
}

.foot .sm_bar{
	text-align: left;
	margin-top: 1rem;
}

.foot .sm_bar a, .foot .sm_bar a:hover{
	margin-left: 0px;
	margin-right: 10px;
}

.foot .legales{
	width: 100%;
	max-width: 100%;
	column-count: 2;
}

.foot .logotipos{
	width: 180px
}

.foot .logotipos .logos_grid_col {
  max-width: 100%;
}


.foot .legales .legales_grid_col{
	padding: 0px;
}

.foot .legales .legales_grid_col:first-child{
	padding-right:0px;
}

.foot .legales .legales_grid_col:last-child{
	padding-left:0px;
}



/**/
.titulo-solid{
	font-size: 2em;
	/*margin-left: 1rem;*/
}

.titulo-subhead, .articulo h2, .articulo h3, .articulo h4{
	font-size: 1.5em;
}

.p-med{
	font-size: 1.4em;
}

.titulo-box{
	margin: 3rem 0rem;
}

/**/
.palabras-rollover{
	font-size: 1.2em;
}

h3{
	font-size: 1.2em;
}

.x2-box .x2-col-small{
	max-width:50%;	
}

.palabras-cloud{
	font-size: .9em;
}

/**/
.relojes{	
	gap: 1rem;
}

.reloj_box canvas {
	border: solid 2px rgba(255,255,255,.5);
	padding: .3rem;	
}




/**/

.logos_clientes .slide_box .logo{
	width: 20%;
	padding: .5rem 0rem;
}

#we_are{
	font-size: 2.7em;
}
	

/**/

.arrow-down {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;  
  border-top: 15px solid #FFF;
  animation: fadeInDown 1s ease-in-out infinite;	
}

.animate-typing{
	height: 55px;
}

.x3-box .x3-col .pic{
	height: 140px;
}

.x3-box .x3-col{
	width: 30%;
}



/**/
.img-bottom .img-box{
	max-width: 90%;
}

/**/
.logos-varios .slide-logos-varios{
		gap: 1rem;
	}

.slide-logos-varios .logo{
	width: 120px;
}

/**/
.formulario-contacto .form-input-box{
	flex-wrap: wrap;
}

/**/
.tabs-contenedor{
	gap: 4rem;
}

.tabs-box .titulo-barra{
	width: 200px;
	min-width: 200px;	
}

.titulo-barra{
	border-left: solid 1.5rem var(--color-1);
}

.titulo-barra-azul{
	border-left: solid 1.5rem var(--color-2);
}

.tabs-box .tabs-content .tabs-item{
	width: calc(50% - 1rem);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/**/
.team-etiqueta .cargo, .team-etiqueta .nombre{
	font-size: 1em;
}

.tabs-item .team-etiqueta{
	position: relative;
	bottom:0px;
	z-index: 1;
	margin-bottom: 1rem;
}

/**/

.add-margin-top{
	margin-top: 3rem;
}


/**/
.cat-grid .cat-item{
	width: calc(50% - 1rem);
}

.control-bar{
	left: 3.5rem;
	top:1.4rem;
	font-size: 1em;
}

.control-bar.search-bar{
	left: 110px;
}

.search-bar-movil{
	position: fixed;
	display: flex;
	left: 0px;
	top:var(--header-full-height);
	background: var(--color-3);
	width: 100%;	
	overflow: hidden;
	align-items: center;
	gap: .5rem;
	color: var(--color-cool-gray);
	height: 0;
	padding: 0 2rem;
	
}

.search-bar-movil input{
	text-align: left;
	width: 100%;
}

.search-bar-movil.open{
	height: 38px;
	padding: .3rem 2rem;
}

.search-bar .search-input{
	display: none;
}

/**/

.facts-box{
	gap:2rem;
}

.facts-box .facts-item{
	width: calc(100%);
}

.autor-grid .titulo-solid{
	margin-left: 1rem;
	margin-right: 1rem;
}

.titulo-icono-big .icono{	
	top: 8px;
	width: 25px;
}


.x4-box{
	flex-wrap: wrap;
}

.x4-box .x4-col{
	width: calc(50% - var(--padding-small));
}


/**/

.intro-climber .ic-cloud-1{	
	left:10vw;
}

.intro-climber .ic-cloud-2{	
	left:0vw;
}

.intro-climber .ic-cloud-3{	
	left:60vw;
}

/**/
.bannerHome .info-box-wrapper .info-box{
	font-size: .9em;
}

.x3-box .x3-col .txt{
	min-height: 290px;
}


@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-1rem);
   }
   100% {
      opacity: 1;
      transform: translateY(1rem);
   }
} 


/**/
@media(max-width:850px){
	
	.galeria_slideshow .slide{
		padding: 1rem 0px;
	}
	
	
	.galeria_slideshow .slide .etiqueta{
		left: 0px;
	}
	
	
	.p-med{
		font-size: 1.4em;
		line-height: 1.1em;
	}
	
	/**/
	.logos-varios .slide-logos-varios{
			gap: 1rem;
		}

	.slide-logos-varios .logo{
		width: 100px;
	}
	
	/**/
	.tabs-box{
		flex-wrap: wrap;
	}
	
	.tabs-box .titulo-barra{
		width: 100%;
		min-width: 100%;
	}	
	
}

@media(max-width:815px){
	.intro-badge{
		width: 75px;
	}
	
}

@media(max-width:800px){
    .txtBox .igmFloat{
        width: 100%;
    }

    .txtBox .igmFloatRight, .txtBox .igmFloatLeft{
        padding: 0px;
        margin: 0px;
        margin-bottom: 1rem;
    }
   	
	/**/
	.foot_grid{
		flex-wrap: wrap;
	}	
	
	/**/
	
	.imagen_animada-box{
		max-width: 60% !important;
	}
		
}

@media(max-width:750px){ 	
	
        
    /**/
    
    .boxContacto td{
        display: inline-block;
        box-sizing: border-box;
        float: left;
        width: 100%;
        padding: 0px !important;
        margin-bottom: 1rem;
    }    
	
	/**/
	.x2-box{
		flex-wrap: wrap;
	}
	
	.x2-reverse{
		flex-direction: column-reverse;
	}
	
	
	.x2-box .x2-col, .x2-box .x2-col-small{
		max-width:100%;	
		width: 100%;
	}
	
	.frasco-box{
		text-align: center;
	}
	
	.frasco{
		max-width: 250px;
		margin: 0 auto;
	}
	
	.bk-triangulo, .bk-cuadro{
		width: 60%;
		height:45%;
	}	
	
	.team-block .bk-triangulo, .team-block .bk-cuadro{
		width: 60%;
		height:40%;
	}
	
	.servicios-block .bk-triangulo, .servicios-block .bk-cuadro{
		bottom: 0px;
		top: auto;
	}
	
	.innerBox, .foot .innerBox, .x2-box .x2-col, .x2-box .x2-col-small{
		padding: var(--padding-small);
	}
	
	.bk-solid-small-remove{
		display: none;
	}
	
	.bk-solid{
		width: 100%;
	}
	
	.bk-solid-full-remove{
		display: inline-block;
	}	
	
	.animate-typing{
		height: auto;
	}
	
	/**/
	.x3-box{
		flex-wrap: wrap;	
		gap: var(--padding-small)
	}
	
	.x3-box .x3-col{
		width: 100%;
		flex-wrap: nowrap;
		gap: 2rem;
		align-self: center;
		
	}
	
	.x3-box .x3-col div, .x3-box .x3-col h4{
		text-align: left;		
	}
	
	.x3-box .x3-col h4{
		font-size: 1.5em;
	}
	
	.x3-box .x3-col .pic{
		height: auto;
		align-self: center;
		max-width: 20%;
	}
	
	.x3-box .x3-col .pic img{
		height: auto;
		width: 100%;
	}
	
	.x2-box{
		justify-content: space-around;
	}	
	
	.hide-resp-small{
		display: none;
	}
	
	.bk-full{
		display: initial;	
	}
	
	.bk-half-left, .bk-half-right{
		display: none;
	}
	
	.logos_clientes .slide_box .logo{
		width: 25%;
	}

	.x3-box .x3-col .txt{
		min-height: unset;
	}
	
}

@media(max-width:700px){    
    .tablaArticulo .col_menu, .tablaArticulo .col_articulo{
        display: inline-block;
        box-sizing: border-box;
        padding: 0px;
        width: 100%;
        float: left;
    }
    
    .tablaArticulo .col_menu{
        margin-bottom: 1rem;
    }
    
    .gridArticulos .boxArticulo {
        width: 100%;
    }
    
    .gridArticulos .boxArticulo .ver_mas{
        bottom: -10px;
    }
    
    .grid_trabajos .colTrabajos{
        width: 100%;
    }
	
	/**/
	
	.comunicados{
		margin: 0px;
		padding: 0px;
	}
	
	.comunicados .item.foto_izquierda{
		flex-direction: row;
	}
	
	.comunicados .item .col.desc{
		padding-left: 0px !important;
		padding-right: 0px !important;

   }
   
   comunicados .item {
	 display: inline-block;
	 width: 100%;
	 padding: 0px !important; 
	 margin: 0px !important; 
	}
   
   .comunicados .item .col{
	   width: 100%;
	   margin: 0px !important; 
	   padding: 0px !important; 
   }
   
   .comunicados .item .thumb img{
	   display: inline-block;
	   box-sizing: border-box;
	   position: relative;
   }
   
   .comunicados .item .col:first-child{
		margin-bottom: 1rem !important;
	}

	.comunicados .item .ver_mas{
		margin-right: 0px;
	}

	.comunicados .item.foto_derecha .ver_mas{
		float: right;
		margin-left: 0px;
		margin-right: 2px;
	}

	.comunicados .item{
		margin-bottom: 1rem;
	}
	
	.grid_eventos .grid_col{	
		width: 100%;
		max-width: 100%;
	}	
	
	/**/
	.grid_articulo_inner{
		margin-left: 0px;
		margin-right: 0px;
	}

	.grid_articulo_inner .ag_col{
		padding-left: 0px;
		padding-right: 0px;
	}

	.grid_articulo_inner .ag_col.layout_width_100, .grid_articulo_inner .ag_col.layout_width_50{
		width: 100%;
	}
	
	/**/
	.perfil-box .pefil_alt_titulo{
		display: unset;
	}
	
	.perfil-box .pefil_titulo{
		display: none;
	}
	
	.perfil-box{
		flex-wrap: wrap;
	}
	
	.perfil-box .foto{
		width: 100%;
		min-width: 100%;
	}
	
	.perfil-box img{
		margin-top: var(--padding-small);
	}
	
	.perfil-box .descripcion{
		margin-top: unset;
	}
	
	.autor-grid .foto{
		width: 120px;
		min-width: 120px;
	}
	
	.busqueda_listado .item_listado .thumbnail{
		min-width: 150px;
		width: 150px;
	}	
	/*********btn contact*******/	
	
	.x3-box .x3-col .contact{
		width: auto;
	    margin-top: 20px;
	}
	
}


@media(max-width:650px){  	
	.foot .legales{
		flex-wrap: wrap;
	}
	
	.foot .legales .legales_grid_col{
		width: 100%;		
	}

	.foot .legales .legales_grid_col{
		padding:0px !important;
	}

	.foot .legales .legales_grid_col:first-child{
		margin-bottom: 0px;
	}	
	
	
	/**/
	.brain-1{	
		width: 25vw;
		left:calc(5vw);
		top:calc(70vh - var(--header-height));	
	}

	.brain-2{
		width: 25vw;
		left:calc(5vw);
		top:calc(70vh - var(--header-height));	
	}

	.brain-3{
		width: 20vw;
		left:calc(15vw);
		top:calc(20vh - var(--header-height));	
	}

	.brain-4{
		width: 30vw;
		left:calc(70vw);
		top:calc(25vh - var(--header-height));
	}

	.brain-5{
		width: 25vw;
		left:calc(75vw);
		top:calc(65vh - var(--header-height));
	}

	
	.titulo-box{
		font-size: 1.8em;
		text-align: center;
	}
	
	.element-1{
	    width: 125vw;
		left:calc(9vw);
		top:calc(59vh - var(--header-height));	
	}
	.element-2{
		width: 100vw;
		left:calc(23vw);
		top:calc(57vh - var(--header-height));	
			
	}
	.element-3{
		width: 100vw;
		left:calc(28vw);
		top:calc(54vh - var(--header-height));
		
	}
	
	/**/
	
	/**/
	.logos_clientes .slide_box .logo{
		height: 60px;
	}
	
	/**/
	
	.botones-team{
		gap: 2rem 4rem;
		margin-bottom: 2rem;
		flex-wrap: wrap;
	}
	
	.botones-team .btn-big{
		width: 50%;
		text-align: center;
	}	
	
	
	.x3-box .x3-col{
		flex-wrap: wrap;
	}
	
	
	.x3-box .x3-col > div{
		width: 100%;
	}
	
	.x3-box .x3-col .pic {
		max-width: 280px;
	}
	
	/**/
	.x4-box{
		flex-wrap: wrap;
	}

	.x4-box .x4-col{
		width: 100%;
	}

}

@media(max-width:550px){

	.no-margin-top-resp-small{
		margin-top: 0px !important;
	}	
	
	.bannerHome .info-box-wrapper{
		bottom: var(--padding-xxl);
	}
	
	
	.bannerHome .info-box-wrapper .info-box h1{
		font-size: 1.2em;
	}

}

@media(max-width:500px){  
	.imagen_animada-box{
		max-width:100% !important;
	}
	
	.tabs-box .tabs-content{
		gap: .5rem;
		margin-right: -.5rem;
	}
	
	.tabs-box .tabs-content .tabs-item{
		width: calc(50% - .5rem);
	}
	
	/**/
	.cat-grid .cat-item{
		width: calc(100% - 1rem);
	}
	
	.autor-grid{
		width: 100%;
	}
	
	.busqueda_listado .item_listado{
		flex-wrap: wrap;
	}
	
	.busqueda_listado .item_listado .thumbnail{
		min-width: 100%;
		width: 100%;
	}
	
	.busqueda_listado .item_listado h2{
		font-size: 1.4em;
		margin-bottom: .5rem;
	}
}

@media(max-width: 480px){
	.intro-badge{
		bottom: 10px;
	}
	
	.tf-v1-popover-button {
		bottom: 16px !important;
	 }
}


@media(max-width: 450px){
	
	.tabs-box .tabs-content{
		gap: 1rem;
		margin-right: 0;
	}
	
	.tabs-box .tabs-content .tabs-item{
		width: 100%;
	}
	
	.slogan-animado{
		height: 4rem;
	}
	
	.logos_clientes .slide_box .logo{
		width: 33%;
		padding: .0rem 0rem;
	}
	
	.autor-grid{
		flex-wrap: wrap;
	}
	
	.autor-grid .foto{
		width: 100%;
		max-width: 100%;
	}
	
	.autor-grid .cargo{
		margin-bottom: .5rem;
	}
	
}


.remove-padding{
	padding: 0px;
}

.remove-padding-bottom{
	padding-bottom: 0px;
}

.remove-margin-bottom{
	margin-bottom: 0px;
}

.remove-padding-top{
	padding-top: 0px;
}