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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;400;600;700;900&display=swap');
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Overpass', sans-serif;
*/

/*VARS*/
:root {
	--bk-color:#FFF;
	
	--color-1:#BA0C2F;/*ROJO 200*/
	--color-2:#002d72;/*AZUL 288*/	
	--color-3:#f1f1f1;/*GRIS - BLANCO*/
	--color-4:#636569;/*GRIS OBSCURO*/
	--color-cool-gray: #98989A;
	
	--contrast-1:#FFF;
	--contrast-2:#000;
	
	--color-transparent:rgba(0,0,0,0);	
	
	--font-size: 20px;
	
	--main-font: 'Overpass', sans-serif;
	--alt-font: 'Montserrat', sans-serif;
	
	--main-font-color:var(--color-2);
	
	
	--font-thin:100;
	--font-light:300;
	--font-medium:500;
	--font-regular:400;
	--font-semi-bold:600;
	--font-bold:700;
	--font-black:900;

	--header-height:100px;
	--header-userbar-height:0px;
	--header-full-height:calc(var(--header-height) + var(--header-userbar-height));	
	
	--menu-color:var(--main-font-color);	
	
	--max-width:1400px;
	--padding-mini:1rem;
	--padding-small:2rem;
	--padding-big:4rem;
	--padding-xxl:6rem;
	--max-width-padding:calc(var(--max-width) - var(--padding-small));
	
	--sombra-in:-1.5rem;
	--sombra-out:1.5rem;
	
	/*CURSOR ANIMADO*/
	
	--ti-cursor-font-weight:var(--font-light); 
	--ti-cursor-transform:translateX(0em);
	
}

body{ 	
	height: 100%;
	padding: 0;
	font-size: var(--font-size);
	text-align:justify;
	margin:0;
	position:relative;				
	background: var(--bk-color);
	font-family: var(--main-font);
    font-weight: var(--font-regular);
	color: var(--main-font-color);	
	}	

html{
	height: 100%;
	padding: 0;
	}		
	
img{ 
	border:none;
	vertical-align:middle;
	}

.foot_td{
    height: 1px;
}
    
/*MAIN*/

.mainTable{
	width:100%;
	height:100vh;	
	}	
	
.rollOver{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;	
}

.rollOver:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.enable-transition{
	transition: all .5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.enable-transition-super-fast{
	transition: all .2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.enable-transition-fast{
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

a,
button{
outline:0 !important;
}

.ocultar{
	display: none !important;
}

.maxWidth{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    max-width: 1400px !important;
    margin: 0 auto;
    text-align: initial;
}

.innerBox{
    display: inline-block;
    box-sizing: border-box;
    padding: var(--padding-big) var(--padding-big);
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
	overflow: hidden;
}

.topPadding{
    padding-top: 0;
}

.no-margin-bottom{
	margin-bottom: 0!important;
}

/*BK*/

.bk_agua{
	background: #00AFAA !important;
} 

.bk_amarillo{
	background: #DDE56D !important;
} 

.bk_rojo{
	background: #EF3D52 !important;
} 

.bk_verde{
	background: #6CA394 !important;
} 

.bk_gris{
	background: #C0BBC3 !important;
} 

.contrast-1{
	color: var(--contrast-1);
}

/*HEADER*/ 

header{
    display: flex;
    width: 100%;      
    text-align: center;
    position: fixed;
    z-index: 9999;
    transition: all 0.5s;
	padding:0 var(--padding-small);	
	
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;	
	
}

header .background{
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	
	background: #FFF;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

header .header-box{
	height: var(--header-height);
	align-items: center;
}

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

.header-box, .footBox{
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

header .logo-box{
	position: absolute;
	right: 0;
	top:0;
	display: flex;
	width: 350px;
	height: 260px;
	justify-content: space-around;
}

header .logo{
	background: #FFFFFF;	
	width:100%;
	height:100%;
	display: flex;
	align-items: baseline;
	overflow: hidden;
	justify-content: space-between;
	text-align: center;
}

header .logo picture{
	width: 100%;
	align-self: flex-end;
	padding:30px;
	margin: 0 auto;
}


header.alt_header .header-box, header.alt_header .logo-box{
	height: var(--header-height);	
}


header.alt_header .logo picture{
	padding: 0;
	padding-bottom: 20px;	
}

header.alt_header .logo picture{
	width: 200px;
}

/*FOOT*/
.foot{
    display: inline-block;
    box-sizing: border-box;
    float: left;
	/*
    background: #00AFAA;  
	*/
	background: var(--color-1);
    width: 100%;
    color: #FFFFFF;
    position: relative;
    text-align: center;
	font-size: .9em;
}

.foot_grid{
	display: flex;
	justify-content: space-between;
}

.foot_grid .grid_col{
	box-sizing: border-box;
}

.foot .logotipos{
	width: 150px;
	display: flex;
	box-sizing: border-box;
	flex-wrap: wrap;
}

.foot .logotipos .logos_grid_col{
	width: 100%;
	max-width: 150px;
	margin-bottom: 40px
}

.foot .logotipos .logos_grid_col:last-child{
	margin-bottom: 0
}


.foot .logotipos img{
	width: 100%;
}

.foot_grid .grid_col.foot_middle{
	padding: 0 0 0 40px;
	text-align: left;
	flex-grow: 1;
}

.foot_sm{
	display: none;
}


/*DOS COLUMNAS*/

.foot h5{
	font-size: 1.1em;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: var(--main-font);
}

.foot .legales{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap:2rem;
}

.foot .legales .legales_grid_col{
	min-width: 40%;
	padding-left: 40px;
	box-sizing: border-box;
}


.foot .legales p{
	margin-bottom: 0;
	line-height: 16px;
} 

.foot .foot-links{
	display: flex;
	flex-wrap: wrap;
}

.foot .foot-links a, .foot .foot-links a:hover{	
	background: var(--color-2);
	color: #FFF;
	padding: 5px 10px 3px 10px;	
	text-decoration: none;
	width: 100%;
	white-space: nowrap;
	margin-bottom: .5rem;
	width: min-content;
}

.foot .sm_bar{
	display: inline-block;
	box-sizing: border-box;
	float: right;
	width: 100%;
	white-space: nowrap;
}

.foot .sm_bar a, .foot .sm_bar a:hover{
	color:#FFF;
	margin-left: 10px;
}

.foot .sm_bar a:first-child{
	margin-left: 0;
}

.txt-foot-small{
	font-size: .7em;
	margin-bottom: 1rem;
}

.goTop{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 40px;
    padding: 20px 0 0 0;
    border-top: rgba(255,255,255,.5) solid 1px;    
}

.btnGoTop{
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px rgba(255,255,255,.5);
    color: rgba(255,255,255,1);
    cursor: pointer;
}

.anchor-link{
	margin-top:-200px;
	display: flex;
	position: absolute;
	top: 100px;
}


.boxLogos{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}

.boxLogos .item:nth-child(1){
    width: 9.0%;
}

.boxLogos .item:nth-child(2){
    width: 18.5%;
}

.boxLogos .item:nth-child(3){
    width: 16.2%;
}

.boxLogos .item:nth-child(4){
    width: 13.3%;
}

.boxLogos .item:nth-child(5){
    width: 6.8%;
}

.boxLogos .item:nth-child(6){
    width: 7.8%;
}

.boxLogos .item:nth-child(7){
    width: 4.6%;
}

.boxLogos .item img{
    width: 100%;
}
/**/

.boxLogos div img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*MENU PRINCIPAL*/
.btnResponsivo{
    display:none;
    height: var(--header-height);
    width: 60px;
    position: absolute;
    left: 0;
	top: 0;
    border: none;
    background: none;    
    z-index: 999;    
    cursor: pointer;
	align-items: center;
	justify-content: space-around;
	
}

.btnResponsivo img{
    height: 26px;
}

/**/


.menuPrincipal{
    display: flex;   
    position: absolute;
    left: 0;
	align-items: center;
	justify-content: space-between;
	font-family: var(--alt-font)
}


.hub_controles{
	display: flex;
	align-items: center;
}

.menuPrincipal .hub_controles{
	display: none;
}
    
.menuPrincipal .mpBlock,
.sb_menu .mpBlock{ 
    display: inline-block;    
    box-sizing: border-box;
    float: left;
    position: relative;    
}

.menuPrincipal .mpBlock{
    margin: 0 auto;
}

.menuPrincipal .mpSub,
.sb_menu .mpSub{    
	display: flex;
	flex-wrap: wrap;
}

.menuPrincipal .mpSub{
    
    position: absolute;
    background:#FFF;
        
    opacity:0;
    height: 0;
    
    top: 40px;
    right: 0;
    
    overflow: hidden;
    z-index: 99;    
    
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;	
    
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
}

	
.menuPrincipal a,
.sb_menu a{
	display:inline-block;    
	float:left;
	box-sizing:border-box;	
		
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	text-decoration:none; 
    cursor: pointer;
    text-align: right;
	}
  

.menuPrincipal .mpParent,
.menuPrincipal .mpSingle{
    padding:0 20px 0 0;
	color:var(--menu-color);
    white-space: nowrap;
	font-size: 1.1em;
	font-weight: var(--font-bold);
	padding-top: 1rem;
}


.menuPrincipal .mpParent:hover, 
.menuPrincipal .mpParent.activo,
.menuPrincipal .mpSingle:hover,
.menuPrincipal .mpSingle.activo{
	color:var(--color-1);
}

.menuPrincipal .mpBlockParent.activo .mpParent,
.menuPrincipal .mpBlockParent.activo .mpSingle{
    color: #EF3D52;
}

.menuPrincipal .mpSub .mpSub_wrap{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.menuPrincipal .mpSub .mpSub_wrap .mpBlock{
	flex-grow: 1;
	width: 100%;
}

    
.menuPrincipal .mpSub a{  
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  float: left; 
  color: #767777;
  
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s; 
  
  white-space: nowrap;
  padding: 10px 15px;  
  font-weight: var(--font-regular);
  text-decoration: none;
}

.menuPrincipal .mpSub a:first-child{
    margin-top: 0;
} 

.menuPrincipal .mpSub a:last-child{
    margin-bottom:0;
} 

.menuPrincipal .mpSub a:hover, .menuPrincipal .mpSub a.activo{
    background: rgba(0,175,170,1); 
	color: rgba(255,255,255,.8); 
}

.menuPrincipal .subIcon{
    margin-left: 6px;
    font-size:.75em;
    color: #C0BBC3;
}

.menuPrincipal .mpBlock > .mpParent .fas{    
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
}

.menuPrincipal .mpBlock:hover > .mpSub{
    opacity: 1;
    height: auto;
}

.menuPrincipal .sideBarLogo{
    display: none;
}

/**/

.lang-bar{
	position: absolute;
	top: 5px;
	font-family: var(--alt-font);
	font-weight: var(--font-light);
	z-index: 1;
	font-size: .8em;
	display: flex;
	justify-content: space-between;
	gap: .5rem;
}

/*DOS IDIOMAS*/
/*
.lang-bar .lang-link:first-child{
	padding-right: .5rem;
	border-right: solid 1px var(--color-cool-gray);
}

.lang-bar .lang-link{
	color: var(--color-cool-gray);
	text-decoration: none;
}

.lang-bar .lang-link.activo{
	color: var(--color-4);
	text-decoration: none;
	font-weight: var(--font-regular);
}

.lang-bar .lang-link:hover{
	color: var(--color-1);
	text-decoration: none;
}*/

/*UN IDIOMA*/

.control-bar{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: var(--color-3);
	display: flex;
	align-items: center;
	height: 25px;
	font-weight: var(--font-medium);
	z-index: 2;
}

.control-bar .control-btn{
	color: var(--color-cool-gray);
	text-decoration: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 25px;
	padding: 1px 8px;
}

.control-bar .control-btn:hover{
	color: var(--color-2);
	text-decoration: none;
}



/*
.lang-bar{
	position: absolute;
	top: var(--header-height);
	font-family: var(--alt-font);
	font-weight: var(--font-bold);
	z-index: -1;
}

.lang-bar.lang-bar-hidden{
	margin-top: -3rem;
}

.lang-bar .lang-extra{
	display: block;
	position: absolute;
	width: 100%;
	max-height: 0;
	overflow:hidden;
}

.lang-bar .lang-link{
	display: block;
	text-align: left;
	padding: .2rem 0.5rem;
	background: var(--color-2);
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

.lang-bar .lang-link.activo{
	background: var(--color-1);
}

.lang-bar .lang-link:hover, .lang-bar .lang-link.activo:hover{
	color: rgba(255,255,255,.6);
	
}

.lang-bar .lang-extra .lang-link:hover, .lang-bar .lang-extra  .lang-link.activo:hover{
	padding-left: 1rem;
}

.lang-bar:hover .lang-extra{
	max-height: 5em;
	overflow:auto;
}
*/

/*SEARCH BAR*/
.search-bar{
	position: absolute;
	top: 5px;
	left: 55px;
	font-size: .7em;
	color:var(--color-cool-gray);
}

.search-bar .search-input input, 
.search-bar .search-input input:focus, 
.search-bar .search-input input:hover, 
.search-bar .search-input input:active,
.search-bar-movil input,
.search-bar-movil input:focus, 
.search-bar-movil input:hover, 
.search-bar-movil input:active
{
	background: none;
	border: none;
	outline: none;	
	color: var(--color-cool-gray);
	font-family: var(--main-font);
	font-weight: var(--font-regular);	
	font-size: 15px;
	padding-top: 2px;
}

.search-bar .search-input input{
	padding-right:0;
	width: 0;
}

.search-bar input.open{
	width:190px;
	padding-right: .5rem;
}

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

/**/

#sb_sidebar .sideBarLogo{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    text-align: center;
    border-bottom: rgba(0,0,0,.1) solid 1px;
}

#sb_sidebar .sideBarLogo img{
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
}

#sb_sidebar .hub_controles{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	border-top: solid 1px rgba(255,255,255,.1);
}

#sb_sidebar .hub_controles a{
	width: auto;
	color: rgba(255,255,255,.8);
}

#sb_sidebar .hub_controles a i{
	font-size: .9em;
	margin-right: 5px;
}

/**/

.contenido{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 0 auto;
}

.bloque_contenido{
    padding: 40px 40px 0 40px;
}

.bloque_single{
    padding: 0 40px;
}

.bloque_full_width{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}

.bk-color-1{
	background: var(--color-1);
	color: #FFF;
}

.bk-color-2{
	background: var(--color-2);
	color: #FFF;
}

.bk-color-3{
	background: var(--color-3);
}

.bk-color-4{
	background: var(--color-4);
	color: #FFF;
}

.bk-color-lapiz{
	background: #cc9752;
	color: #FFF;
}

.color-1{
	color: var(--color-1);
}
.color-2{
	color: var(--color-2);
}
.color-3{
	color: var(--color-3);
}
.color-4{
	color: var(--color-4);
}

.color-white{
	color: #FFF;
}

.color-white a, .color-white a:hover, .color-white a:active, .color-white a:link, .color-white a:visited{
	color: #FFF;
	text-decoration: none;
}

.bk-half-left, .bk-half-right{
	position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%; 
	z-index: -1;
}

.bk-half-right{
	left: unset;
	right: 0;
}

.bk-half-short, .x2-col .x2-col-short{
	width: 40%;	
}

.bk-full{
	position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%; 
	z-index: -1;
	display: none;
}


/**/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;
	box-sizing: border-box;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: rgba(255,255,255,1.00);
}

.videoInline{
    width: 100%;
}

/**/

.grid_video{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.grid_video .grid_col{
	width: 100%;
	margin-bottom: 20px;
}

.grid_video .grid_col:last-child{
	margin-bottom: 0;
}

/**/

.centro{
    text-align: center;
}

.td_top{
    vertical-align: top;
}


/**/

.search_bar{
    display: inline-block;
    box-sizing: border-box;
	width: 300px;
	background: rgba(255,255,255,.2);
	-webkit-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	text-align: left;
	height: 26px;
	margin-right: 20px;
	margin-top: 2px;
}


.search_bar .search_box{
	background: none;
	border: none;
	width: 270px;
	position: absolute;
	top: 0;
	outline: none;
	font-family: var(--main-font);
    font-weight: var(--font-regular);
	color: rgba(255,255,255,1);
	padding-left:15px;
	padding-right:0;
}

.search_bar button{
	position: absolute;
	right: 5px;
	top: 0;
	background: none;
	border: none;
	color: rgba(255,255,255,.6);
}

.search_bar input::placeholder {
	font-family: var(--main-font);
	font-weight: var(--font-regular);
	color: rgba(255,255,255,1);
}

/**/
.no_results{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 20px;
    background: rgba(0,0,0,.1);
    color: rgba(0,0,0,.8);
    text-align: center;
    font-weight: 700;
    
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/**/

.paginadoBox{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin-top: var(--padding-big);
}

.paginadoBox .paginado{
    display: flex;
	gap: .5rem;
	align-items: center;
	justify-content: center;
}

.paginado a{
    display: flex;
	align-items: center;	
	justify-content: center;
	width: 25px;
	height: 25px;
	padding-top: 4px;
	position: relative;
   
    color: rgba(255,255,255,1);
    text-decoration: none;
    background: rgba(0,0,0,.3);
    text-align: center;
    
    font-size: .8em;
    
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.paginado a:hover, .paginado a.pagActivo{
    background: rgba(0,0,0,.5);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

/**/

.bannerHome{
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 100%;    
	height: calc(100vh);
	
	background-image: url("../img/intro_climber/climber_bk.webp");
	background-size: cover;
	background-repeat: no-repeat;
	
	position: relative;
	overflow: hidden;	
}

.bannerHome .slide{
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 100%;
	overflow: hidden;
	height: calc(100vh);
}

.bannerHome .slide img{
    width: 100%;
	height: 100%;
	object-fit: cover;
}

.bannerHome .cycle-next, .bannerHome .cycle-prev{
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: rgba(255,255,255,.5);
    border: solid 1px rgba(255,255,255,.8);
    color: rgba(255,255,255,1);
    cursor: pointer;
    position: absolute;
    z-index: 999;
    font-size: .9em;    
    
    top: 50%;
    transform: translateY(-50%);
}

.bannerHome .cycle-prev i{
    margin-left: -2px;
}

.bannerHome .cycle-next i{
    margin-right: -2px;
}

.bannerHome .cycle-prev{
    left: 20px;
}

.bannerHome .cycle-next{
    right: 20px;
}

.bannerHome .sshow_slide{
	text-align: center;
}

.bannerHome .etiqueta_box{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;	
	text-align: center;
    z-index: 999;
}

.bannerHome .etiqueta{   
   display: inline-block;
   box-sizing: border-box;
   width: 100%;
   text-align: left;   
   max-width: 1400px;
   margin: 0 auto;
   
}

.bannerHome .etiqueta .etiqueta_inner{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	max-width: 66%;
	padding: 20px 40px;
    background: rgba(52,60,57,.8);
}

.bannerHome .etiqueta h3{
	font-family: var(--main-font);
	font-weight: 700;
	font-size: 2em;
	color: #FFF;
}

.bannerHome .etiqueta .descripcion{
	color: #FFF;
	text-align: justify;
	font-family: var(--main-font);
	font-size: 1.2em;
	font-weight: 300;
}

.bannerHome .etiqueta .pie{
	display: inline-block;
	box-sizing: border-box;
	margin-top: 20px;
	color: #FFF;
	font-family: var(--main-font);
	text-align: justify;
	float: left;
	width: 100%;
	font-size: .9em;
}

.bannerHome .etiqueta a, .boton_agua{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	margin-top: 20px;
	font-size: 1.2em;
	line-height: 1em;
	padding: 9px 30px 12px 20px;
	color: #FFF;
	background: #6CA394;
	position: relative;	
	font-family: var(--main-font);
	border: none;
}

.bannerHome .etiqueta a, .bannerHome .etiqueta a:hover, .boton_agua:hover{
	color: #FFF;
	text-decoration: none;
}

.bannerHome .etiqueta a i, .boton_agua i{
	position: absolute;
	right: 5px;
	top: 10px;	
}

/* pager */
.bannerHome .cycle-pager { 
    display: inline-block;
    box-sizing: border-box;
    text-align: right;
    z-index: 500; 
    position: absolute !important; 
    top: 20px;
    right: 20px;
    overflow: hidden;
}
.bannerHome .cycle-pager span { 
   
    font-family: arial; font-size: 40px; 
    display: inline-block; 
    color: rgba(255,255,255,.7);
    cursor: pointer; 
    line-height: 20px;
    text-shadow: 0 0 2px #000000;
    
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    margin-left: 4px;
}

.bannerHome .cycle-pager span.cycle-pager-active { 
    color: rgba(255,255,255,1);
    
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.bannerHome .cycle-pager > * { 
    cursor: pointer;
}

/*INTRO*/
.hero-intro{
	display: flex;
	width: 100%;
	height: calc(100vh);
	position: relative;
}

.hero-intro-slide{
	display: flex;
	width: 100%;
	height: 100%;
	padding-top: var(--header-full-height);
	align-items: center;
	justify-content: space-around;
}


.hero-intro video{
	position: absolute;
	bottom: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	z-index: -1;
}


.bannerHome .slogan,
.hero-intro .slogan{
	position: absolute;
	right: var(--padding-big);
	bottom: var(--padding-xxl);
	z-index: 2;
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--padding-mini);
	font-family: var(--alt-font);
	padding-right: var(--padding-small);
	border-right: solid 8px #FFF;
}

.bannerHome .slogan .linea,
.hero-intro .slogan .linea{
	width: 100%;
	text-align: right;	
	font-weight: var(--font-medium);
}

.bannerHome .slogan .linea span,
.hero-intro .slogan .linea span{
	display: inline-block;
	box-sizing: border-box;
	float: right;
	padding: 0 0 0 2rem;
	/*background: #FFF;*/
	line-height: .7em;
	font-size:2.8em;
	/*color:var(--color-2);*/
	color:#FFF;
}

.slogan sup{
	font-size: .3em;
	top: -1.8em;	
}

/*INTRO INFO BOX*/

.bannerHome .info-box-wrapper{
	position: absolute;
	right: 0;
	bottom: var(--padding-xxl);
	z-index: 2;
	display: inline-block;
	box-sizing: border-box;	
	max-width: 680px;
	text-align: right;
}


.bannerHome .info-box-wrapper .info-box{
	display: inline-block;
	box-sizing: border-box;
	width:100%;
	padding: var(--padding-small);
	
	background: rgba(255,255,255,0.7);
	color:var(--color-4);	
	font-size: .8em;
}

.bannerHome .info-box-wrapper .info-box p{
	margin: 0;
}

.bannerHome .info-box-wrapper .info-box h1{
	color: var(--color-2);
	font-weight: var(--font-black);
	font-family: var(--alt-font);
	font-size: 2em;
}

/**/

.intro-badge{
	position: absolute;
	z-index: 999;
	left: var(--padding-mini);
	bottom: var(--padding-mini);
	width: 12%;
}

.intro-badge img{
	width: 100%;
}

/*
.brains{
	position: absolute;	
	left:0;
}

.brains img{
	width: 100%;
}

.brain-1{
	width: 25vw;
	left:calc(30vw - 100px);
	top:calc(10vh + 100px);
	animation: wanderer-1 15s ease-in-out infinite;	
}

.brain-2{
	width: 15vw;
	left:calc(15vw - 100px);
	top:calc(50vh + 100px);
	animation: wanderer-2 11s ease-in-out infinite;	
	
}

.brain-3{
	width: 10vw;
	left:calc(20vw - 100px);
	top:calc(5vh + 100px);
	animation: wanderer-3 9s ease-in-out infinite;	
}

.brain-4{
	width: 12vw;
	left:calc(58vw - 100px);
	top:calc(5vh + 100px);
	animation: wanderer-4 8s ease-in-out infinite;
}

.brain-5{
	width: 8vw;
	left:calc(40vw - 100px);
	top:calc(70vh + 100px);
	animation: wanderer-5 6s ease-in-out infinite;	
}
*/

.element-1{
	width: 80vw;
	left:calc(5vw - 100px);
	top:calc(1vh + 100px);
	animation: wanderer-1 15s ease-in-out infinite;	
}
.element-2{
	width: 75vw;
	left:calc(7vw - 100px);
	top:calc(-7vh + 100px);
	animation: wanderer-mar-2 11s ease-in-out infinite;	
}
.element-3{
	width: 75vw;
	left:calc(9vw - 100px);
	top:calc(5vh + 100px);
	animation: wanderer-mar-4 11s ease-in-out infinite;
}

/*INTROS*/

/*
.playa, .ic-cloud-front{
	width: 100%;
	height: 100%;
	position: absolute;
	
}

.playa img,.playa picture{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top left;
	animation: flickering 3s linear infinite;
	mix-blend-mode: overlay;
}
*/

/*CLIMBER*/
.intro-climber .ic-cloud-front{
	width: 100%;
	height: 100%;
	position: absolute;	
}

.intro-climber .ic-cloud-front img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: bottom left;
}

.intro-climber .ic-lapiz{
	position: absolute;
	height: 100%;
	display: inline-block;
	bottom: 0;
	left: 25vw;
}

.intro-climber .ic-lapiz img{	
	height: 100%;
}

.intro-climber .ic-cloud-1 img, 
.intro-climber .ic-cloud-2 img,
.intro-climber .ic-cloud-3 img{	
	height: 100%;
}

.intro-climber .ic-cloud-1{	
	display: inline-block;
	position: absolute;
	left:14vw;
	top:60vh;	
	height:30vh;
	opacity: 0;
	
	animation: ic-cloud-1 18s infinite;
}

.intro-climber .ic-cloud-2{	
	display: inline-block;
	position: absolute;
	left:5vw;
	top:30vh;	
	height:25vh;
	opacity: 0;
	
	animation: ic-cloud-2 25s infinite;
	animation-delay: 4s;
}

.intro-climber .ic-cloud-3{	
	display: inline-block;
	position: absolute;
	left:30vw;
	top:62vh;	
	height: 35vh;
	opacity: 0;
	
	animation: ic-cloud-3 25s infinite;
	animation-delay: 1s;
}

/*ANIMACION CLIMBER*/

@keyframes ic-cloud-1{
	0%{
		opacity: 0;
		transform: translate(0px,0px);
	}
	10%,90%{
		opacity: 1;
	}
	100%{
		transform: translate(190px,0px);
		opacity: 0;
	}
}


@keyframes ic-cloud-2{
	0%{
		opacity: 0;
		transform: translate(0px,0px);
	}
	10%,90%{
		opacity: 1;
	}
	100%{
		transform: translate(300px,0px);
		opacity: 0;
	}
}

@keyframes ic-cloud-3{
	0%{
		opacity: 0;
		transform: translate(0px,0px);
	}
	10%,90%{
		opacity: 1;
	}
	100%{
		transform: translate(-300px,0px);
		opacity: 0;
	}
}


/**/
@keyframes wanderer-1{
	0%,100%
	{
		transform: translate(25px);
	}
	50%
	{
		transform: translate(-25px);
	}
}

@keyframes wanderer-2{
	0%,100%
	{
		transform: translate(-15px,10px) rotate(-30deg);
	}
	50%
	{
		transform: translate(15px,-10px) rotate(-30deg);
	}
}


@keyframes wanderer-mar-2{
	0%,100%
	{
		transform: translate(-15px,10px) rotate(-15deg);
	}
	50%
	{
		transform: translate(15px,-10px) rotate(0);
	}
}

@keyframes wanderer-3{
	0%,100%
	{
		transform: translate(-22px,-15px) rotate(10deg);
	}
	50%
	{
		transform: translate(22px,15px) rotate(10deg);
	}
}

@keyframes wanderer-4{
	0%,100%
	{
		transform: translate(-15px,5px) rotate(-10deg) scaleX(-1);
	}
	50%
	{
		transform: translate(15px,-5px) rotate(-10deg) scaleX(-1);
	}
}

@keyframes wanderer-mar-4{
	0%,100%
	{
		transform: translate(-15px,5px) rotate(-10deg);
	}
	50%
	{
		transform: translate(15px,-5px) rotate(-10deg);
	}
}


@keyframes wanderer-5{
	0%,100%
	{
		transform: translate(-30px,15px) rotate(-40deg);
	}
	50%
	{
		transform: translate(30px,-15px) rotate(-40deg);
	}
}

/**/
.animacion-salvavidas{
	animation: salvavidas 10s ease-in-out infinite;	
}

@keyframes salvavidas{
	0%,100%
	{
		transform: translate(-22px,-10px);
	}
	
	25%
	{
		transform: translate(40px,-20px);
	}
	
	50%
	{
		transform: translate(22px,10px);
	}
}

/**/
.animacion-empaque{
	animation: empaque 2s infinite;	
}

@keyframes empaque{
	0%,15%, 100%
	{
		transform: translate(0px,0px) rotate(-2deg);
	}
	1%,8%
	{
		transform: translate(0px,3px) rotate(2deg);
	}
	3%,5%
	{
		transform: translate(0px,-5px) rotate(-1deg);
	}
}

/**/
.animacion-libro-1{
	animation: libro-1 2s infinite;	
}

.animacion-libro-2{
	animation: libro-2 2s infinite;	
}

.animacion-libro-3{
	animation: libro-3 2s infinite;	
}

@keyframes libro-1{
	0%,5%,35%,100%{
		opacity: 0
	}
	10%,20%{
		opacity: 1
	}
}

@keyframes libro-2{
	0%,25%,65%,100%{
		opacity: 0
	}
	35%,55%{
		opacity: 1
	}
}

@keyframes libro-3{
	0%,55%,100%{
		opacity: 0
	}
	65%,85%{
		opacity: 1
	}
}
/**/
.animacion-paraguas-1{
	animation: paraguas-1 15s infinite linear;	
}

.animacion-paraguas-2{
	animation: paraguas-1 12s infinite linear;	
}

@keyframes paraguas-1{
	0%{
		opacity: 0;
		transform: translate(0px,0px);
	}
	30%,80%{
		opacity: 1;
	}
	100%{
		transform: translate(50px,0px);
		opacity: 0;
	}
}

/**/
.animacion-megafono{
	animation: megafono 2s ease-in-out infinite;	
}

@keyframes megafono{
	0%,10%,60%,100%{
		transform: scale(1,1) ;
	}	
	
	20%,30%,50%{
		transform: scale(1,1.05);
	}
	15%,25%,40%{
		transform: scale(1.05,1);
	}	
}
/**/

/**/
.animacion-capelo-1{
	animation: capelo-1 5s infinite;	
}

.animacion-capelo-2{
	animation: capelo-2 5s infinite;	
}


@keyframes capelo-1{
	0%,100%{
		transform: translate(0px,0px);
	}
	50%{
		transform: translate(0px,-25px);
	}
}

@keyframes capelo-2{
	0%,100%{
		opacity: 1
	}
	30%,60%{
		opacity: 0
	}
}

/*animacion corazon*/
.animacion-corazon{
	animation: corazon 2s infinite;	
}

@keyframes corazon{
	0%,20%,40%{
		transform: scale(1,1) ;
	}	
	
	10%,30%{
		transform: scale(1.02,1.03);
	}
}

/*animacion sinapsis*/
.animacion-sinapsis-1{	
	animation: flickering 5s linear infinite;
}

.animacion-sinapsis-2{	
	animation: flickering 2s linear infinite;
}

.animacion-sinapsis-3{	
	animation: flickering 3s linear infinite;
}

/*animacion silla*/
.animacion-silla{	
	animation: flickering 3s linear infinite;
}
/**/


.grid_1x1{
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
    justify-content: space-between;
}

.grid_1x1 > .boxGrid{
    width: 50%;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 40px;
}

.grid_1x1 .boxGrid img{
    width: 100%;
}

/**/

.txtBox{
    display: inline-block;
    box-sizing: border-box;
    float: left;
    margin-bottom: 40px;
    text-align: justify;
}

.txtBox .igmFloat{
    display: inline-block;
    box-sizing: border-box;
    
    padding-bottom: 20px;
    width: 50%;
}

.txtBox .igmFloatRight{
    padding-left: 20px;
    float: right;
    margin-left: 20px;
}

.txtBox .igmFloatLeft{
    padding-right: 20px;
    float: left;
     margin-right: 20px;
}

.txtBox h2{
    color: #262524;
    font-weight: 700;
    text-align: left;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.txtBox h2 span{
	font-size: .3em;
}

.pagina{
    padding-top: 40px;
}


.seccion{
    padding-top: 20px;
}

.articulo{
    text-align: left;
}

.articulo h1, .articulo h2, .articulo h3, .articulo h4{
    text-align: left;
}



.articulo.two_col{
 column-count: 2;
 column-gap: 40px;
 column-fill: balance; 
}

.articulo.one_col{
}

.articulo a{
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	
	color: var(--color-cool-gray);
    text-decoration: none;
	font-style: italic;
	
}

.articulo a:hover{ 
    color: var(--color-cool-gray);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.articulo img{
    max-width: 100%;
}

.articulo .pie_foto{
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 5px;
    color: rgba(0,0,0,1);
    font-size: .9em;
    font-weight: 300;
    font-style: italic;
}

.fecha-articulo{
	font-size: .8em;
	color: var(--color-cool-gray);
	margin-top: .5rem;
}

.fecha-articulo a{
	color: inherit;
	text-decoration: none;
}

.tablaArticulo{
    width: 100%;
}

.tablaArticulo .col_menu{
    vertical-align: top;
    width: 250px;
    padding-right: 40px;
    padding-top: 54px;
}

.tablaArticulo .col_articulo{
    vertical-align: top;
}

/**/
.grid_articulo_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: -20px;
	margin-right: -20px;
}

.grid_articulo_inner .ag_col{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;	
}

.grid_articulo_inner .ag_col:first-child{
	margin-top: 0;
}

.grid_articulo_inner .ag_col.layout_width_100{
	width: 100%;
}

.grid_articulo_inner .ag_col.layout_width_50{
	width: 50%;
	flex-grow: 1;
}


/*
h1.tituloBox{ 
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 20px;
	text-align: left;	
	font-family: var(--main-font);
}


h1.tituloBox span{
    display: inline-block;
    box-sizing: border-box;
	color: #FFF;
	background: #EF3D52;
	width: 100%;
	max-width: 50%;
	padding-top: 10px;
}
*/

h1.tituloBox{ 
    font-size: 1.4em;
    font-weight: 300;
	text-align: left;	
	font-family: var(--main-font);
	padding-bottom: 15px;
	color: #000;
	border-bottom: 1px solid #EF3D52;
	max-width: 50%;
}

h1.tituloBox span{
    
}

h1.tituloBox.tituloRelacionados {
    margin-top: 80px;
    display: inline-block;
    float: left;
    width: 100%;
}

.menuArticulos a, .menu-categorias a{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;    
    position: relative;
	color:#636569;	
    text-decoration: none;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid rgba(255,255,255,1);
	font-size: .8em;
}

.menuArticulos a:last-child, .menu-categorias a:last-child{
	padding-bottom: 0;
    margin-bottom: 0;
	border: 0;
}

.menuArticulos a.activo{
    font-weight: 700;
	color: var(--color-1);
}

.menuArticulos a i{
    position: absolute;
    right: 2px;
    top: 7px;
    font-size: .6em;
}

.menuArticulos a .desc, .menu-categorias a .desc{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
	padding-right: 5px;
}

.menuArticulos .titulo-solid, .menu-categorias .titulo-solid{
	font-size: 1.2em;
	margin-bottom: 1rem !important;
}

.menuArticulos .titulo-solid{
	margin-top: 1rem !important;
}


h2.tituloBox{
	font-family: var(--main-font);
    font-size: 1.4em;
    margin-bottom: 20px;    
    padding-bottom: 5px;
    margin-bottom: 10px;
	color:#EF3D52;
	font-weight: var(--font-regular);
}


.grid_entradas h1{   
	font-family: var(--alt-font);
	font-weight: var(--font-light);
	font-size: 2em;
	margin-bottom: var(--padding-small);
}

/**/

.busqueda_listado h2{
	font-family: var(--alt-font);
	font-weight: var(--font-bold);
	font-size: 1.5em;
	margin-bottom: 0;	
	color:var(--color-1);
}

.busqueda_listado h3{ 	
	font-family: var(--alt-font);
	font-weight: var(--font-light);
	font-size: 1em;
	margin-bottom: 1rem;
	color:var(--color-4);
}

.busqueda_listado{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:var(--padding-small);
}

.busqueda_listado .item_listado{
	display: flex;
	width: 100%;
	justify-content: flex-start;	
	text-decoration: none;
	color: var(--main-font-color);
	padding-bottom: var(--padding-small);
	border-bottom: solid 1px #f2f2f2;
	gap:var(--padding-small);
}

.busqueda_listado .item_listado .thumbnail{
	min-width: 250px;
	width: 250px;
}

.busqueda_listado .item_listado .thumbnail img{
	width: 100%;
}

.busqueda_listado .item_listado .descripcion{
	flex-grow: 1;
}

.resultados_busqueda{
	margin-bottom: 20px;
	margin-top: 10px;
	color: var(--color-cool-gray);
}

/**/

.articulo table{
	width: 500px;
}

.articulo table td{
	padding: 5px 20px;
	vertical-align: top;
	text-align: left;
}

.articulo table tr:first-child td{
	padding-top: 0;
}

.articulo table td:first-child{
	padding-left: 0;
}

.articulo table td:last-child{
	padding-right: 0;
}

.articulo .articulo_tabla_inline{
	display: inline-block;
	box-sizing: border-box;
	max-width: calc(100vw - 460px);
	overflow-x: auto;
}

/**/
.articulo_galeria_listado div{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 100%;
}

.articulo_galeria_listado div img{
	width: 100%;
}

.articulo_galeria_listado .img_box_inner{
	margin-bottom: 10px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}

.articulo_galeria_listado .etiqueta{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	
	margin-bottom: 10px;
	margin-top: -5px;
	font-size: .8em;
	font-style: italic;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	color: var(--color-cool-gray);
}

.grid_articulo .titulo-solid{
	margin-bottom: 0;
}


/*GALERIA*/


.galeria{
    display: inline-flex;
	box-sizing: border-box;
	flex-wrap: wrap;
	gap: 20px;
    width: 100%;	
	justify-content: space-between;
}

.galeria a{
	width: calc(50% - 10px);
	min-width: 200px;
	flex-grow: 1;
}

.galeria a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*GALERIA SLIDESHOW*/

.galeria_slideshow .slide{
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.galeria_slideshow .slide img{
	width: 100%;
}

.galeria_slideshow .slide .etiqueta{
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: inline-block;
	box-sizing: border-box;
	z-index: 1;
	background: rgba(0,0,0,.4);
	padding: 5px 10px;
	color: #FFFFFF;
	font-size: .9em;
	text-align: left;
	font-style: italic;
}

/**/

.articulo + .tituloBox{
    margin-top: 40px;
}

.descargables + .galeria{
    margin-top: 40px;
}

.articulo + .galeria{
    margin-top: 40px;
}

/**/

.descargable{
    margin-bottom: 10px;
}

.descargable:last-child{
    margin-bottom: 0;
}

.descargable .descripcion{
    display: inline-block;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    padding-left: 20px;
    
    text-align: left;
    position: relative;
}

.descargable a, .descargable a:hover, .descargable a:active, .descargable a:link, .descargable a:visited{
    color: #767777;
    text-decoration: none;
    position: relative;
}

.descargable{
    text-align: left;
}

.descargable i{
    left: 0;
    position: absolute;   
    font-size: .8em;
    top: 6px;    
}

.descargable:last-child .box{
    margin-bottom: 0;
}

/**/

.gridArticulos{
    box-sizing: border-box;
    display: inline-block;
    box-sizing: border-box;
    margin-left: -20px;
    margin-right: -20px;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.gridArticulos .boxArticulo {
    display: inline-block;
    box-sizing: border-box;
    padding: 20px;
    width: 33.33%;
    float: left; 
    text-decoration: none;
    color:#767777;
    
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    
    position: relative;
    margin-bottom: 10px;
    
    text-align: justify;
}

.gridArticulos .boxArticulo .pic{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
}

.gridArticulos .boxArticulo .pic img{
    width: 100%;
}

.gridArticulos .boxArticulo .desc h4{
    color: #262524;
    font-weight: 700;
    text-align: left;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.gridArticulos .boxArticulo .ver_mas{
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    right: 20px;
    bottom: 0;
    font-weight: 700;
    text-decoration: none;
}

/**/

.comunicados{
    display: inline-block;
    box-sizing: border-box;
    float: left;  
    position: relative;
    text-align: justify;
	
	margin-left: -40px;
    margin-right: -0px;
}

.comunicados .item {	
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.comunicados .item > .col{
	
	position: relative;
    flex: auto;
	width: 50%;
    box-sizing: border-box;
    text-align: justify;
    box-sizing: border-box;	
	overflow: hidden;
	padding: 0 40px 0 40px;
}

.comunicados .item .col.desc{
	 padding-left: 40px;
	 padding-right: 0;
	
}

.comunicados .item .thumb img{
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	vertical-align: middle;
	overflow: hidden;
	object-position: center center;
}

.comunicados .item h2{
    color: #262524;
    font-weight: 700;
    text-align: left;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.comunicados .item{
    margin-bottom: 20px;    
}

.comunicados .item.foto_izquierda{
    flex-direction: row-reverse;
}

.comunicados .item:last-child .col{
    padding-bottom: 0;
}

.comunicados .item .ver_mas{
    display: inline-block;
    box-sizing: border-box;
    float: right;
    margin-right: 0;
	margin-top: 10px;
}

.comunicados .ver_mas_cont{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
}

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

/**/

.tutores_lista{
    width: 100%;
}

.tutores_lista td{
    vertical-align: top;
    padding: 10px 10px;
    border-bottom: solid 1px rgba(0,0,0,.1);
}

.tutores_lista th{
    text-align: center;
    padding: 5px 20px;
    color: #FFF;
    font-size: 1.1em;
    font-weight: 300;
    white-space: nowrap;    
    background: #262524;
}

.tutores_lista tr td:first-child{
    padding-left:0;
}

.tutores_lista tr td:flast-child{
    padding-right:0;
}

.tutores_lista tr td:nth-child(1){
    width: 25%;
}

.tutores_lista .col_cc{
    width: 25%;
}

.tutores_lista .col_li{
    width: 50%;
}

.tutores_lista .list{
    position: relative;
    padding-left: 10px;
}

.tutores_lista .list i{
    position: absolute;
    left: 0;
    top: 7px;
    font-size: .7em;
    color: rgba(0,0,0,.2);
}

.tutores_lista a{
    text-decoration: none;
    color: #262524;
}

.tutores_lista .entidad{
    font-weight: 300;
    color: rgba(0,0,0,.6);
}

.tutores_lista .titulo{
    display: none;
}


/**/
.articulo p:last-child{
    margin-bottom: 0;
}


/**/

.list_box a, .list_box a:hover{
    text-decoration: none;
}

.list_box a i{
    font-size: .8em;
    color: rgba(0,0,0,.3);  
    margin-right: 10px;
}

/**/
.gridContacto{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}

.gridContacto .grid_col{
	flex-grow: 1;
	text-align: left;
}

.gridContacto .formulario .campo{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	
}

.gridContacto .formulario input, .gridContacto .formulario textarea{
	font-family: var(--main-font);
    font-weight: var(--font-regular);
	font-size: 15px;
	border: solid 1px #cdcdcd;
	width: 100%;
	resize: none;
	color:#626262;
	padding: 5px;
	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.formulario .boton_agua{
	float: left;
	margin-top: 0;
	font-size: 17px;
}

.gridContacto .contacto{
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #f2f2f2;
	text-align: justify;	
}

.gridContacto .contacto a{
	text-decoration: none;
	color: unset;
}

.gridContacto .contacto a{
	text-decoration: none;
	color: unset;
}

.gridContacto .sm_bar{
	display: inline-block;
	box-sizing: border-box;
	
	margin: 0 auto;
	margin-top: 10px;
}

.gridContacto .sm_bar .sm_link{
	font-size: 1.2em;
	margin-right: 10px;
	color: #cdcdcd;
}

.warning{
	color: #EF3D52;
	margin-bottom: 5px;
}

.highlight{
	background: rgba(250,106,123,.1);	
}

.grecaptcha-badge { 
    visibility: hidden;
}


/**/
.grid_frases{
	display: flex;
	justify-content:space-between;
}

.grid_frases .grid_col{
	width: 31%;
	border: solid 1px #cdcdcd;
	padding: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.grid_frases .grid_col .icono_box{
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}

.grid_frases .grid_col .icono_box .icono{
	display: inline-block;
	box-sizing: border-box;
	text-align: center;	
}

.grid_frases .grid_col .icono_box .icono span{
	font-size: 50px;
	color: #EF3D52;
}

.grid_frases .grid_col h4{
	text-align: center;
	margin-bottom: 20px;
	font-weight: 700;
	font-family: var(--main-font);
	font-size: 1.8em;
	color: #333333;	
}

.grid_frases .txt{
	text-align: justify;
}

.titulo_big{
	text-align: center;
	font-weight: 700;
	font-family: var(--main-font);
	font-size: 3em;
	color: #333333;
}

.intro_home{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;	
}

.bloque_slogan{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
	margin-top: 20px;
}

.bloque_slogan div{
	color: #6CA394;
	text-align: justify;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.bloque_slogan div img{
	width: 100%;
	
}

.bloque_contenido_inner{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding-top:40px; 
}


/**/

.box_gris{
	background: #f0f4f8;
}

.grid_eventos{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -20px;
	margin-right: 20px;
}

.grid_eventos .grid_col{
	margin: 40px 20px 0 20px;
	width: 30%;
}

.grid_eventos td{
	vertical-align: top;
}

.grid_eventos .fecha{
	width:80px; 
	padding-right: 10px;
}

.grid_eventos .fecha .fecha_ball{
	width:70px; 
	height: 70px;	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00afaa+0,50c9c6+100 */
	background: #00AFAA; /* Old browsers */
	font-family: var(--main-font);
	font-weight: 800;
	color: #FFF;
	text-align: center;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid_eventos .fecha .fecha_ball_inner{
	display: inline-block;
	box-sizing: border-box;
}

.grid_eventos .fecha .fecha_ball .dia{
	font-size: 35px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.grid_eventos .fecha .fecha_ball .mes{
	font-size: 21px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: center;
}

.grid_eventos .hora{
	font-size: .9em;
	color: #909090;
}

.grid_eventos .descripcion{
	margin-top: 10px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	background: rgba(255,255,255,.8);
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.grid_eventos .descripcion a, .grid_eventos .descripcion a:hover, .grid_eventos .descripcion a:active, .grid_eventos .descripcion a:link, .grid_eventos .descripcion a:visited{
	color:#626262;
}

.grid_eventos .descripcion a:hover{
	color:#909090;
}

/**/

.grid_articulo{
	display: flex;
    align-items:flex-start;
}

.grid_articulo .col_menu{
	width: 400px;
	min-width: 400px;
	padding-left:40px;
}

.grid_articulo .col_articulo{
	flex-grow:1;
}

.grid_articulo .col_menu .widget_menu_box{	
	padding: var(--padding-small);
	background: var(--color-3);
}

/**/
.bread_crumbs{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: .5rem 2rem;
	text-align: center;
	background: var(--color-3);
	font-size: .9em;
}

.bread_crumbs{
	color: #BBBBBB;
}

.bread_crumbs a, .bread_crumbs a:hover{
	color: inherit;
	text-decoration: none;
}

.bread_crumbs i{
	font-size: .8em;
	margin-left: 3px;
	margin-right: 3px;
}

.italic{
	font-style: italic;
}

/**/

.barra_logos{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.barra_logos:last-child{
	margin-bottom: 0;
}

.barra_logos .grid_col{
	box-sizing: border-box;
	width: 110px;
	align-items: center;
	justify-content: center;
}

.barra_logos .grid_col .img_box{
	box-sizing: border-box;
	border: solid 1px #C0BBC3;
	width: 110px;
	height: 110px;
	padding: 15px;
	align-items: center;
	display: flex;	
	margin: 0 auto;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.barra_logos .grid_col img{
	width: 100%;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/**/

.tabs_bloque .tabs_box .tabs_item{
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	display: none;
}

.tabs_bloque .tabs_box .tabs_item.activo{	
	display: initial;
}


.tabs_bloque{
	display: inline-block;
	box-sizing: border-box;	
	width: 100%;
	float: left;
}

.tabs_bloque ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: solid 1px #cdcdcd;
  margin-bottom: 20px;
}

.tabs_bloque li {
	padding: 5px 20px;	
	border: solid 1px #FFF;
	border-bottom: solid 1px #cdcdcd;
	margin-bottom: -1px;	
	font-family: var(--main-font);
    font-weight: var(--font-regular);
    font-size: 1.2em;
    color: #6CA394;	
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	cursor: pointer;
}

.tabs_bloque li:hover, .tabs_bloque li.activo:hover{
	color: #74cbb3;	
}

.tabs_bloque li.activo{	
	border: solid 1px #cdcdcd;
	border-bottom: solid 1px #ffffff;	
    color: #6CA394;	
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

/**/



/**/

.boton{
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 10px 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--main-font);
	font-weight: var(--font-semi-bold);
	max-width: max-content;
	width: auto;	
	position: relative;
	text-decoration: none;
	background: var(--color-1);
}

.boton-animado{	
	background: #FFF;
	position: relative;
	overflow: hidden;	
}

.boton-animado .bk{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color-5);
	width: 0;
}

.boton-animado:hover{
	background: var(--color-5);
}

.boton-animado .txt{
	position: relative;
	z-index: 1;
	color:var(--color-1);
}

.boton-animado:hover .txt{
	color:#FFF;	
}

.boton-animado:hover .bk{
	width: 100%;
}

.boton-color-alt .bk, .boton-animado:hover{
	background: var(--color-4);
}

.boton-color-alt .txt{
	color: var(--color-7);
}


/**/

.heading-line {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.heading-line span.small {
  width: 20px;
  height: 4px;
  border-radius: 6px;
  background-color: var(--color-1);
  margin: 0 6px;
}

.heading-line span.length {
  width: 60px;
  height: 4px;
  border-radius: 6px;
  background-color: var(--color-2);
  margin: 0 6px;
}

.txt_center_bar{
	padding: 1rem;
	margin-top: 1rem;
	font-size: 2.5em;
	font-weight: var(--font-bold);
	text-align: center;
	margin-bottom: var(--padding-small);
	color: var(--contrast-2);
}

.tarjetas_servicios{
	display: flex;
	justify-content: space-between;
}

.tarjetas_servicios .tarjeta{
	
	font-size: 1em;
	
	max-width:31%;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: var(--padding-small);
	position: relative;
	overflow: hidden;
}

.tarjetas_servicios .tarjeta .icono{
	position: absolute;
	width: 300px;
	height: 300px;
	right: -20%;
	top:-25%;
	z-index: -1;
	background: rgba(125,125,125,.1);
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 3rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.tarjetas_servicios .tarjeta .icono i{
	line-height: 1em;
	font-size: 180px;
	color: #FFF;
}

.tarjetas_servicios .tarjeta h1{
	font-size: 1.7em;
	font-weight: var(--font-bold);
	color:var(--color-6);
}

.tarjetas_servicios .tarjeta:hover{
	 transform: translate(0,-1rem); /* Equivalente a translateX(10px) */
	 cursor: pointer;	
	 color: #000;
}

.tarjetas_servicios .tarjeta:hover .icono{
	transform: scale(1.2);
}

.tarjetas_servicios .tarjeta:hover h1{
	color: var(--color-4);
}

/**/

.bloque-color{
	background: var(--color-7);
}

/**/
.call-to-action-wide{
	display: flex;
	flex-wrap: wrap;
}

.call-to-action-wide .call_btn{
	text-decoration: none;
	color: #FFF;
	display: flex;
	justify-content: space-around;
	width: 100%;
	flex-wrap: wrap;
	line-height: 1em;
}

.call-to-action-wide .call_btn div{
	width: 100%;
	text-align: center;
}

.call-to-action-wide .call_btn .txt{
	font-weight: var(--font-light);
}

/**/
.formulario-contacto{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.formulario-contacto .form-input-box{
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	margin-bottom: var(--padding-small);
	gap:var(--padding-small);
}

.formulario-contacto .form-input{
	flex-grow: 1;
	text-align: left;
}

.formulario-contacto .form-input .etiqueta{
	
}


.formulario-contacto .form-input input, 
.formulario-contacto .form-input textarea{
	background: none;
	color: var(--color-2);
	border: solid 1px var(--color-2);
	font-size: 1em;
	font-family: var(--main-font);
	border-top: none;
	border-right: none;
	width: 100%;
	outline: none !important;
	padding: 2px 8px; 
}

.formulario-contacto .form-control{	
	color: var(--color-2);
	border: solid 1px var(--color-2);
	font-size: 1em;
	font-family: var(--main-font);	
	border-radius:unset; 
	border-top: none;
	border-right: none;
}

.formulario-contacto .form-control:focus,  .formulario-contacto .form-select:focus{
	box-shadow: none !important;
}


.formulario-contacto .form-input input.is-invalid, .formulario-contacto .form-input textarea.is-invalid, .formulario-contacto .form-control.is-invalid{	
	border: solid 1px var(--color-1);
	border-top: none;
}

.formulario-contacto .warning{
	width: 100%;
	text-align: left;
	margin-bottom: 1rem;
}

/*BLOQUES*/

.titulo-solid{	
	font-size: 2.5em;
	font-family: var(--alt-font);
	font-weight: var(--font-black);
	display:inline-block; 
	margin-bottom: var(--padding-small);
	/*	
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	*/
}

.titulo-solid > span{
	padding: 0 0;
	line-height: 1.5;
}

.titulo-color-1 > span{
	color: #FFF;
	background: var(--color-1);	
	/*
	box-shadow: 
	var(--sombra-in) 0 0 0 var(--color-1),
	var(--sombra-out) 0 0 0 var(--color-1);	
	-webkit-box-shadow: 
	var(--sombra-in) 0 0 0 var(--color-1),
	var(--sombra-out) 0 0 0 var(--color-1);		
	-moz-box-shadow:
	var(--sombra-in) 0 0 0 var(--color-1),
	var(--sombra-out) 0 0 0 var(--color-1);	
	*/
	box-decoration-break: clone;	
	
}

.titulo-color-2 > span{
	color: #FFF;
	background: var(--color-2);
	/*
	box-shadow: 
	var(--sombra-in) 0 0 0 var(--color-2),
	var(--sombra-out) 0 0 0 var(--color-2);	
	-webkit-box-shadow: 
	var(--sombra-in) 0 0 0 var(--color-2),
	var(--sombra-out) 0 0 0 var(--color-2);		
	-moz-box-shadow:
	var(--sombra-in) 0 0 0 var(--color-2),
	var(--sombra-out) 0 0 0 var(--color-2);	
	*/
	box-decoration-break: clone;	
}

.titulo-color-3 > span{
	color: var(--color-1);
	background: #FFF;
}

.titulo-color-4 > span{
	color: var(--color-2);
	background: #FFF;
}

.titulo-solid i{
	visibility: hidden;
}

.titulo-subhead, .articulo h2, .articulo h3, .articulo h4{
	font-family: var(--alt-font);
	font-weight: var(--font-light);
	font-size: 2.5em;
	margin-bottom: var(--padding-small);	
}

h1.titulo-box{
	margin-bottom: 0;
	margin: var(--padding-big) 0;
	text-align: center;
}

h1.titulo-bttom-extra{
	margin: 6rem 0;
}

.palabras-rollover{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-flow: row wrap;
	gap: .5rem 1rem;
	font-size: 1.5em;
	letter-spacing: -2px;
	line-height: .8em;
	font-weight: var(--font-regular);
	margin-bottom: var(--padding-small);
}

.palabras-rollover::after {
  content: "";
  flex: auto;
}

.palabras-rollover div{
	-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;	
	color: var(--color-2);
	letter-spacing: 2px; 
	opacity: 0.1;
}

.extra-bottom{
	padding-bottom: 8rem;
	position: relative;
}

.frase-bottom{
	position: absolute;
	bottom: var(--padding-small);
	right: 0;
	
	display: inline-block;
	box-sizing: border-box;
	float: right;
	line-height: .9em;
	font-size: 4em;
	font-weight: var(--font-bold);
}

/**/
#we_are{
	line-height:1em;
	text-align: left;
	color: #FFF;
	font-size: 3.5em;
	font-family: var(--alt-font);
	font-weight: var(--font-black);
	display: inline-block;
	margin: 0 auto;
}

#we_are span{
	opacity: 0.5;
}


#we_are a{
	color: #FFF;
	text-decoration: none;
}

/*
CAJAS
.palabras-cloud{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;	
}

.palabras-cloud div{
	background: rgba(255,255,255,.8);
	padding: 10px 2px 0px 17px;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: var(--font-semi-bold);
	line-height: 1em;
}
*/

/*
UL
.palabras-cloud ul li{
	text-transform: uppercase;
	line-height: 1.3em;
	font-weight: var(--font-semi-bold)
}
*/

.palabras-cloud{
	display: flex;
	flex-wrap: wrap;
	gap: .3rem 1rem;	
	margin-top: var(--padding-small);
}

.palabras-cloud div{
	font-weight: var(--font-light);
	line-height: 1.4em;
	color: var(--color-cool-gray);
}

.palabras-cloud i{
	margin-right: .4rem;
}


/*FRASCO*/

.imagen_animada{
	position: relative;
	width: 100%;
}

.imagen_animada img{
	width: 100%;	
}

.imagen_animada .img-overlap{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;	
}

.frasco .brillo{	
	animation: flickering 3s linear infinite;
}

/**/

.relojes{
	display: flex;
	justify-content: center;
	gap: 4rem;
	width: 100%;
	margin-bottom: 2rem;
}

.relojes .reloj{
	width:20%;	
}

/**/
.arrow-box{
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 2rem;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;  
  border-top: 30px solid #FFF;
  animation: fadeInDown 1.2s ease-in-out infinite;	
}

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

@keyframes flickering {
  0% {
    opacity:0.1;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1);
  }
  
  2% {
    opacity:1;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1);
  }
  8% {
    opacity:0.1;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1);
  }
  9% {
    opacity:1;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1);
  }
  12% {
    opacity:0.1;
    text-shadow: 0 0 rgba(242, 22, 22, 1);
  }
  20% {
    opacity:1;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1)
  }
  25% {
    opacity:0.3;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1)
  }
  30% {
    opacity:1;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1)
  }
  
  70% {
    opacity:0.7;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1)
  }
  
  72% {
    opacity:0.2;
    text-shadow:0 0 29px rgba(242, 22, 22, 1)
  }
  
  77% {
    opacity:.9;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1)
  }
  100% {
    opacity:.9;
    text-shadow: 0 0 29px rgba(242, 22, 22, 1)
  }
}

/**/

.x2-box, .x3-box{
	display: flex;	
	align-items: center;
	overflow: hidden;
}

.x2-box{
	justify-content: space-between;
}

.x2-box .x2-col{
	max-width: 50%;	
	position: relative;	
	padding: var(--padding-big) 0;
	flex-grow: 1;
}


.x2-box .x2-col:first-child{
	padding-right: var(--padding-big);
}

.x2-box .x2-col:last-child{
	padding-left: var(--padding-big);
}

.x3-box{
	display: flex;
	justify-content: space-between;
}

.x3-box .x3-col{
	display: flex;
	align-self: stretch;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 30%;
}

.x3-box h4{
	text-align: left;
}

.x3-box .x3-col .pic{
	align-self: end;
	text-align: center;
	height: 180px;
}

.x3-box .x3-col div{
	width: 100%;
	text-align: left;
}

.x3-box .x3-col .pic img{
	height: 100%;
	object-fit: contain;
}

.x4-box {
	display: flex;
	justify-content: space-between;
	gap:var(--padding-small);
}

.align-middle{
	align-self: center;
}

.pic-full{
	width: 100%;
}

.no-wrap{
	white-space: nowrap;
}

/**/

.bk-triangulo{
	position: absolute;
	left: 0;
	top: 0;
	width: 45%;
	height: 100%;
	z-index: -1;
}

.bk-triangulo-inverse{
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

.bk-cuadro{
	position: absolute;
	left: 0;
	top: 20%;
	width: 30%;
	z-index: -1;
}

.bk-cuadro-inverse{
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

.bk-solid{
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
}

.bk-solid-inverse{
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

.bk-solid-full-remove{
	display: none;
}

/**/
.logos_clientes{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.logos_clientes .slide-logo{
	width: 100%;
}

.logos_clientes .slide_box{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;	
}

.logos_clientes .slide_box .logo{
	display: flex;
	align-items: center;
	width: 15%;
	justify-content: center;
	padding: 1.5rem 0;
}

.logos_clientes .slide_box .logo img{
	max-height: 100%;
	max-width: 100%;
}

/* SIN MAX HEIGHT
.logos_clientes .slide .logo{
	display: flex;
	align-items: center;
	width: 15%;
	justify-content: center;
}

.logos_clientes .slide .logo img{
	width: 100%;
}
*/

/**/
.logos-varios{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}

.logos-varios .slide-logos-varios{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	height: 100%;
	align-items: center;
	gap: 1.5rem;
}

.slide-logos-varios .logo{
	width: 28%;
}

.slide-logos-varios .logo img{
	width: 100%;
}

/**/

.animate-typing{
	height: 100px;
}

.botones-team{
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 2rem;
	margin-bottom: var(--padding-big);
}

.btn-big{
	display: inline-block;
	box-sizing: border-box;
	background: var(--main-font-color);
	color: #FFF;
	padding: .5rem 1rem;
	text-decoration: none;
	font-weight: var(--font-bold);
	font-size: 1.2em;
	border: none;
	white-space: nowrap;
}

.btn-big:hover, #template-pager .cycle-pager-active{
	color: #FFF;
	background: var(--color-1);
}

.btn-big i{
	margin-left: .5rem;
}

.btn-color-1, .btn-color-1:hover{
	background: var(--color-1);
}

.btn-color-1:hover{
	background: #FFF;
	color: var(--color-1);
}

.btn-color-2, .btn-color-2:hover{
	background: var(--color-2);
}

.btn-color-2:hover{
	background: #FFF;
	color: var(--color-2);
}

.p-med{
	font-size: 1.2em;
	font-weight: var(--font-bold);
}

.remove-padding-bottom{
	padding-bottom: 0 !important;
}

.remove-padding-left{
	padding-left: 0 !important;
}

/**/

.img-box-simple{
	align-self: flex-end;
}

.img-box-simple img{
	width: 100%;
}

.img-bottom{
	display: flex;
	justify-content: space-around;
	align-items: end;
}

.img-bottom .img-box{
	width: 100%;
	max-width: 60%;
	padding: var(--padding-small);
	padding-bottom: 0;
}

.img-bottom .img-box img{
	width: 100%;
}

/**/

.sm_contacto{
	margin-top: var(--padding-small);
}

.sm_contacto .sm_bar{
	display: flex;
	justify-content: flex-start;
	gap: .5rem;	
}

.sm_contacto .sm_bar a{
	color: #FFF;
}

/*PEFRILES*/
.tabs-contenedor, .tabs-box{	
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap:var(--padding-small);
	position: relative;
}

.tabs-contenedor{
	flex-wrap: wrap;
	gap:var(--padding-big); 
}



.titulo-barra{
	display: flex;
	border-left: solid 2rem var(--color-1);
	margin-bottom: var(--padding-small);
}

.tabs-box .titulo-barra{
	width: 250px;
	min-width: 250px;
	margin-bottom: unset;
	
}

.titulo-barra h1, .titulo-barra h2{
	padding: 0;
	margin: 0;
	line-height: 1em;
	margin-top: 2rem;
	padding-left: .5rem;
	display: inline-block;
	float: left;
	position: relative;
	bottom: -.1em;
	font-family: var(--alt-font);	
	font-size: 1.5em;	
	text-align: left;
}

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

.tabs-box .tabs-content{
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1rem;
	margin-right: -1rem;
}

.tabs-box .tabs-content .tabs-item{
	width: calc(33.3% - 1rem);
	position: relative;
	overflow: hidden;
}

.tabs-box .tabs-content .tabs-item img, .tabs-box .tabs-content .tabs-item picture{
	width: 100%;
}

.tabs-item .team-etiqueta{
	position: absolute;
	left:0;
	display: inline-block;	
	background: #FFF;
	padding: .5rem .5rem 0 0;
	width: 100%;
	box-sizing: border-box;
	bottom:-45%;
	z-index: 1;
}

.team-etiqueta .etiqueta-bloque{	
	float: left;
}

.team-etiqueta .cargo{
	width: 100%;
	color: var(--color-2);
	font-size: .8em;
	line-height: 1em;
	margin-top: .5rem;
	/*padding-left: .5rem;*/
	text-decoration: none;
	
	display: none;
}

.team-etiqueta .nombre{
	font-size: .8em;
	margin-bottom:0;
}

.tabs-item:hover .team-etiqueta{
	bottom: 0;
}

.tabs-item img, .articulo-autor .foto img{
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.tabs-item:hover img, .articulo-autor:hover .foto img{
	transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
	
}

/**/
.perfil-box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--padding-big);
}

.perfil-box .perfil-col{
	flex-grow: 1;
}

.perfil-box .foto{
	width: 40%;
	min-width: 40%;
}

.perfil-box .foto img{
	width: 100%;
}

.perfil-box .cargo{
	font-size: 1.3em;
	line-height: 1em;
	margin-top: 1rem;	
	display: none;
}

.perfil-box .areas{
	font-size: .9em;
	margin-top: .5rem;
	color: var(--color-4);
}

.perfil-box .pefil_alt_titulo{
	display: none;
}

.perfil-box .pefil_titulo{
	display: unset;
}

.perfil-box .descripcion{
	margin-top: var(--padding-small);
}

/*CATEGORIA*/

.cat-bloque{
	margin-bottom: var(--padding-big);	
}

.cat-bloque:last-child{
	margin-top: unset;
}

.cat-grid{
	lex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 2rem 1rem;
	margin-right: -1rem;
}

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

.cat-grid .cat-item .thumbnail{
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	float: left;
	border: solid 1px var(--color-2);
	
}

.cat-grid .thumbnail img{
	width: 100%;
	transition: all .2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;	
    
	/*
	filter: grayscale(1);
    -webkit-filter: grayscale(1); /*
	*/	
}

.cat-grid .cat-item .thumbnail:hover img{
	transform: scale(.95,.95);
	-moz-transform: scale(.95,.95);
	-webkit-transform: scale(.95,.95);
	-o-transform: scale(.95,.95);
	-ms-transform: scale(.95,.95);	
	/*
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
	*/
}

.cat-grid .cat-item, .cat-grid .cat-item .thumbnail:hover{
	color: var(--color-2);
	text-decoration: none;	
}

.cat-grid .cat-item .titulo-solid{
	font-size: 1.1em;
	margin-top: 1rem;
}

.cat-grid .descripcion{
	font-size:.8em;
}

.cat-grid .cat-item .descripcion{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	margin-top: 1rem;
	padding-left: 1rem;
	border-left: 3px solid var(--color-1);
}

.cat-grid .cat-item .descripcion h2{
	font-size: 1.1em;	
	display: block;
	color: var(--color-4);	
}

.cat-grid .cat-item .autor{
	color: var(--color-cool-gray);
	font-size: .9em;
}

.cat-grid .cat-item .autor a{
	color: inherit;
	text-decoration: none;
}

.btn-cat-grid{
	margin-top: var(--padding-small);
}

.remove-border{
	border: none !important;
}

/**/
.titulo-icono{
	font-family: var(--alt-font);
	padding-left: 2.5rem;
	display: flex;
	position: relative;
	font-weight: var(--font-bold);
	color: var(--color-4);
	margin-bottom: .5rem;
	font-size: 1.5em;
}

.titulo-icono .icono{
	position: absolute;
	top: -2px;
	left: 0;
	width: 1.5rem;
}

.txt-indent{
	padding-left: 2.5rem;
	margin-bottom: 2rem;
}


.titulo-icono-big{	
	padding-left: 2.5rem;
	display: flex;
	position: relative;
}

.titulo-icono-big .icono{	
	position: absolute;
	left: 0;
	top: 11px;
	width: 30px;
}

.slogan-animado{
	font-family: var(--alt-font);
	font-weight: var(--font-black);
	font-size: 2em;
}

.slogan-animado .subindex{
	font-size: .5em
}
 

/**/
.menu-direccion{
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
}

.menu-direccion .btn-body{
	padding-bottom: 0;
	font-weight: var(--font-light);
	cursor: pointer;
}

.menu-direccion .btn-body.activo{
	font-weight: var(--font-bold);
}

.menu-direccion .btn-body:last-child{
	border: none;
	padding-right: unset;
}

/**/

.img-inline{
	width: 100%;
	display: block;
	text-align: center;
}

.img-inline img{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	margin-top: 1em;
}


@media(max-width:1400px){
    .maxWidth {    
        float: left;
    }
}

@media(max-width:calc(1400px + 2rem)){
	.x2-box .x2-col, .x2-box .x2-col-small{		
		padding: var(--padding-big);
	}
}

.self-end{
	align-self: flex-end !important;
}


.remove-padding{
	padding: 0 !important;
}

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

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

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

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

/**/
.facts-box{
	display: flex;
	justify-content: space-between;
	gap:4rem;
	flex-wrap: wrap;
}

.facts-box .facts-item{
	display: inline-block;
	flex-wrap: wrap;
	width: calc(50% - 2rem);
	justify-content: flex-start;
	color: #FFF;
	text-decoration: none;
	font-style: unset;
	cursor: pointer;
}

.facts-box .facts-item:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
}

.facts-box .facts-item:hover .thumbnail .foto img{
	transform: scale(1.05);
}

.facts-item .thumbnail{
	position: relative;
	width: 100%;	
	background: #FFF;
	padding: 1rem;
	padding-bottom: 0;
	border: solid 1px var(--color-2);
}

.facts-item .thumbnail .foto{
	height: 350px;
	width: 100%;
	overflow: hidden;
}

.facts-item .thumbnail .foto img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;	
}


.facts-item .thumbnail .icono{
	position: absolute;
	top: 2em;
	right: 2em;
	width: 15%;
	z-index: 1;
}

.facts-item .thumbnail .icono img{
	width: 100%;
}

.facts-item .texto p, .facts-item .texto .fact-question, .facts-item .texto .fact-answer{
	padding: 1rem;
	padding-top: 0;
	font-size: .9em;
}

.facts-item .titulo-solid{
	font-size: 1.1em;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.fact-resultado{
	position: absolute;
	z-index: 2;
	font-family: var(--alt-font);
	font-weight: var(--font-bold);
	left:1rem;
	right: 1rem;
	bottom: 0;
	padding: .5rem;
	background: var(--color-4);
	text-align: center;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-html-opacity: 0;
	opacity: 0;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	
}

.fact-revisado .fact-resultado{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
}

.fact-swap.fact-revisado .fact-resultado{
	background: var(--color-2);
}

.fact-answer{
	display: none;
}

.fact-swap.fact-revisado .fact-answer{
	display: flex;
}

.fact-swap.fact-revisado .fact-question{
	display: none;
}

.facts-box .facts-item a{
	color: #FFF;
	text-decoration: underline;
	font-style: italic;
}


/**/
.autor-wrapper{
	display: inline-block;
	box-sizing: border-box;
	padding: 1rem;	
	border: solid 1px var(--color-cool-gray);
	padding-right: 1rem;
}

.articulo-autor{
	display: flex;
	margin-top: var(--padding-big);	
	text-decoration: none;
	color: var(--color-2);
}

.articulo-autor:hover{
	color: var(--color-2);
}

.articulo-autor:hover .autor-wrapper{
	border: solid 1px var(--color-1);
}

.autor-grid{
	display: flex;
	align-items: flex-start;
	gap: 1rem;	
	justify-content: flex-start;	
	font-size: .9em;
	flex: 0 0 auto;  /* fixed width */
	width: 100%;
	max-width: 100%;
}


.autor-grid .titulo-solid{
	font-size: 1.1em;margin-top: 1rem;
	margin: 0;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	display: inline-block;
	box-sizing: border-box;
}

.autor-grid .area{
	color: var(--color-4);
	font-size: .8em;
	text-decoration: none;
}

.autor-grid .resumen{
	color: var(--color-2);
	font-size: .9em;
	text-decoration: none;
	margin-top: 1rem;
}

.autor-grid .foto{
	width: 200px;
	min-width: 200px;
	overflow: hidden;
}

.autor-grid .foto img{
	width: 100%;
}

.autor-grid .autor-col.descripcion{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}


.titulo-solid-no-bk{
	line-height: 1em;
	margin-bottom: 1rem;
}

/**/

.full-screen-wrapper{
	position: relative;
	display: flex;
	margin-top: var(--header-height); 
	height: calc(100vh - var(--header-height));
}

@media(max-width:1280px){
	.menuPrincipal .mpParent,
	.menuPrincipal .mpSingle{
		font-size: .9em;
		padding-top: 1.5rem;
	}
}

@media(max-width:1200px) and (min-width: 700px){
	.slogan-animado{
		height: 4rem;
	}	
}

	.btn-contact{
		font-weight: bold;
		font-size: 14px;
		color: #fff;
		background-color: #ba0c2f;
		padding: 10px 30px;
		border: solid #ba0c2f 2px;
		box-shadow: rgb(0, 0, 0) 0 0 0 0;
		transition : 1000ms;
		transform: translateY(0);
		display: flex;
		flex-direction: row;
		align-items: center;
		cursor: pointer;
		text-decoration: none;
	
	}
	
	.btn-contact:hover{
	
		transition : 1000ms;
		transform : translateY(-0px);
		background-color: #fff;
		color: #BA0C2F;
		border: solid 2px #BA0C2F;
		text-decoration: none;
	
	}
	
	.x3-box .x3-col .contact{
		width: auto;
	    margin-top: 20px;
	}
	.x3-box .x3-col .txt{
		min-height: 360px;
	}