/*
Theme Name: Child Theme Hello Graphica GR-GRAM
Template: hello-elementor
Author: Graphica Digital Projects
Description: Theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2
Updated: 26-06-23 17:04:05

*/

/**********************/
/**********************/
/*GR-AM*/
/**********************/
/* VARIABLES */
:root{
	--anim-img-duration: 1.8s;
	--anim-title-duration: .7s;

	--scrollbar-width: 8px;
	--scrollbar-track-color: #11223E;
	--scrollbar-thumb-color: #456189;
	--scrollbar-thumb-color-hover: #456189;
}


/* ***************************************** */
/* SCROLLBAR */
/* ***************************************** */
html{
	scroll-behavior: smooth;
}
/* Estilo del contenedor que contendrá el scroll */
* { 
	scrollbar-width: var(--scrollbar-width);
}
/* Estilo de la barra de desplazamiento */
*::-webkit-scrollbar { 
	width: var(--scrollbar-width);
	height: var(--scrollbar-width);
}
/* Estilo del riel de la barra de desplazamiento */
*::-webkit-scrollbar-track {
	background-color: var(--scrollbar-track-color);
}
/* Estilo del pulgar de la barra de desplazamiento */
*::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-thumb-color);
}
/* Estilo del pulgar de la barra de desplazamiento cuando se pasa el ratón por encima */
*::-webkit-scrollbar-thumb:hover {
	background-color: var(--scrollbar-thumb-color-hover);
}

/* ***************************************** */
/* SELECCION */
/* ***************************************** */
::-moz-selection { /* Code for Firefox */
	color: #E0CC8F;
	background: var(--e-global-color-primary);
}
::selection {
	color: #E0CC8F;
	background: var(--e-global-color-primary);
}

/*H1 dos estilos*/
h1 i,
h1 em{
	display: block !important;
	font-size: 20px !important;
	text-transform: uppercase;
	font-family: "Segoe UI";
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 1.2 !important;
}
h1 br{
	display: none !important;
}
/*corte de imagenes*/
.strategies_cards,
.corte .elementor-widget-container{
	position: relative !important;
}
.corteCtn:before,
.strategies_cards:after,
.corte .elementor-widget-container:before{
	content: '' !important;
	position: absolute !important;
	bottom: -1px !important;
	right: -1px !important;
	width: 0 !important;
	height: 0 !important;
	border-style: solid !important;
	border-width: 0 0 78px 78px !important;
	border-color: transparent transparent #1c3154 transparent !important;
	z-index: 9 !important;
}
.corteCtn:before{
	top: inherit !important;
	left: inherit !important;
}
.corteCtn.gris:before,
.corte.gris .elementor-widget-container:before{
	border-width: 0 0 78px 78px !important;
	border-color: transparent transparent #F7FAFF transparent !important;
}
.corteCtn.blanco:before,
.corte.blanco .elementor-widget-container:before{
	border-width: 0 0 78px 78px !important;
	border-color: transparent transparent #fff transparent !important;
}

/*lineas*/
.title_line:after{
	content: "";
	width: 0px;
	height: 1px;
	background: var(--e-global-color-secondary);
	position: absolute;
	top: 50%;
	transition: all 1s linear 0.8s;
	-webkit-transition: all 1s linear 0.8s;
}
.title_line.left:after{
	right: calc(100% + 15px);
}
.title_line.right:after{
	left: calc(100% + 15px);
}
.title_line.top:after{
	top: 35px !important;
}
.title_line.h1.top:after{
	top: 55px !important;
}
.title_line.animated:after{
	width: 2000px;
}
.title_line br{
	display: none !important;
}
@media (max-width: 1024px){

	.title_line.h1.top:after{
		top: 40px !important;
	}
}
@media (max-width: 768px){
	.title_line:after{
		transition: all .8s linear;
		-webkit-transition: all .8s linear 0.6s;
	}
	.title_line.animated:after{
		width: 768px;
	}
	.title_line br{
		display: block !important;
	}
	.title_line.h1.top:after{
		top: 25px !important;
	}
}
@media (max-width:500px){
	.title_line.animated:after{
		width: 400px;
	}
	.title_line.left:after{
		right: inherit;
		left: calc(100% + 15px);
	}
}
/*seccion header*/
.main-header{
	width: 100% !important;
	min-width: 100% !important;
}
.main-header,
.main-header .elementor-widget-image img,
.main-header > .e-con-inner{
	transition: all .3s linear !important;;
}
/**/
.main-header:before{
	min-height: calc(100% + 40px) !important;
	opacity: 1 !important;
}
.main-header.elementor-sticky--effects:before{
	min-height: calc(100% + 0px) !important;
	opacity: 0 !important;
}

.main-header.elementor-sticky--effects{
	background-image: linear-gradient(180deg, #020F22 100%, #04102E00 100%) !important;
}
.main-header.elementor-sticky--effects .elementor-widget-image img{
	max-width: 120px !important;
}
.main-header.elementor-sticky--effects > .e-con-inner{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
/*seccion strategies*/
.strategies_cards_ctn{
	height: 100% !important;
	width:100% !important;
	transition: all .3s linear !important;
}
.strategies_cards *{
	position: relative;
	z-index: 1 !important;
}
.strategies_cards:after{
	border-width: 0 0 48px 48px !important;
	border-color: transparent transparent #182A4A transparent !important;
}
.strategies_cards_ctn:before{
	background: rgba(21, 36, 62, 0.8) !important;
	top: 0px !important;
	left:0px !important;
	position: absolute !important;
	content: '' !important;
	width:100% !important;
	height: 100% !important;
	backdrop-filter: blur(4px) !important;
	z-index:0 !important;
}
.strategies_cards_ctn .elementor-image-box-description{
	opacity: 0 !important;
	transition: all .5s linear !important;
	transition-delay: .3s !important;
}
.strategies_cards:hover .strategies_cards_ctn{
	top: 0px !important;
}
.strategies_cards:hover  .elementor-image-box-description{
	opacity: 1 !important;

}
@media(max-width: 768px){
	.strategies_cards_ctn{
		position: relative !important;
		margin: 0 !important;
		top: 0px !important;
		height: auto !important;
	}
	.strategies_cards_ctn .elementor-image-box-description{
		opacity: 1 !important;
	}
	.strategies_cards_img img{
		height: 200px !important;
	}
	.strategies_cards_ctn:before{
		background: #1B3D64 !important;
	}
}
/*animaciones de texto*/
.anim-title-wrapper .anim__bottom_to_up{
	opacity: 0;
	display: block;
	overflow: hidden;
	padding: 6px 0;
}
.anim-title-wrapper.active .anim__bottom_to_up{
	opacity: 1;
}
.anim-title-wrapper.active .anim__bottom_to_up .elem_to_anim{
	display: block !important;
	opacity: 0;
	animation: bottomToUp .6s ease forwards;
}
.anim-title-wrapper.active .anim__bottom_to_up:nth-child(1) .elem_to_anim{
	animation: bottomToUp 0.8s ease forwards !important;
	animation-delay: 0s !important;
} 
.anim-title-wrapper.active .anim__bottom_to_up:nth-child(2) .elem_to_anim{
	animation-delay: .3s !important;
}
.anim-title-wrapper.active .anim__bottom_to_up:nth-child(3) .elem_to_anim{
	animation-delay: .6s !important;
}
@keyframes bottomToUp{
	from {
		opacity: 1;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}
/*Teams*/
.teams_listing .elementor-widget-image{
	overflow: hidden !important;
}
.teams_listing .teams_listing_icon i{
	font-family: "Font Awesome 5 Brands" !important;
	font-weight: 400 !important;
	font-style: normal !important;
}
.jet-listing-grid__slider-icon.next-arrow,
.jet-listing-grid__slider-icon.prev-arrow{
	height: 94px !important;
	backdrop-filter: blur(8px) !important;
}
.desbordarS .jet-listing-grid .slick-list{
	overflow: inherit !important;
}
.teams-slider:after{
	content: '';
	background: white;
	width: 4000px;
	height: 100%;
	position: absolute;
	top: 0;
	right: calc(100% + 5px);
}

/** Animaciones */

/* Título Animado */
.anim__main-title{
	opacity: 0;
	overflow: hidden;
}

.elementor-editor-active .anim__main-title{
	opacity: 1 !important
}

.anim__main-title.active{
	opacity: 1;
}

.anim__main-title-letter{
	opacity: 0;
	display: inline-block;
	transition: .3s;
	transform: translateY(100%);
	transform-origin: center left;
	animation-fill-mode: forwards !important;
}

.elementor-editor-active .anim__main-title-letter{
	opacity: 1 !important
}

.anim__main-title.active .anim__main-title-letter{
	animation: main-title-letter var(--anim-title-duration);
	animation-fill-mode: forwards !important;
	padding-bottom: 6px;
}
@keyframes anim-slider-cards {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes img-appear-overlay-img{
	0%{
		opacity: 0
	}
	45%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes main-title-letter{
	from{
		transform: translateY(50%);
		opacity: 0;
	}
	to{
		transform: translateY(0);
		opacity: 1;
	}
}

/* FIN ANIMACIONES */

/**********************/
/* NUEVOS ESTILOS 2024 */
/**********************/

/* PRIVATE EQUITY */
.strategy-focus-ctn:before{
	backdrop-filter: blur(8px) !important;
	opacity: 1 !important;
	background-color: #122847ba !important;
}
.strategy-focus-ctn .e-con-inner:before,
.strategy-focus-ctn .e-con-inner:after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-color: #ffffff29;
	border-width: 0px;
	pointer-events: none;
}

.strategy-focus-ctn .e-con-inner:after{
	height: 48%;
	border-width: 0px 0px 1px 0px;
}
.strategy-focus-ctn .e-con-inner:before{
	width: 400px;
	left: calc(50% - 200px);
	border-width: 0px 1px 0px 1px;
}
@media(max-width: 1160px){
	.strategy-focus-ctn .e-con-inner:before{
		width: 350px;
		left: calc(50% - 175px);
	}
}
@media(max-width: 1024px){
	.strategy-focus-ctn .e-con-inner:after{
		top: 33%;
		height: 32%;
		border-width: 1px 0px 1px 0px;
	}
	.strategy-focus-ctn .e-con-inner:before{
		width: 48%;
		left: 0;
		border-width: 0px 1px 0px 0px;
	}
}
@media(max-width: 768px){
	.strategy-focus-ctn .e-con-inner:after,
	.strategy-focus-ctn .e-con-inner:before{
		display: none
	}
	.strategy-focus-ctn {
		overflow: hidden !important;
	} 
	.strategy-focus-ctn .e-con-inner .e-child{
		position: relative !important;
		overflow: initial !important;
	}
	.strategy-focus-ctn .e-con-inner article.e-child:before{
		content: ''  !important;
		position: absolute  !important;
		top: calc(100% + 10px)  !important;
		left: -250px  !important;
		width: 900px  !important;
		height: 1px  !important;
		background: #ffffff29  !important;
		opacity: 1 !important;
		z-index: 2222 !important;
		visibility: visible  !important;
	}
	.strategy-focus-ctn .e-con-inner article.e-child:last-child:before{
		display: none !important;
	}
}
@media(min-width: 768px){
	.scrolleable{
		height: 208px !important;
		overflow: hidden !important;
		overflow-y: auto !important;
	}
}
/* NEWS */

.notasPrensaItem{
	transform: scale(1) !important;
	transition: all .2s linear !important;
}
.notasPrensaItem:hover{
	transform: scale(1.03) !important;
}

/* TEAMS */
.title_line.left.h3{
	padding-left: 45px !important;
}
.title_line.left.h3:after{
	top: 22px !important;
	width: 35px !important;
	left: 0 !important;
}
.teams-listing-ctn{

}
.teams_listing{

}
.realbio-img{
	width: 100% !important;
	max-width: 270px !important;
	cursor: pointer;
}
.teams-listing-img img{
	width: 270px !important;
	height: 298px !important;
	object-fit: cover !important;
	transition: all .3s linear !important;
}
.realbio-img:hover .teams-listing-img img{
	transform: scale(1.1)
}
/* READ BIO */
.team-readBio{
	cursor: pointer;
}
.team-readBio:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	backdrop-filter: blur(8px) !important;
	opacity: 1 !important;
	background-color: #122847ba !important;
	z-index: 0;
}
.team-readBio span{
	z-index: 1 !important;
	position: relative !important;
	width: 90px !important;
	display: block !important;
	text-align: center !important;
}
.team-readBio:after{
	content: '';
	position: absolute;
	right: calc(100% - 15px);
	top: 22px;
	width: 45px;
	height: 1px;
	background: white;
	transition: all .2s linear;
}
.realbio-img:hover .team-readBio:after{
	width: 35px;
	right: calc(100% - 18px);
}

/* Titulo */
.teams-listing-title{
	margin-top: 2px;
	cursor: pointer;
}
.teams-listing-title:after{
	content: '';
	display:block;
	position: relative;
	width: 0px;
	height: 3px;
	margin-top: 2px;
	background: var(--e-global-color-secondary);
	transition: all .2s linear;
}
.teams_listing .teams-listing-title,
.teams_listing .teams-listing-title *{
	transition: all .2s linear;
}
.teams-listing-ctn .jet-listing-grid__item.active .teams-listing-title *,
.teams-listing-title:hover *{
	color: var(--e-global-color-secondary) !important;
}
.fa-linkedin:before{
	content: "\f0cb";
	font-family: 'icomoon' !important;
	speak: never  !important;
	font-style: normal  !important;
	font-weight: normal  !important;
	font-variant: normal  !important;
	text-transform: none  !important;
	line-height: 1  !important;
	-webkit-font-smoothing: antialiased  !important;
}
.teams_listing .fa-linkedin:before{
	font-size: 30px !important;
	color: var(--e-global-color-primary) !important;
}
/* ********** */
/* BIO ACTIVO */
/* ********** */

.teams-listing-ctn .jet-listing-grid__item.active .teams-listing-title:after{
	width: 30px;
}
.portfolio-listing-ctn .jet-listing-grid__item,
.teams-listing-ctn .jet-listing-grid__item{
	transition: all .2s linear !important;
	-webkit-transition: all .2s linear !important;
}
.portfolio-listing-ctn .jet-listing-grid__item:not(.active),
.teams-listing-ctn .jet-listing-grid__item:not(.active){
	margin-bottom: 0px !important;
}
.portfolio-expandible,
.bio-expandible{
	display: block !important;
	background: white !important;
	left: -30px !important;
	width: 100vw !important;
	max-width: 1200px !important;
	top: initial !important;
	position: absolute !important;
	z-index: 22 !important;
	padding: 0 30px !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all .2s linear !important;
	-webkit-transition: all .2s linear !important;
}
.portfolio-expandible{
	border: 1px solid #F0F6FF !important;
	border-radius: 2px !important;
}
.bio-expandible:after{
	content: '' !important;
	display:block !important;
	position: absolute !important;
	width: calc(100% - 60px) !important;
	height: calc(100% - 80px) !important;
	border-top: 1px solid var(--e-global-color-secondary) !important;
	border-bottom: 1px solid var(--e-global-color-secondary) !important;
	z-index: 0 !important;
	top: 40px !important;
	left: 30px !important;
	pointer-events: none !important;
}

.portfolio-listing-ctn .jet-listing-grid__item.active .portfolio-expandible,
.teams-listing-ctn .jet-listing-grid__item.active .bio-expandible{
	opacity: 1 !important;
	visibility: visible !important;
}
.bio-expandible-title{
	padding: 0 0 0px 20px !important;
	margin: 80px 0 20px 0 !important;
	border-left: 4px solid var(--e-global-color-secondary) !important;
}
.bio-expandible-text{
	padding: 0 20px 80px 0 !important;
}
.close-portfolio-ctn,
.close-bio-ctn{
	position: absolute !important;
	background: white !important; 
	padding: 10px !important;
	top: 16px !important;
	right: 30px !important;
	cursor: pointer !important;
	z-index: 1 !important;
}
.close-portfolio-ctn{
	right: 0 !important; 
}
.close-portfolio-ctn{
	background: transparent !important; 
}
.close-portfolio,
.close-bio{
	cursor: pointer !important;
	width: 32px !important;
	height: 32px !important;
	position: relative !important;
}
.close-portfolio:before,
.close-portfolio:after,
.close-bio:before,
.close-bio:after{
	content: '' !important;
	display:block !important;
	position: absolute !important;
	width: 100% !important;
	height: 1px !important;
	top: 12px !important;
	left: 0px !important;
	background: var(--e-global-color-secondary);
	transform: rotate(45deg);
	transform-origin: center !important;
}
.close-portfolio:after,
.close-bio:after{
	transform: rotate(-45deg);
}
.close-portfolio:hover:after,
.close-portfolio:hover:before,
.close-bio:hover:after,
.close-bio:hover:before{
	animation: closeTeam .3s linear 1;
}
@keyframes closeTeam{
	0%{transform: rotate(0deg);}
}

@media (max-width: 1200px){
	.portfolio-expandible,
	.bio-expandible{
		left: 0px;
		width: 100vw !important;
	}
}

@media (max-width: 768px){
	.portfolio-expandible,
	.bio-expandible{
		left: 0px;
	}
}


/**********************/

.linkText a{
	text-decoration: underline !important;
	font-size: inherit !important;
	font-family: inherit !important;
	color: inherit  !important;
}

@media (min-width: 1024px){
	.btnContact-menu{
		margin-left: 20px !important;
		padding-left: 20px !important;
		border-left: 1px solid #ffffff2e  !important;
	}
	.btnContact-menu:before{
		color: var(--e-global-color-secondary) !important;
		content: "\e91e";
		font-family: 'icomoon' !important;
		speak: never  !important;
		font-style: normal  !important;
		font-weight: normal  !important;
		font-variant: normal  !important;
		text-transform: none  !important;
		line-height: 1  !important;
		-webkit-font-smoothing: antialiased  !important;
		font-size: 18px !important;
		padding-top: 4px !important;
	}
}

/**********************/