/*
Theme Name: Child Theme Hello Graphica
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.0
Updated: 20-06-22 17:04:05

*/

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

/* GENERALES */
body::-webkit-scrollbar {
	width: 9px;
}
.p_general p{
	margin-bottom: 10px !important;
}
/*El color del scroll - fondo*/
body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 500px #09378938 !important;
	border-radius: 0px !important;
}
/*El color del scroll - barra mobil*/
body::-webkit-scrollbar-thumb {
	background: #093789 !important;
	border-radius: 0px !important;
}
body:hover::-webkit-scrollbar-thumb{
	background: #0b42a4 !important
}
body {
	scrollbar-color: #a8a8a8 !important;
	scrollbar-width: thin !important;
}

::-moz-selection { /* Code for Firefox */
	color: #fff;
	background: #083e9d;
}

::selection {
	color: #fff;
	background: #083e9d;
}
@media (max-width: 768px){
	.oveflow-mobile{
		overflow: hidden !important;
	}
}
/********************************/

.trama-top-left{
	background-position: calc(100% + 140px) calc(0% - 200px) !important;
}
.trama-bottom-left{
	background-position: calc(100% + 140px) calc(100% + 200px) !important;
}
.trama-megamenu{
	background-position: calc(100% + 140px) calc(0% - 200px) !important;
}

.trama-top-right{
	background-position: calc(-450px + 140px) calc(0% - 200px) !important;
}
@media(max-width: 1024px){
	.trama-top-left{
		background-position: calc(100% + 240px) calc(0% - 200px) !important;
	}
}
@media(max-width: 768px){
	.trama-top-left{
		background-position: calc(100% + 240px) calc(0% - 270px) !important;
	}
}


/* HEADER */
.megamenu{
	position: fixed !important;
	top: 0 !important;
	left: -100% !important;
	height: 100vh !important;
	transition: all .3s linear !important;
	-webkit-transition: all .3s linear !important;
	opacity: 0 !important;
	visibility: hidden !important;
}
.megamenu.active{
	left: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.open-menu-mobile,.close-menu-mobile{
	cursor: pointer !important;
}

/* HEADER STICKY */
#header-sticky,
#header-sticky .e-con-inner{
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
#header-sticky{
	position: absolute;
}
@media(min-width: 768px){
	#header-sticky.stick{
		position: fixed;
		background: #2a2a2af5 !important;
	}
	#header-sticky.stick .e-con-inner{
		padding-top: 10px !important;
	}
}
@media(max-width: 768px){
	.open-menu-mobile{
		position: fixed !important;
		top: 30px
	}
}

/*HEADER IDIOMAS*/
.lang-item a.elementor-item{
	width: 19px !important;
    overflow: hidden !important;
	opacity: 0.8 !important;
}
.lang-item:hover a.elementor-item,
.lang-item.current-lang a.elementor-item{
	opacity: 1 !important;
}

/*Footer*/
@media(max-width: 768px){
	.menu-footer .menu-item a{
		justify-content: center !important;
	}
}

/*Verticales*/

.verticales-card-titulo{
	height: 65px !important;
}
.verticales-card-descripcion{
	height: 65px !important;
}
.verticales-card-descripcion .elementor-widget-container{
	height: auto !important;
}

@media (max-width: 1680px){
	.verticales-card-descripcion .elementor-widget-container{
		max-width: 240px;
	}
	.verticales-card-descripcion p{
		font-size: 15px;
		line-height: 1.4;
	}
}
@media (max-width: 1450px){
	.verticales-card-descripcion .elementor-widget-container{
		max-width: 180px;
	}
	.verticales-card-descripcion{
		height: 60px !important;
	}
}
@media (max-width: 1250px){
	.verticales-card-titulo *{
		font-size: 20px !important;
	}
	.verticales-card-titulo{
		height: 48px !important;
	}
}
@media (max-width: 1150px){
	.verticales-card-descripcion .elementor-widget-container{
		max-width: 100%;
	}
	.verticales-card-descripcion{
		height: 70px !important;
	}
}
@media (max-width: 1024px){
	.verticales-card-titulo,
	.verticales-card-descripcion{
		height: auto !important;
	}
	.verticales-card-descripcion p{
		font-size: 18px !important;
		line-height: 1.6 !important;
	}
	.verticales-card-titulo *{
		font-size: 24px !important;
	}
	.verticales-grid .jet-listing-grid__item:last-child{
		min-width: 100% !important;
	}
}
/* GRUPO ROMERO */
.tooltip *{
	line-height: 1.3 !important;
}
.tooltip{
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	right: calc(100% + 20px) !important;
	pointer-events: none !important;
	opacity: 0 !important;
	transition: all .3s linear !important;
	-webkit-transition: all .3s linear !important;
}
.tooltip:before{
	content: '' !important;
	position: absolute !important;
	left: calc(100% + 10px) !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 0 !important;
	height: 0 !important;
	border-style: solid !important;
	border-width: 7px 0 7px 7px !important;
	border-color: transparent transparent transparent #EBEFF6 !important;
	transition: all .3s linear .2s !important;
	-webkit-transition: all .3s linear .2s !important;
	opacity: 0 !important;
}


.sectores-romero{
	width: auto !important;
}
.empresas-romero-list{
	align-items: flex-start !important;
}

@media (min-width: 1024px){
	.sectores-romero:hover .tooltip{
		opacity: 1 !important;
		right: calc(100% + 10px) !important;
	}
	.sectores-romero:hover .tooltip:before{
		opacity: 1 !important;
	}
}

@media(max-width: 1024px){
	.sectores-romero{
		padding-top: 50px !important;
		padding-bottom: 20px !important;
		width: 100% !important;
	}
	.tooltip{
		opacity: 1 !important;
		top: 8px !important;
		transform: none !important;
		right: inherit !important;
		left: 10px !important;
		width: auto !important;
	}
	.tooltip *{
		font-size: 14px !important;
		color: #AEB7C6 !important;
		background: transparent !important;
		text-align: left !important;
	}
	.tooltip:before{
		opacity: 1 !important;
		left: -10px !important;
		top: 5px !important;
		transform: none !important;
	}
}



/* EXPERTOS */
.img-expertos-mask:after,
.img-expertos-mask:before{
	width: 417px;
	height: 345px;
	background-image: url(/wp-content/uploads/2023/03/mask-expertos-1.png);
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	right: inherit;
	top: inherit;
	bottom: -1px !important;
	content: '';
	z-index: 2;
	pointer-events: none;
}
.img-expertos-mask:after{
	background-image: url(/wp-content/uploads/2023/03/bg-expertos-1.png);
	z-index: -1;
}
.bio_desplegable-ctn:before{
	background-position: calc(0% - 200px) calc(100% + 200px) !important;
}
/**/
/* Cards */

.bio_desplegable-ctn .e-con-inner{
	padding: 50px 60px !important
}
.redes_repiter-icon i{
	font-family: "Font Awesome 5 Brands" !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

@media(min-width: 1024px){
	.bio_desplegable-ctn,
	.bio_desplegable-card{
		transition: all .3s linear !important;
		-webkit-transition: all .3s linear !important;
	}
	.bio_desplegable-ctn{
		position: fixed !important;
		top: 0px !important;
		bottom: 0px !important;
		left: 0px !important;
		right: 0px !important;
		margin: auto !important;
		width: 100% !important;
		height: 100% !important;
		z-index: 100 !important;
		padding: 0px !important;
		opacity: 0 !important;
		visibility: hidden !important;
		background: #ffffffb0 !important;
	}
	.bio_desplegable-ctn .e-con-inner{
		position: absolute !important;
		top: 0px !important;
		bottom: 0px !important;
		left: 0px !important;
		right: 0px !important;
		margin: auto !important;
		width: 100% !important;
		max-width: 680px !important;
		height: 600px !important;
		padding: 60px !important;
		z-index: 9 !important;
		background: linear-gradient(198deg, #595959 0%, var(--e-global-color-secondary ) 100%);;
	}
	.bio_desplegable-card.active .bio_desplegable-ctn{
		opacity: 1 !important;
		visibility: visible !important;
	}
	/*************/

	.hide{
		opacity: 0 !important;
	}
}

@media(max-width: 1450px){
	.bio_desplegable-ctn .elementor-widget-text-editor p{
		font-size: 15px !important;
		line-height: 1.7em !important;
	}
	.bio_desplegable-ctn .e-con-inner{
		padding: 30px 40px !important
	}
}

@media(max-width: 1350px){
	.list_experts_grid .jet-listing-grid__item{
		transform: scale(0.75) !important;
	}
}

/*RESPONSIVE*/
@media(max-width: 1024px){
	.bio_desplegable-ctn{
		position: relative !important;
		right: inherit !important;
		left: inherit !important;
		height: 0px;
		overflow: hidden !important;
	}
	.list_experts_grid .jet-listing-grid__item{
		transform: scale(1) !important;
	}
}

/*************/
/*PORTAFOLIO*/
.portafolio-listado .jet-listing-grid__item{
	overflow: hidden !important;
}
.card_portafolio-text:after {
	background: rgba(0,0,0,.17) !important;
	content: '' !important;
	position: absolute !important;
	top: 0px !important;
	height: 150% !important;
	width: 100% !important;
	left:0 !important;
	pointer-events: none !important;
	z-index: 0 !important;
}
.card_portafolio-text  * {
	z-index: 1 !important;
}



/* ANIMACIONES */

.anim__delay-0{
	animation-delay: 0;
}
.anim__delay-2{
	animation-delay: 200;
}
.anim__delay-4{
	animation-delay: 400;
}
.anim__delay-6{
	animation-delay: 600;
}
.anim__delay-8{
	animation-delay: 800;
}
.anim__delay-10{
	animation-delay: 1000;
}

.anim__img-appear-overlay{
	position: relative;
}
.anim__img-appear-overlay *{
	opacity: 0;
	will-change: opacity;
	animation-fill-mode: forwards;
}
.elementor-editor-active .anim__img-appear-overlay *{
	opacity: 1 !important
}

.anim__img-appear-overlay:after{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #0D2248;
	transform-origin: bottom;
	transform: scaleY(0);
	transition: transform 0.5s;
	will-change: transform;
}

.anim__img-appear-overlay.active *{
	animation: img-appear-overlay-img var(--anim-img-duration);
	animation-fill-mode: forwards;
}

.anim__img-appear-overlay.active:after{
	animation: img-appear-overlay-after var(--anim-img-duration);
}

/* 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%) rotate(15deg);
	transform-origin: center left;
	animation-fill-mode: forwards;
}

.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;
}

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

@keyframes img-appear-overlay-after{
	0%{
		transform: scaleY(0);
		transform-origin: bottom;
	}
	40%{
		transform: scaleY(1);
		transform-origin: bottom;
	}
	60%{
		transform: scaleY(1);
		transform-origin: top;
	}
	100%{
		transform: scaleY(0);
		transform-origin: top;
	}
}

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

/* FIN ANIMACIONES */

/*NOSOTROS*/
.quot-secc:before{
	content: '' !important;
	position: absolute !important;
	top: 30% !important;
	left: 0px !important;
	right: 0px !important;
	height: 80% !important;
	width: 95% !important;
	max-width: 1400px !important;
	margin: 0 auto !important;
	background: #EFEFEF !important;
	z-index: 0 !important;
}
.quot-secc_ctn:before{
	content: '' !important;
	position: absolute !important;
	top: 0% !important;
	left: -15px !important;
	height: 100% !important;
	width: 10px !important;
	background: #093789 !important;
	z-index: 0 !important;
}

/*PAG. PORTAFOLIO*/
.portafolio-listado_cardgrid .card_portafolio-text:after {
	background: url(https://infracorpgr.com/wp-content/uploads/2023/05/linea-tile-1.png), linear-gradient(180deg, #2C4C84 0%, #1C3054 100%) !important;
	background-size: 10px !important;
}
.portafolio-listado_cardgrid .portfolio-card_categoria .elementor-widget-container{
	background: var(--e-global-color-db46489) !important;
}
.portafolio-listado_cardgrid .portfolio-card_categoria .jet-listing-dynamic-field__content{
	color: var(--e-global-color-a8a8ea3) !important;
}
.portafolio-pag_filters .jet-checkboxes-list__item input:checked + div.jet-checkboxes-list__button{
	align-items: center !important;
}
.portafolio-pag_filters .jet-checkboxes-list__item input:checked + div.jet-checkboxes-list__button:before{
	content: '' !important;
	position: relative !important;
	height: 24px !important;
	width: 24px !important;
	background: url(https://infracorpgr.com/wp-content/uploads/2023/05/Check.svg) !important;
	z-index: 0 !important;
	border-radius: 50% !important;
	line-height: 100%;
	vertical-align: middle;
	display: block;
	margin-right: 7px;
}
.portafolio-pag_inputsearch .jet-search-filter__input{
	padding: 15px 0 15px 50px !important;
	background-image: url(https://infracorpgr.com/wp-content/uploads/2023/05/fi-rr-search-alt.svg) !important;
	background-repeat: no-repeat !important;
	background-size: 20px !important;
	background-position: 15px center !important;
}
@media(max-width: 768px){
	.portafolio-pag_filters .jet-checkboxes-list{
		width: 100%;
		padding: 8px !important;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.portafolio-pag_filters .jet-checkboxes-list-wrapper{
		display: flex !important;
		flex-flow: row nowrap !important;
	}
	.portafolio-pag_filters .jet-checkboxes-list__label{
		white-space: nowrap !important;
	}
}

/*PORT INTERNA*/
@media (min-width: 500px){
	.port-interna_anios-experiencia .elementor-counter{
		display: flex !important;
		align-items: center !important;
		flex-flow: row wrap !important;
		gap: 10px !important;
	}
}

/* BLOG */
.post-template-default.single.single-post #header-sticky,
.blog #header-sticky{
	background: var(--e-global-color-primary) !important;
}
.post-template-default.single.single-post #header-sticky .e-con-inner,
.blog #header-sticky .e-con-inner{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
/* BLOG INTERNA*/
.post-anclado-blog .post-card-ancla_related-ctn{
	background: transparent !important;
	padding-bottom: 20px !important;
}
.post-anclado-blog .post-card-ancla_related-img img{
	height: 360px !important;
}
.post-anclado-blog .post-card-ancla_related-title .elementor-widget-container,
.post-anclado-blog .post-card-ancla_related-excert .elementor-widget-container,
.post-anclado-blog .post-card-ancla_related-time .elementor-widget-container{
	padding: 0px !important;
}
.post-anclado-blog .post-card-ancla_related-title .elementor-heading-title{
	font-size: 26px !important;
	color: white !important;
	padding-top: 15px !important;
}
.relacionado-interna-blog-grid .post-card-ancla_related-excert{
	display: none !important;
}
.post-anclado-blog .post-card-ancla_related-time{
	display: none !important;
}

#equipo, #team {
	display: none !important;
}