/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Tema hijo del Hello Elementor
 Author:       STUDIOGENESIS 
 Version:      1.0.1
*/

/* Aquí puedes añadir tus estilos personalizados */
body{
	background-color:#FAFBFE!important;
}
.hero-sg{
	width:calc(100vw - 48px)!important;
	margin:24px 24px 132px 24px;
	border-radius:16px!important;
	overflow:hidden!important;
}

#custom-nav-sg .back-drop {
	backdrop-filter: blur(12px);              
  -webkit-backdrop-filter: blur(12px); 
	box-shadow: 0px 24px 48px 0px rgba(16, 24, 40, 0.18);
	background-color:rgba(255, 255, 255, 0.65);

}
@media(max-width:767px){
	.hero-sg{
		width:100vw!important;
		margin:0!important;
		border-radius:0!important;
	}
}
#custom-nav-sg a{
	position:relative;
	z-index:1
}
#custom-nav-sg a:after{
	content:"";
	height:100%;
	width:40px;
	top:0;
	left:-20px!important;
	border-radius: 4px 0px 0px 4px;
	background: var(--Brand-green-light, #C2EBBB);
	transition:0.3s ease-in-out;
	z-index:-1;
}
#custom-nav-sg .current-menu-item a:after,
#custom-nav-sg a:hover:after{
	left:0!important;
	opacity:1;
}
#footer-custom-sg{
	width:calc(100vw - 48px)!important;
	margin:120px 24px 24px 24px;
	border-radius:16px!important;
	overflow:hidden!important;
	background-color:#ffffff;
}
@media(max-width:767px){
	#footer-custom-sg{
		width:100vw!important;
		margin:0;
		border-radius:0!important;
	}
}

.custom-tabs-control .e-n-tabs-heading{
	justify-content:start!important;
}
.custom-tabs-control button{
	position:relative;
	padding:20px!important;
	display:flex;
	text-align:left;
}
.custom-tabs-control button:after{
	content:"";
	position:absolute;
	width:0;
	height:2px;
	background-color:#C2EBBB;
	left:0;
	top:38px;
	transition:0.3s ease-in-out;
	z-index:0
}

.custom-tabs-control button[aria-selected="true"]:after{
	width:100%;
}
.custom-tabs-control button span.e-n-tab-title-text{
	display:flex;
	flex-direction:column;
	justify-content:left;
	text-align:left;
	align-items:start;
	width:100%;
	z-index:1;
	
}

.custom-tabs-control button span.e-n-tab-title-text span{
	text-align:left;
	position:relative;
	padding:0 10px;
	
}
@media(max-width:767px){
	.custom-tabs-control button{
		padding:4px 20px!important;
	}

	.custom-tabs-control button span.e-n-tab-title-text span{
		padding:0px 10px 0 0;
	}	
	.custom-tabs-control button:after{
		top:24px;
	}
}
.custom-tabs-control button[aria-selected="false"] span.e-n-tab-title-text span:last-of-type{
	display:none;
}
.custom-tabs-control button[aria-selected="true"] span.e-n-tab-title-text span:last-of-type{
	display:block;
}
.custom-tabs-control button[aria-selected="true"] span.e-n-tab-title-text span:first-of-type{
	color:#000;
}
@media(max-width:767px){
	.custom-tabs-control button[aria-selected="false"] {
		padding-left:32px!important
	}
	.custom-tabs-control button[aria-selected="false"]:after{
		width:20px;
		background-color:#667085;
	}
}

.custom-tabs-control button span.e-n-tab-title-text span:first-of-type{
	color: #667085;
	font-family: "Merriweather Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background-color:#FAFBFE;
	
}
.custom-tabs-control button span.e-n-tab-title-text span:last-of-type{
	color: #475467;
	font-family: "Source Sans Pro";
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	line-height: 140%;
}
@media(max-width:991px){
	.custom-tabs-control button{
		padding-left:0!important;
	}
}
.blue-bg-sg{
	width:calc(100vw - 48px)!important;
	margin:24px 24px 132px 24px;
	border-radius:16px!important;
	background-color:#EFF2F8;
}
.green-bg-sg{
	width:calc(100vw - 48px)!important;
	margin: 0 24px;
	background-color:#C2EBBB20;
}
.img-bg-sg{
	width:calc(100vw - 48px)!important;
	margin:120px 24px 120px 24px;
	border-radius:16px!important;
	overflow:hidden!important;
}
@media(max-width:767px){
	.img-bg-sg, .blue-bg-sg, .green-bg-sg{
		width:100vw!important;
		margin:0!important;
		border-radius:0!important;
	}
}

.custom-tabs-control-2 .e-n-tabs-heading{
	gap:24px!important;
	padding:10px 0!important;
}
.custom-tabs-control-2 button span{
	display:none!important;
}
.custom-tabs-control-2 button{
	height:20px!important;
	width:20px!important;
	padding:10px!important;
	border-radius:500px!important;
	background-color:transparent!important;
	outline:1px solid #999!important;
	transition:.3s ease-in-out!important;
	
}
.custom-tabs-control-2 button[aria-selected="true"]{
	background-color:#C2EBBB!important;
	outline:1px solid #C2EBBB!important;
}


.custom-tabs-control-2 .controler-img{
	position:absolute;
	bottom:0;
	left:0;
	width:50%;
	height:100%
}

.custom-tabs-control-2 .controler-img .elementor-widget-image{
	width:80%;
	height:auto;
	position:absolute;
}
.custom-tabs-control-2 .controler-img .elementor-widget-image:first-of-type{
	right:0%;
	bottom:24px;
}
@media(max-width:767px){
	.custom-tabs-control-2 .controler-img{
		position:relative;
		bottom:inherit;
		left:inherit;
		width:100%%;
		height:100%
	}

	.custom-tabs-control-2 .controler-img .elementor-widget-image{
		width:100%;
		height:auto;
		position:relative;
	}
	.custom-tabs-control-2 .controler-img .elementor-widget-image:first-of-type{
		right:inherit;
		bottom:inherit;
	}
}

/*
.custom-tabs-control-2 .controler-img .elementor-widget-image:last-of-type{
	right:0;
	bottom:24px;
}*/

.bg-clients-controler img{
	background-color:#ffffff;
	transition:.5s ease-in-out;
	outline:0px solid transparent!important;
}

.bg-clients-controler img:hover{
	outline:2px solid #E4E7EC!important

}
.bg-clients-controler-mobile{
	display:none;
}
@media(max-width:676px){
	.bg-clients-controler{
		display:none
	}
	.bg-clients-controler-mobile{
		display:block;
		
	}
	.bg-clients-controler-mobile .elementor-widget-image-carousel .swiper-slide {
		padding:8px;
		
	}
	.bg-clients-controler-mobile .elementor-widget-image-carousel .swiper-slide img{
		outline:2px solid #E4E7EC!important;
		background-color:#ffffff!important;
		border-radius:16px!important;
	}
}
.control-partners-img img{
	height:56px;
	width:auto;
}

.custom-btn-sg a{
	position:relative;
}
.custom-btn-sg a:after {
    content: "";
	position:absolute;
    height: 100%;
    width: 60px;
    top: 0;
    left: -20px !important;
    border-radius: 4px 0px 0px 4px;
    background: var(--Brand-green-light, #C2EBBB);
    transition: 0.3s ease-in-out;
    z-index: -1;
}

.blue-bg-sg.no-clip{
	overflow:visible!important;
}

.add-sg-icon-s{
	position:relative;
	height:350px;
	
}
.add-sg-icon-s img{
	z-index:1;
	position:absolute; 
	width:100%;
	height:500px;
	bottom:0;
	left:0;
}

.add-sg-icon-s .elementor-widget-image{
	height:100%
}

.add-sg-icon-s::after{
	content:"";
	position:absolute;
	transform:translate(-50%, 0%);
	top:-70px;
	left:50%;
	height:500px;
	width:100%;
	background-image:url(https://newsitesg.studiogenesis.es/wp-content/uploads/2025/07/Frame-87.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	z-index:0
}

@media(max-width:676px){
	.add-sg-icon-s{
		height:fit-content;
	}
	.add-sg-icon-s::after{
		display:none;	
	}
	.add-sg-icon-s .elementor-widget-image{
		height:fit-content;
	}
	.add-sg-icon-s img{
		position:relative; 
		width:100%;
		height:fit-content;
		bottom:inherit;
		left:inherit;
	}
}

.desktop-team-grid{
	
}
.mobile-team-grid{
	display:none;
}
.mobile-team-grid .swiper-slide figure {
	padding:10px 10px 0 10px;
	margin:0;
	position:relative;
	height:220px;
	overflow:hidden;

}
.mobile-team-grid .swiper-slide figure img{
	height:200px;
	max-width:none;
	max-height:200px;
	width:auto;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%, 0);
}
@media(max-width:676px){
	.desktop-team-grid{
		display:none
	}
	.mobile-team-grid{
		display:flex;
	}
}

.control-team-card{
	position:relative;
	
}
.control-team-card .team-member-figure {
	height:520px;
	border-radius:16px;
	overflow:hidden;
	outline:1px solid #EFF2F8;
	background-color:#ffffff;
	transition:.3s ease-in-out

}
.control-team-card .team-member-figure:hover{
	outline:2px solid #EFF2F8;

}

.control-team-card.left-side .team-member-figure,
.control-team-card.left-side .team-member-figure .elementor-background-slideshow__slide__image,
.control-team-card.right-side .team-member-figure,
.control-team-card.right-side .team-member-figure .elementor-background-slideshow__slide__image{
	height:250px;

}
.control-team-card .team-member-figure .elementor-background-slideshow__slide__image{
	height:520px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center bottom;
	
}
.control-team-card .team-caption{
	width:fit-content;
	position:absolute;
	bottom:24px;
	left:24px
}

.control-team-card.right-side  .team-caption{
	right:24px;
	left:inherit;
}

.custom-map-slider{
	outline:1px solid red!important;
}
@media(max-width:767px){
	.controler-acordion summary{
		align-items:self-start!important
	}
	.controler-acordion summary .e-n-accordion-item-title-icon span{
		margin-top:9px
	}
}

.header-post-custom-sg{
	display:flex;
	flex-direction:column;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:200px 0 72px 0;
	position:relative;
	width:100vw;
} 
.header-post-custom-sg::after{
	content:"";
	top:0;
	left:0;
	position:absolute;
	height:100%;
	width:100%;
	z-index;-1;
	background-color:#00000020;
}


.header-post-custom-sg h1{
	color: #FFF;
	width:100%;
	font-family: "Merriweather Sans";
	font-size: 64px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;

}
.header-post-custom-sg a{
	color: var(--white, #FFF);
	font-family: "Source Sans Pro";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;

	display:flex;
	flex-direction:row;
	justify-content: center;
	align-content:center;
	gap:8px;
	width:fit-content;
	transition:.3s ease-in-out;
}
.header-post-custom-sg a:hover{
	color:#C2EBBB;
}

@media (min-width: 576px) {
    .header-post-custom-sg .controler-head {
		margin:0 auto;
        max-width: 500px;
		position:relative;
		z-index:1;
		width:100%;
    }
}
@media (min-width: 768px) {
    .header-post-custom-sg .controler-head {
        max-width: 600px;
    }
}
@media (min-width: 1200px) {
    .header-post-custom-sg .controler-head {
        max-width: 1140px;
    }
}

main.post.type-post .author-date{
	padding:72px 0 48px 0;
	display:flex;
	flex-direction:column;
	gap:4px;
}
main.post.type-post .author-date .control-dates{
	display:flex;
	flex-direction:row;
	gap:20px;
}

main.post.type-post .author-date strong{
	color: #000;
	font-family: "Merriweather Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
main.post.type-post .author-date p{
	color:  #475467;
	font-family: "Source Sans Pro";
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	margin:0
}

main.post.type-post .author-date hr{
	width: 86px;
	height: 4px;
	background: #C2EBBB;
	opacity:1;
	display:block;
	margin:0;
	border:none
}

main.post.type-post {
	padding:0 0 0 0;
}

main.post.type-post .page-content{
	width:75%;
	border-bottom:1px solid #C2EBBB;
	padding:0 0 48px 0;
}

main.post.type-post  .wp-block-image.size-full{
	margin-top:116px;
	margin-bottom:64px;
}


main.post.type-post  .wp-block-image.size-full figcaption{
	color:#475467;
	font-family: "Source Sans Pro";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

main.post.type-post h2{
	color: #475467;
	font-family: "Source Sans Pro";
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:8px;
	margin-top:20px
}
main.post.type-post ol,
main.post.type-post ul{
	margin:4px 0;
	padding-left:20px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
main.post.type-post ol li,
main.post.type-post ul li,
main.post.type-post p{
	color:#475467;
	font-family: "Source Sans Pro";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
main.post.type-post blockquote{
	margin:72px 0 72px 36px;
	padding:16px 36px;
	border-left:12px solid #47546710
}
main.post.type-post blockquote p{
	color: #111;
	font-family: "Source Sans Pro";
	font-size: 40px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	
		
}


.services-hover-efect{
	position:relative;
}

.services-hover-efect:after{
	position:absolute;
	top:-24px;
	left:-24px;
	width:0%;
	height:calc(100% + 48px);
	content:"";
	background-color:#C2EBBB;
	transition:.3s ease-in-out;
	z-index:-1;
	opacity:0;
		
}

.services-hover-efect:hover::after{
	width:70%;
	opacity:1;
}
@media(max-width:767px){
	.services-hover-efect:after{
		display:none;
	}
}

.services-hover-efect.alternative-hover:after{
	position:absolute;
	top:-24px;
	left:0px;
	height:calc(100% + 48px);
	content:"";
	background-color:transparent;
	outline:2px solid #C2EBBB;
	transition:.3s ease-in-out;
	z-index:-1;
	width:70%;
	opacity:1;	
}


#consultoria-digital,
#desarrollo-proyectos,
#marketing-digital,
#servicios-gestionados{  
	scroll-margin-top: 180px; /* Ajusta según la altura de tu header */
}