.section-header{position:relative; padding:0; background:linear-gradient(135deg, rgba(21,60,104,1) 0%,rgba(127,243,222,1) 100%); min-height:100vh;  -webkit-transition: 0.4s; transition: 0.4s; overflow:hidden; border-radius: 40px; border: 5px solid #f2f2f2;}
.section-header .caption{

	position:absolute;

	width:60%;

	bottom:5%;

	left:10%;

	color:#fff;	

	opacity:0;

	z-index:2;

}

.section-header .caption .logo{width:25%; margin-bottom:20px;}

.section-header .caption h1{font-size:4vw; font-weight:300; line-height:1; display: flex; flex-direction: column;}

.section-header .caption2{

	position:absolute;	

	bottom:10%;

	right:20%;

	color:#fff;	

	z-index:2;

}

.section-header .caption2 h2{

	font-size:1.5vw;

}

.btn{

	position: relative;

	color:#153c68;

	background: #fff;;

	border:1px solid #fff;

	border-radius:30px;

	padding:3px 25px;

	font-weight: 100;

	font-size:16px;

	margin-top:20px;

	-webkit-transition: 0.5s; transition: 0.5s;

}

.btn:after{

	content:'';

	position:absolute;

	right:-35px;

	top:0;

	width:30px;

	height:30px;

	border-radius:50%;

	border:1px solid #153c68;

	background:url(../img/bt_after.svg) no-repeat center center #7ff3de;

	background-size:40% auto;

}

.btn:hover{	

	background-color:#7ff3de;

	border:1px solid #7ff3de;

	-webkit-transition: 0.5s; transition: 0.5s;

	color:#153c68;

}



.section-header .redes{

	position:absolute;

	bottom:22%;

	left:2%;

	display: flex;

	flex-direction: column;

	z-index:2;

	margin-left:10px;

	display:none;

}

.redes img{

	width:20px;

	height:20px;

	margin:3px 0;

	-webkit-transition: 0.5s; transition: 0.5s;

}

.redes img:hover{

	-webkit-transition: 0.5s; transition: 0.5s;

	width:30px;

	height:30px;

	margin-left:-5px;

}

#myvid{

	position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

	z-index:0;

	filter:grayscale(100%);	

}

.great-place{position:absolute; top:0; right:10%; z-index:2;}

.section-header:after{

	content:'';

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	background: linear-gradient(135deg, rgba(21,60,104,1) 0%,rgba(127,243,222,1) 100%);

	mix-blend-mode: color;

}

#vidbutton{

	z-index: 9;

	position: absolute;

	top: 50%;

	left: 50%;

	width:50px;

	height:50px;

	background:url(../img/play_btn.svg) no-repeat center center rgba(0,0,0,0.2);

	border-radius:50%;

	background-size:contain;

	margin-left:-25px;

	margin-top:-25px;

}

.number{display: flex; line-height: 1.2; flex-direction: column; text-align:center; padding:90px 5%; position: relative;}

.number .icon{z-index:2; line-height:25px; align-self: center; background:#7ff3de; color:#153c68; font-weight:300; border-radius:50%; width:25px; height:25px; text-align:center;}

.number h2{font-weight: bold; color:#153c68; font-size:4vw; margin-top:-20px; margin-bottom:5px;}

.number span{background: #7ff3de;}

.about{padding:80px 10%;}

.about h2{color: #153c68;}

.about .grafico{

	width:100%;

	height:50vh;

	background:url(../img/about1.svg) no-repeat center center;

	background-size:contain;

}

.about .grafico[data-id="1"]{

	background-image: url(../img/about2.svg);

}

.about .grafico[data-id="2"]{

	background-image: url(../img/about3.svg);

}

.about .grafico[data-id="3"]{

	background-image: url(../img/about4.svg);

}



.about .slick-prev::before, .about .slick-next::before{color:#153c68}

.carrusel-about{margin-top:180px;}

.carrusel-about .label{

	color:#153c68;

	position: relative;

	padding-left:20px;

}

.carrusel-about .label:before{

	content:'';

	width:10px;

	height:10px;

	border-radius:50%;

	background:var(--about-highlight-color, #4eadeb);

	position: absolute;

	top: 7px;

	left: 0px;

}

.carrusel-about h3{

	font-weight:300;

	color:#153c68;

}

.carrusel-about h3 span{

	background:#4eadeb;

}

.list-about{

	padding:0 30px;

}





.soluciones{

	padding:0px 10% 160px 10%;

	margin-top:-40px;

}

.soluciones h2{font-weight:300;}

.soluciones h2 span{background:#7ff3de;}

.soluciones .servicios{margin-top:-30px;}

.soluciones .servicios .card{padding:0;margin: 15px 0; color:#153c68; -webkit-transition: 0.4s; transition: 0.4s;}

.soluciones .servicios .card:after{

	content:'';

	position:absolute;

	top:20px;

	right:20px;

	width:30px;

	height:30px;

	border-radius:50%;

	border:1px solid #153c68;

	background:url(../img/bt_after.svg) no-repeat center center #7ff3de;

	background-size:40% auto;

	-webkit-transition: 0.4s; transition: 0.4s;

}

.soluciones .servicios .card:hover:after{top:15px; right:15px;}

.soluciones .servicios .card:hover{background:#f5f5f5; -webkit-transition: 0.4s; transition: 0.4s;}

.soluciones .servicios .card h3{padding:0 30px; font-weight:bold; margin-top:-20px;}

.soluciones .servicios .card .desc{padding:0 30px;}

.soluciones .servicios a{text-decoration:none !important;}



.logo-card{padding:8px 5%; margin-top:10px; background:#153c68; color:#fff; text-align:right; border-radius: 0 0 0.375rem 0.375rem; position:relative;}

.logo-card:after {

	content: '';

	position: absolute;

	left: 5%;

	bottom: 18px;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	border: 1px solid #fff;

	background: url(../img/bt_after_light.svg) no-repeat center center;

	  background-size: auto;

	background-size: 40% auto;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}

.logo-card img{height:50px;}

.logo-card.pi{background:#fbda06;}

.logo-card.wemox{background:#abca3d;}

.partners, .marcas{

	padding:0px 10% 160px 10%;

	margin-top:-40px;

}

.marcas{padding:0px; padding-bottom:180px;}

.partners h2, .marcas h2{font-weight:300;}

.marcas h2{padding:0 10%;}

.partners h2 span, .marcas h2 span{background:#7ff3de;}

.carrusel-content{padding:40px 0; width:90%; margin-left:5%;}

.marcas .carrusel-content{padding:40px 0; width:100%; margin-left:0;}

.marcas .carrusel-content img{width:100%;}

.carrusel-content .card{padding:30px; text-align:center; height:40vh; justify-content: center;}

.marcas .carrusel-content .card{margin:0 10px; height:30vh;}



.casos{

	padding:60px 10%;

	margin-top:-40px;

	background: linear-gradient(135deg, rgba(21,60,104,1) 0%,rgba(127,243,222,1) 100%);

	color:#fff;

	border-radius:50px;

	border:5px solid #fff;

}

.casos h2{font-weight:300; padding-right:20%;}

.casos h2 span{background:#7ff3de; color:#153c68;}

.list-categoria-caso{margin-bottom:20px; position: relative; -webkit-transition: 0.4s; transition: 0.4s;}

.list-categoria-caso:hover{padding-left:5px; -webkit-transition: 0.4s; transition: 0.4s;}

.list-categoria-caso a{color:inherit; text-decoration:none !important;}

.list-categoria-caso:after{

	content:'';

	position:absolute;

	right:0px;

	bottom:0;

	width:30px;

	height:30px;

	border-radius:50%;

	border:1px solid #fff;

	background:url(../img/bt_after_light.svg) no-repeat center center;

	background-size:40% auto;

	-webkit-transition: 0.4s; transition: 0.4s;

}

.list-categoria-caso:hover:after{right:15px; -webkit-transition: 0.4s; transition: 0.4s;}

.list-categoria-caso label{

	position: relative;

	padding-left:15px;

	font-size:12px;

}

.list-categoria-caso label:before{

	content:'';

	width:8px;

	height:8px;

	border-radius:50%;

	background:#7ff3de;

	position: absolute;

	top: 4px;

	left: 0px;

}



.slick-dots li.slick-active button::before {

	color: #fff;

}

.slick-dots li button::before {

	font-size: 12px;

}



@media screen and (min-width: 1440px) {

	

}

@media screen and (max-width:768px) {

	

	.section-header .caption {

		width: 90%;

		left: 5%;

		bottom:40%;

		text-align:center;

	}

	.section-header .caption h1 {

		font-size: 8vw;

		line-height: 8vw;

	}

	

	.section-header .caption2 h2 {

		font-size: 4.5vw;

		text-align:center

	}

	.number{padding:20px 5%;}

	.number h2{font-size:14vw; margin-top: -15px;}

	.about .grafico {width: 100%; height: 20vh;}

	.carrusel-about {

		margin-top: 20px;

	}

	.about{padding: 80px 10% 0 10%;}

	.list-about{padding: 0 15px;}

	.soluciones{transform:none !important; margin-top:60px;}

	.soluciones h2{margin-bottom:50px;}

	.carrusel-content{width:100%; margin-left:0;}

	.great-place {

		position: absolute;

		top: 0;

		right: 20%;

		z-index: 2;

		width: 15%;

	  }

}	

	@media screen and (max-width:600px) {
		
	}

.cedi-home .soluciones,
.cedi-home .soluciones .servicios > .col-md-4,
.cedi-home .partners,
.cedi-home .casos,
.cedi-home .marcas {
	transform: none !important;
}

.cedi-home .about .carrusel-about {
	transform: none !important;
}

.cedi-home .marcas {
	margin-top: 0;
	padding-top: 40px;
}

/* Home block flow: CEDI sections and native Gutenberg blocks must coexist in normal document flow. */
.cedi-home {
	--cedi-home-flow-gap: clamp(48px, 7vw, 96px);
	--cedi-home-native-inline: min(1120px, calc(100% - 40px));
}

.cedi-home > .cedi-layout-section {
	clear: both;
	position: relative;
	z-index: 0;
}

.cedi-home > .soluciones,
.cedi-home > .partners,
.cedi-home > .casos,
.cedi-home > .marcas {
	margin-top: 0;
}

.cedi-home > .soluciones,
.cedi-home > .partners,
.cedi-home > .marcas {
	padding-top: clamp(48px, 6vw, 80px);
}

.cedi-home > :where(
	p,
	ul,
	ol,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	figure,
	blockquote,
	hr,
	.wp-block-table,
	.wp-block-image,
	.wp-block-buttons,
	.wp-block-button,
	.wp-block-separator,
	.wp-block-group,
	.wp-block-columns,
	.wp-block-quote,
	.wp-block-list
):not(.cedi-layout-section) {
	clear: both;
	width: var(--cedi-home-native-inline);
	max-width: var(--cedi-home-native-inline);
	margin: var(--cedi-home-flow-gap) auto;
	position: relative;
	z-index: 1;
}

.cedi-home > .wp-block-table {
	display: block;
	overflow-x: auto;
}

.cedi-home > .wp-block-table table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.cedi-home > .wp-block-table :where(th, td) {
	padding: 0.75rem;
	border: 1px solid rgba(21, 60, 104, 0.22);
}

.cedi-home > .wp-block-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.cedi-home > .wp-block-buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
}

.cedi-home > .wp-block-button {
	text-align: center;
}

.cedi-home > .wp-block-separator {
	border: 0;
	border-top: 1px solid rgba(21, 60, 104, 0.22);
}

.slick-loading .slick-list,
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
	background-image: none !important;
}

@media screen and (max-width:768px) {
	.cedi-home {
		--cedi-home-flow-gap: 40px;
		--cedi-home-native-inline: calc(100% - 32px);
	}

	.cedi-home > .soluciones,
	.cedi-home > .partners,
	.cedi-home > .marcas {
		padding-top: 48px;
	}
}