*{ 
	-webkit-font-smoothing: antialiased;
	pointer-events: auto; 
	padding: 0;
	margin: 0; 
	word-wrap: break-word; 
	box-sizing:border-box;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  padding: 8px 12px;
  background: #fff;
  font-size: 16px;
  border-radius: 4px;
}

/* Opcional, IE viejo */
select::-ms-expand {
  display: none;
}

img{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	 user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

button, a{
	 user-select: none; 
    -webkit-tap-highlight-color: transparent;
}

button::-moz-focus-inner {
  border: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 62.5rem #FEFEFE inset;
}



/*
img:not([alt]) {
	filter: blur(4px);
}
*/

@-webkit-keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}
@-moz-keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}
@keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}


@-webkit-keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
@-moz-keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
@keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
#broquel,[data-id="broquel"]{ 
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 270000;
	background: url(../images/rolling.svg) center center no-repeat;
	display: none;
	top:0;
	left: 0;
}

:root {
  --base-font-size: 16px; /* Tamaño base de fuente */
}
body {
  font-family: 'Montserrat', sans-serif;
   overflow-x: hidden;
}
html,body {
	margin:0;
	padding:0;
	font-size: var(--base-font-size);
	height:100%;
	background:#FEFEFE;
}


html{
	scroll-behavior: smooth;
	/*scrollbar-gutter: stable;*/
}



.container{
	
	position:relative;
	-webkit-animation: fadein 1s ease-in;
	-moz-animation: fadein 1s ease-in;
	animation: fadein 1s ease-in;
	width:100%;
	transition:all .35s;
	height:100%;
	background:#FEFEFE;
	
}


@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family:'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");

}

.fas{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
 
}
@font-face {
    font-family: 'ABC Diatype';
    src: url('../fonts/ABCDiatype-Light.eot');
    src: url('../fonts/ABCDiatype-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ABCDiatype-Light.woff2') format('woff2'),
        url('../fonts/ABCDiatype-Light.woff') format('woff'),
        url('../fonts/ABCDiatype-Light.ttf') format('truetype'),
        url('../fonts/ABCDiatype-Light.svg#ABCDiatype-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.nav_container{
	width:100%;
	height:123px;
	position:fixed;
	top:0;
	left:0;
	background: none;
	z-index:5000;
}
html {
	scroll-padding-top: 123px;
}
.nav_container.onscroll {
	box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, 0.25);
	background: #1A1F48;
}
nav{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 40px;
}
nav a{
	text-decoration: none;
	color: #FEFEFE;
	transition: all .35s;
	outline:none;
}
nav a:hover, nav a:focus {
	opacity:.6;
}

.idiomas select{
	background:#1E315B;
	border:none;
	font-size: 1rem;
	color: #FEFEFE;
	position:relative;
	padding:0 20px 0 10px;
	margin:0;
	outline:none!important;
	transition: all .35s;
}
.idiomas select:focus{
	opacity:.6;
}
.inneridioma{
	position:relative;
	pointer-events:none;
	transition: all .35s;
	left:-10px;
}
.inneridioma:focus-within{
	opacity:.6;
}
.inneridioma::after{
	content:'';
	width:16px;
	height:16px;
	position:absolute;
	display:block;
	right:0px;
	top:50%;
	transform:translate(0, -50%);
	background:url(../images/down-chevron-svgrepo-com.svg?1) center center no-repeat ;
	background-size:contain;
}

nav a.button {
	color: #16397A;
	background: #80CDF6;
	display: flex;
	align-items: center;
	padding: 10px 15px;
	border-radius: 40px;
}
nav ul {
	display:flex;
	list-style-type: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	color: #FEFEFE;
	height:60px;
	border-radius:30px;
	background: #1E315B;
	gap:40px;
	align-items:center;
	justify-content:flex-start;
	padding:0 35px 0 35px;
}
header{
	width: 100%;
	background: url(../images/bg_header.jpg) center top no-repeat;
	background-size:cover;
	height: auto;
	padding-bottom: 65px;
	border-bottom: 1px solid transparent;
	padding-top: 123px;
}
.logo{
	width:278px;
	height:auto;
}

#nav-menu .cerrar{
	display:none;
	position:absolute;
	top:42px;
	right:2.5rem;
	width:1.4rem;
	height:1.875rem;
	background:none;
	border:none;
	cursor:pointer;
	transition:all .35s;
	outline:none;
}
#nav-menu .cerrar:hover, #nav-menu .cerrar:focus{
	opacity:.6;
}
#nav-menu .cerrar:before{
	content:'';
	background:#FFF;
	height:.07rem;
	width:2rem;
	position:absolute;
	display:block;
	top:50%;
	transform-origin:center;
	transform:translate(-.07rem,-50%) rotate(45deg);
	
}
#nav-menu .cerrar:after{
	content:'';
	background:#FFF;
	height:.07rem;
	width:2rem;
	position:absolute;
	top:50%;
	transform-origin:center;
	transform:translate(-.07rem,-50%) rotate(-45deg);
	display:block;
}
#nav-menu.visiblemenu{
	border-radius:0;
	display:flex;
	align-items: flex-start;
	position:fixed;
	top:0;
	left:0;
	flex-direction:column;
	background:#1A1F48;
	width:100%;
	height:200vh;
	z-index:2000;
	padding:2.5rem;
}
button[aria-controls="nav-menu"]{
	display:none;
	width:1.875rem;
	height:1.3rem;
	flex-direction:column;
	justify-content:space-between;
	border:none;
	background:none;
	outline:none;
	cursor:pointer;
	transition:all .35s;
	position:relative;
	top:5px;
}
button[aria-controls="nav-menu"]:hover,
button[aria-controls="nav-menu"]:focus{
	opacity:.6;
}
button[aria-controls="nav-menu"] span{
	height:.1875rem;
	width:100%;
	background:#fff;
}

@media(max-width:1080px){
	
	nav ul {
		display:none;
	}
	.logo{
		width:200px;
	}
	button[aria-controls="nav-menu"]{
		display:flex;
	}
	#nav-menu .cerrar{
		display:block;
	}
	.idiomas select{
		background:#1A1F48;
	}
	.inneridioma{
		left: 0px;
	}
}


header h1 {
	font-weight: 400;
	color: #FEFEFE;
	font-size: 67px;
	margin: 150px auto 0;
	text-align: center;
	width: 90%;
	line-height:1;
}
header h2 {
	font-weight: 500;
	color: #FEFEFE;
	font-size: 67px;
	margin:20px auto 0;
	text-align: center;
	width: 90%;
	font-style: medium;
	line-height:1;
}
header h2 span {
	font-style: italic;
}
header p {
	width:55%;
	margin: 50px auto 0;
	color: #FEFEFE;
	font-weight: 300;
	font-size: 2rem;
	text-align: center;
}
header p strong {
	font-weight: 600;
}
.btn_abajo {
	display:flex;
	width: -moz-fit-content;
	width: fit-content;
	margin: 150px auto 0;
	font-weight: 400;
	font-size:18px;
	color: #FEFEFE;
	text-decoration: none;
	border:1px solid #FEFEFE;
	gap:10px;
	text-align:center;
	padding:10px 25px;
	border-radius: 30px;
	outline:none;
	transition: all .35s;
}
.btn_abajo:hover, .btn_abajo:focus{
	opacity: .6;
}

@media(max-width:450px){
	header h1 {
		font-size: 35px;
		margin: 50px auto 0;
	}
	header h2 {
		font-size: 35px;
		margin:10px auto 0;
	}
	header p {
		width:90%;
		margin: 50px auto 0;
		font-size: 24px;
	}
	.btn_abajo {
		margin: 50px auto 0;
	}
}
.metricas {
	padding-top:100px;
	width: 100%;
	background: #FEFEFE;
}
.metricas article{
	width:90%;
	margin: 0 auto 0;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	gap: 200px;
}
.metricas article h2 {
	font-weight: 700;
	color: #0C2E6D;
	font-size: 2rem;
	flex:none;
	width:calc(38% - 100px);
}
.metricas article p{
	flex:none;
	width:calc(62% - 100px);
	font-weight: 400;
	font-size: 1rem;
	color:#0C2E6D;
	line-height: 1.4;
	position:relative;
	padding-left:30px;
}
.metricas article p::before {
	content: '';
	width: 2px;
	height: 20px;
	background: #4F46E5;
	position: absolute;
	top: 0;
	left: 0;
}
.carril {
  margin: 100px auto 0;
  width: 90%;
  height:auto;
  overflow: hidden;            /* quita el scroll y actúa como viewport */
  position: relative;
}


@media(max-width:1280px){
	.metricas article{
		
		gap: 30px;
		flex-direction: column;
	}
	
	.metricas article h2 {
		
		width:100%;
	}
	.metricas article p{
		
		width:100%;
		
	}
	.carril {
	  margin: 100px auto 0;
	  width: 90%;
	  height:auto;
	  overflow: hidden;            
	  position: relative;
	}
}


.aleph {
	padding-top:100px;
	width: 100%;
	background: #FEFEFE;
}
.aleph article{
	width:90%;
	margin: 0 auto 0;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	gap: 200px;
}
.aleph article h2 {
	font-weight: 700;
	color: #0C2E6D;
	font-size: 2rem;
	flex:none;
	width:calc(38% - 100px);
}
.aleph article h2 img{
	height:60px;
}
.aleph article p{
	flex:none;
	width:calc(62% - 100px);
	font-weight: 400;
	font-size: 1rem;
	color:#0C2E6D;
	line-height: 1.4;
	position:relative;
	padding-left:30px;
}
.aleph article p::before {
	content: '';
	width: 2px;
	height: 20px;
	background: #4F46E5;
	position: absolute;
	top: 0;
	left: 0;
}
.aleph h3{
	font-family: 'ABC Diatype';
	width:90%;
	margin:70px auto 0;
	text-align:center;
	font-weight:400;
	font-size:30px;
	color:#0C2E6D;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.aleph .bandainner {
	width: 100%;
    display: flex;
	align-items: center;
	justify-content: center;
    gap: 50px;
    min-height: 90px;
	padding: 0 25px;
	margin-top: 0;
	flex-wrap:wrap;
}
.aleph .bandainner img {
    flex: none;
    height: auto;
    width: auto;
	max-height: 30px;
	max-width: 120px;
}



@media(max-width:1280px){
	.aleph article{
		
		gap: 30px;
		flex-direction: column;
	}
	
	.aleph article h2 {
		
		width:100%;
	}
	.aleph article p{
		
		width:100%;
		
	}
	
}

.track {
  display: flex;
  height: 100%;
  transition: transform 0.8s ease; /* suaviza el desplazamiento */
  will-change: transform;
}

.diapo {
  flex: 0 0 auto;              /* cada slide tiene ancho fijo (se asigna desde JS) */
  height: 100%;
}

.diapo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nota_pie {
	margin: 0 auto 0;
	width: 90%;
	font-weight:400;
	font-style:italic;
	font-weight:18px;
	color:#212E50;
}

.global{
	width:100%;
	background: #FEFEFE;
	margin-top: 100px;
	text-align:center;
}
.global h2{
	width:90%;
	margin:0 auto;
	text-align:center;
	font-weight:400;
	font-size:40px;
	color:#0C2E6D;
}
.global h3{
	width:90%;
	margin:0 auto;
	text-align:center;
	font-weight:500;
	font-size:40px;
	color:#0C2E6D;
}
.global img{
	width:150px;
	height:auto;
	margin-top:60px;
}

@media(max-width:700px) {
	.global h2{
		font-size:30px;
	}
	.global h3{
		font-size:30px;
	}
}

@media(max-width:500px) {
	.global h2{
		font-size:25px;
	}
	.global h3{
		font-size:25px;
	}
	.global img{
		width:100px;
	}

}
@media(max-width:450px) {
	.global h2{
		font-size:20px;
	}
	.global h3{
		font-size:20px;
	}
	.global img{
		width:90px;
	}

}

.ventajas {
	width: 100%;
	background: #FEFEFE;
}
.ventajas article{
	width:90%;
	margin: 100px auto 0;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	gap: 200px;
}
.ventajas article h2 {
	font-weight: 700;
	color: #0C2E6D;
	font-size: 2rem;
	flex:none;
	width:calc(38% - 100px);
}
.ventajas article p{
	flex:none;
	width:calc(62% - 100px);
	font-weight: 400;
	font-size: 1rem;
	color:#0C2E6D;
	line-height: 1.4;
	position:relative;
	padding-left:30px;
}
.ventajas article p::before {
	content: '';
	width: 2px;
	height: 20px;
	background: #4F46E5;
	position: absolute;
	top: 0;
	left: 0;
}

@media(max-width:1280px){
	.ventajas article{
		
		gap: 30px;
		flex-direction: column;
	}
	
	.ventajas article h2 {
		
		width:100%;
	}
	.ventajas article p{
		
		width:100%;
		
	}
	
}


.cards{
	width:90%;
	margin: 90px auto 0;
	display: flex;
	justify-content:flex-start;
	gap:60px;
	flex-wrap:wrap;
}
.card{
	flex:none;
	width: calc((100% - 120px) / 3);
	height:400px;
	background: #E6F3FA;
	border-radius:30px;
	padding:45px;
	box-sizing:border-box;
} 
.card img{
	height:60px;
}
.card h4{
	margin-top:150px;
	color: #0C2E6D;
	font-weight:600;
	font-size:30px;
} 

@media(max-width:1112px) {
	
	.cards{
		width:90%;
		margin: 90px auto 0;
		display: flex;
		justify-content:flex-start;
		gap:30px;
		flex-wrap:wrap;
	}
	.card {
		padding:30px;
		width: calc((100% - 60px) / 2);
		height:200px;
	}
	
	.card img{
		height:40px;
	}
	.card h4{
		margin-top:40px;
		font-size:20px;
	}   
}                               

@media(max-width:800px) {
	
	.cards{
		width:90%;
		margin: 90px auto 0;
		display: flex;
		justify-content:flex-start;
		gap:10px;
		flex-wrap:wrap;
	}
	.card {
		padding:30px;
		width: calc((100% - 10px) / 2);
		height:200px;
	}
	
	.card img{
		height:30px;
	}
	.card h4{
		margin-top:40px;
		font-size:16px;
	}   
}

@media(max-width:320px) {
	.card {
		width: 100%;
	}
}

.mapa{
	margin-top:100px;
}
.mapa h2{
	font-family: 'ABC Diatype';
	width:90%;
	margin:0 auto;
	text-align:center;
	font-weight:400;
	font-size:30px;
	color:#0C2E6D;
	text-transform:uppercase;
}
.mapa h3{
	width:90%;
	margin:60px auto 0;
	text-align:center;
	font-weight:400;
	font-size:20px;
	color:#0C2E6D;
}
.mapa h3 strong{
	font-weight:700;
}
.mapa .mapasvg{
	width:90%;
	height:auto;
	margin:70px auto;
	display:block;
}
.mapa .referencias{
	width: 250px;
	max-width: 90%;
	margin:-80px auto 0;
	display:block;
}
.api{
	width:100%;
	background: #212E50;
	margin-top:100px;
	position:relative;
	padding-bottom:70px;
}
.api_content {
	width:90%;
	margin:0 auto;
	display:flex;
	justify-content:flex-start;
	align-items: flex-start;
	padding-top:70px;
	gap:30px;
}
.api_content .cola {
	flex:none;
	width:50%;
	display:flex;
	flex-direction:column;
}
.api_content .colb {
	flex:none;
	width:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: flex-start;
}
.api_content .cola h2{
	font-weight:700;
	color:#FEFEFE;	
	font-size: 40px;
}
.api_content .cola p{
	font-weight:400;
	font-size:20px;
	line-height:26px;
	color:#FEFEFE;
	margin-top:200px;
}
.api_content .cola p strong{
	font-weight:700;
}
.api_content .colb h3{
	font-weight:400;
	color:#CAF0F8;	
	font-size:20px;
	font-family: 'ABC Diatype';
	text-transform:uppercase;
}
.api_content .colb img{
	width:90%;
	margin-top:35px;
}
.api .pavada{
	position:absolute;
	bottom:0;
	left:100px;
}

@media(max-width:1120px){
	.api{
		
		padding-bottom:50px;
	}
	.api .pavada{
		display:none;
	}
	.api_content{
		flex-direction:column;
		padding-top:40px;
		gap:40px;
	}
	
	.api_content .cola {
		width:100%;
	}
	.api_content .colb {
		width:100%;
	}
	.api_content .cola p{
		margin-top:40px;
	}
	.api_content .colb img{
		width:500px;
		max-width:80%;
		margin-top:35px;
	}
}

.flujo{
	width:100%;
	background:#FEFEFE;
}
.flujo_content {
	width:90%;
	padding: 100px 0;
	display:flex;
	margin: 0 auto;
	justify-content:space-between;
}
.flujo_content .cola {
	flex:none;
	width:calc(50% );
}
.flujo_content .colb {
	flex:none;
	width:calc(40%);
}
.flujo_content .cola h2{
	font-weight:700;
	color:#0C2E6D;	
	font-size:40px;
}
.flujo_content .cola p{
	margin-top:200px;
	font-weight:400;
	color:#0C2E6D;	
	font-size:20px;
	line-height:26px;
}
.flujo_content .cola p strong{
	font-weight:700;
}

@media(max-width:1050px){
	.flujo_content{
		flex-direction: column;
		gap:40px;
	}
	.flujo_content .cola{
		width:100%;
	}
	.flujo_content .colb{
		width:100%;
	}
	.flujo_content .cola p{
		margin-top:30px;
	}
}


ul.custom {
  list-style: none; 
  padding-left: 0;
  position:relative;
}
ul.custom::before{
	content: '';
	width:1px;
	height:calc(100% - 20px);
	background: #24CFF4;
	left:0;
	top:10px;
	position:absolute;
	transform:translate(-50%); 
}

ul.custom li {
	position: relative;
	padding-left: 1.5rem;
	font-family: 'ABC Diatype';
	font-size:12px;
	font-weight:300;
	color: #0D347A;
	line-height:110%;
	margin-bottom:60px;
	position:relative;
}
ul.custom li div{
	width: 100%;
	position:relative;
	overflow:hidden;
}
ul.custom li:last-child{
	 margin-bottom:0;
}
ul.custom li a {
	color: #0D347A;
	text-decoration:none;
	outline:none;
	transition: all .35s;
	pointer-events:auto;
}
ul.custom li a:hover, ul.custom li a:focus{
	opacity: .6;
}

ul.custom li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 9px;
	height:9px;
	background-color:#24CFF4; 
	border:2px solid #FEFEFE;
	border-radius: 50%; 
	transform:translate(-50%); 
	box-sizing:border-box; 
}

ul.custom li.selected {
	font-weight:300;
	font-size:30px;
	/*display: none;*/
}
/*
ul.custom li.selected div{
	height: 0;
}
*/
ul.custom li.selected a{
	pointer-events:none;
}
ul.custom li.selected::before{
	width: 18px;
	height:18px;
	border:4px solid #FEFEFE;
	transform:translate(-50%,6px); 
}
ul.custom li.selected .ilus{
	position:absolute; 
	top:0;
	right:0;
	width:120px;
	
}
ul.custom li.selected p{
	margin-top:150px;
	font-family: 'ABC Diatype';
	font-size:18px;
	line-height:26px;
	font-weight:400;
	color: #0C2E6D;
}
@media(max-width:600px){
	ul.custom li.selected .ilus{
		width:100px;
	}
	ul.custom li.selected {
		font-size:20px;
	}
}
@media(max-width:360px){
	ul.custom li.selected .ilus{
		width:80px;
	}
	
}
.banner {
	background: linear-gradient(89.41deg, #111827 0.11%, #16397A 50.76%, #8EC4E6 99.49%);
	min-height: 220px;
	width: 100%;
	box-sizing: border-box;
	display:flex;
	justify-content: center;
	align-items: center;
}
.banner_content {
	flex:none;
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.banner_content .col_a {
	width: 70%;
}
.banner_content .col_a h3 {
	font-weight: 400;
	font-size: 35px;
	line-height: 1;
	color: #FEFEFE;
}
.banner_content .col_a .separador {
	width:50px;
	height: 5px;
	background: #80CDF6;
	margin: 10px 0;
}
.banner_content .col_a h4 {
	font-weight: 400;
	font-size: 30px;
	line-height: 1;
	color: #FEFEFE;
}
.banner_content .col_a h4 strong {
	font-weight: 500;
	display:block;
}
.banner_content .col_b a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 1;
	color: #0C2E6D;
	background: #80CDF6;
	padding: 15px 30px;
	border-radius: 30px;
	border:none;
	cursor: pointer;
	outline: none;
	transition: all .35s;
	text-decoration: none;
}
.banner_content .col_b a:hover, .banner_content .col_b a:focus {
	opacity: .6;
}

@media(max-width:1250px){
	.banner {
		padding:40px 0 70px;
	}
	.banner_content {
		flex-direction:column;
		align-items: center;
		gap:40px;
	}
	.banner_content .col_a {
		width: 100%;
		text-align: center;
	}
	.banner_content .col_b {
		width: 100%;
		text-align: center;
	}
	
	.banner_content .col_a .separador {
		width:50px;
		height: 5px;
		background: #80CDF6;
		margin: 40px auto;
	}
	
}
@media(max-width:800px){
	.banner_content .col_a h3 {
		line-height:1.4;
	}
	.banner_content .col_a h4 {
		line-height:1.4;
	}
}

@media(max-width:359px){
	.banner_content .col_b a {
		font-size: 20px;
	}
}
.sponsoreo {
  width: 100%;
  background: #FEFEFE;
  padding: 70px 0;
}

.sponsoreo .row-b {
  width: 100%;
  overflow: hidden;
  height: 90px;
  position: relative;
}
.sponsoreo .row-b .bandainner {
    display: flex;
	align-items: center;
	justify-content: flex-start;
    gap: 70px;
    flex-shrink: 0;
    height: 90px;
    will-change: transform;
    position:absolute;
    left:0;
    width: max-content; 
    transition: none !important;
	padding: 0 35px;
}
.sponsoreo .row-b img {
    flex: none;
    height: auto;
    width: auto;
	max-height: 40px;
	max-width: 200px;
}
.integrate {
	width: 95%;
	background: #FEFEFE;
	margin: 40px auto;
}
.integrate h2 {
	color: #0C2E6D;
	font-weight: 700;
	font-size: 40px;
	text-indent: 80px;
} 
.integrate_content {
	width: 100%;
	padding: 50px 80px 35px;
	background: #111827;
	border-radius: 20px;
	margin-top: 50px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	
}
.integrate_content h3 {
	margin-top: 50px;
	color: #FEFEFE;
	font-weight: 700;
	font-size: 40px;
}
.integrate_content p {
	margin-top: 30px;
	color: #FEFEFE;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
}
.integrate_content h4 {
	flex:none;
	width: 100%;
	text-align: center;
	margin-top:30px;
	font-family: 'ABC Diatype';
	font-weight:500;
	font-size: 20px;
	line-height: 26px;
	color: #FEFEFE;
}
.integrate_content h4 span {
	color: #80CDF6;
}
.integrate_content .box{
	width:100%;
	display:flex;
	justify-content: space-between;
}
pre {
	color: #fff;
	background: #1F2937;
	margin: 1rem 0;
	overflow-x: auto;
	padding: 3rem;
}
code {
	color: #fff;
	font-family: monospace;
	font-size: .9rem;
}
.integrate_content .col_a {
	
}
.integrate_content .col_b {
	flex: none;
	width: 50%;
	background: #1F2937;
	border-radius: 15px;
	
}
.integrate_content .col_b a{
	flex:none;
	display:flex;
	background: #80CDF6;
	width:calc(100% - 2rem);
	margin: -1rem auto 2rem;
	justify-content: center;
	align-items: center;
	border:none;
	font-weight: 600;
	font-size: 18px;
	padding:10px 0;
	border-radius: 10px;
	color: #FEFEFE;
	font-family: 'Montserrat', sans-serif;
	outline: none;
	transition: all .35s;
	cursor: pointer;
	text-decoration: none;
}
.integrate_content .col_b a:hover, .integrate_content .col_b a:focus {
	opacity: .6;
}


@media(max-width:1200px){
	.integrate_content {
		width: 100%;
		padding: 0 80px 40px;
	}
	.integrate_content h3 {
		margin-top:40px;
	}
	.integrate_content .box{
		flex-direction:column;
		gap:40px;
	}
	.integrate h2 {
		color: #0C2E6D;
		font-weight: 700;
		font-size: 40px;
		text-indent: 0;
		text-align: center;
	} 
	.integrate_content .col_a {
		flex:none;
		width:100%;
	}
	.integrate_content .col_b {
		flex: none;
		width: 100%;
		
	}
	.integrate_content p {
		margin-top:10px;
	}
}
@media(max-width:800px){
	.integrate_content h3 {
		margin-top:40px;
	}
	.integrate_content {
		width: 100%;
		padding: 0 30px 40px;
	}
	pre {
		color: #fff;
		background: #1F2937;
		margin: 1rem 0;
		overflow-x: auto;
		padding: 1rem;
	}
	code {
		color: #fff;
		font-family: monospace;
		font-size: .9rem;
	}
}
@media(max-width:320px){
	code {
		color: #fff;
		font-family: monospace;
		font-size: 12px;
	}
}
.formulario {
	width:80%;
	margin: 0 auto 0;
	background:#fff;
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	color:#0C2E6D;
	padding-top:60px;
	flex-direction:column;
	gap:40px;
}
.formulario a {
	color:#0C2E6D;
	text-decoration: none;
	outline:none;
	transition: all .35s;
}
.formulario a:hover, .formulario a:focus {
	opacity:.6;
}
.formulario .col-a {
	flex:none;
	width: 50%;
	display: flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:20px;
}
.formulario .col-a .cosa{
	flex: none;
	height: 40px;
	width:auto;
	
}
.formulario .col-a h2 {
	font-weight: 400;
	font-style: Regular;
	font-size: 80px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0C2E6D;
}
.formulario .col-b {
	flex:none;
	width:100%;
}
.formulario .col-b form{
	display:flex;
	flex-direction: column;
	gap: 20px;
	padding:80px;
	border-radius:10px;
	box-shadow: 0px 4px 4px 0px #00000040;

}
.formulario .col-b form input::placeholder{
	color: #0C2E6D;
}
.formulario .col-b form textarea::placeholder{
	color: rgba(104, 104, 104, 1);
	font-style: italic;
}
.formulario .col-b form input:not([type="checkbox"]){
	width: 100%;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height:50px;
	letter-spacing: 0%;
	color: #0C2E6D;
	height:50px;
	border:none;
	border-bottom:1px solid #212E50;
	outline: none;
	transition: all .35s;
}
.formulario .col-b form textarea {
	width: 100%;
	font-weight: 400;
	font-size: 18px;
	line-height:1.2;
	letter-spacing: 0%;
	color: #0C2E6D;
	height:170px;
	border-radius:10px;
	border:1px solid #212E50;
	outline: none;
	resize: none;
	padding:20px;
	margin-top:40px;
	transition: all .35s;
}
.extmotivo {
	width: 100%;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height:50px;
	letter-spacing: 0%;
	color: #0C2E6D;
	height:50px;
	border:none;
	border-bottom:1px solid #212E50;
	outline: none;
	transition: all .35s;
	padding:0 0 1px 0;
	position:relative;
	pointer-events:none;
}
.extmotivo:focus-within{
	border-bottom-color: #0C2E6D;
	box-shadow: 0 1px 0 0 #0C2E6D;
}
.extmotivo:after{
	content:'';
	width:16px;
	height:16px;
	position:absolute;
	display:block;
	right:0px;
	top:50%;
	transform:translate(0, -50%);
	background:url(../images/down-chevron.svg?2) center center no-repeat ;
	background-size:contain;
}
.formulario .col-b form select {
	width: 100%;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height:50px;
	letter-spacing: 0%;
	color: #0C2E6D;
	height:50px;
	border:none;
	outline: none;
	transition: all .35s;
	padding:0;
	background:none;
}
.formulario .col-b form input:focus:not([type="checkbox"]) {
	border-bottom-color: #0C2E6D;
	box-shadow: 0 1px 0 0 #0C2E6D;
}

.formulario .col-b form textarea:focus {
	border-color: #0C2E6D;
	/*box-shadow: 0 0 0 3px rgba(12, 46, 109, 0.15);*/
	box-shadow: 0 0px 0px 1.5px #0C2E6D;
}
.formulario .col-b form label {
	font-weight: 400;
	font-style: Regular;
	font-size: 11px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #212E50;
	display: flex;
	justify-content:flex-strt;
	align-items:center;
	margin-top: 30px;
}
#bases{
	color: #212E50;
	outline:none;
	text-decoration:underline;
	outline:none;
	transition: all .35s;
}
.formulario .col-b form input[type="checkbox"]{
	accent-color:#212E50;
	margin-right:.5rem;
	transition: all .35s;
	outline:none;
}
.formulario .col-b form input[type="checkbox"]:focus{
	box-shadow: 0 0px 0px 1.5px rgba(33, 46, 80, .5);
}
.submit{
	flex:none;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color:#0C2E6D;
	display:inline-block;
	border:none;
	padding:10px 40px;
	background:#80CDF6;
	border-radius:80px;
	width:fit-content;
	margin-top: 30px;
	outline:none;
	transition: all 0.35s;
	cursor:pointer;
}
.submit:hover, .submit:focus {
	opacity:.6;
}
.formulario .error{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color: #E63946;
	margin-top:5px;
	display:none;
}

.formulario .onerror .error{
	display:block;
}
@media(max-width:1100px) {
	.formulario {
		width:90%;
		margin:0 auto 0;
		background:#fff;
		display:flex;
		align-items: flex-start;
		justify-content: space-between;
		
		flex-direction:column;
		padding-top:60px;
	}
	.formulario .col-a h2 {
		font-weight: 400;
		font-style: Regular;
		font-size: 80px;
		line-height: 100%;
		letter-spacing: 0%;
		color: #0C2E6D;
		
		font-size: 40px;
	}
	.formulario .col-a {
		flex:none;
		width: 50%;
		display: flex;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
		
		gap:10px;
		width: 100%;
	}
	.formulario .col-b {
		width: 100%;
	}
	.formulario .col-b form{
		display:flex;
		flex-direction: column;
		gap: 20px;
		padding:80px;
		border-radius:10px;
		box-shadow: 0px 4px 4px 0px #00000040;
		
		padding:30px;
	}
	
	.formulario .col-a .cosa{
		flex: none;
		height: 20px;
		width:auto;
		display:inline!important;
	}
}

.contacto {
	width: 100%;
	margin: 150px auto;
}
.contacto_content {
	width:80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.contacto_content .cola {
	flex: none;
	width: calc(50% - .5px);
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.contacto_content .cola h3 {
	font-size:80px;
	font-weight: 400;
	line-height: 1;
	color: #0C2E6D;
}
.contacto_content .cola p {
	margin-top:30px;
	font-size:18px;
	font-weight: 400;
	line-height: 1;
	color: #0C2E6D;
}
.contacto_content .cola a {
	margin-top:30px;
	font-size:16px;
	font-weight: 600;
	line-height: 1;
	color: #0C2E6D;
	border:none;
	background: #80CDF6;
	padding: 10px 30px;
	border-radius: 80px;
	outline: none;
	transition: all .35s;
	cursor: pointer;
	text-decoration: none;
}
.contacto_content .cola a:hover, .contacto_content .cola a:focus {
	opacity:.6;
}
.contacto_content .colb {
	flex: none;
	width: 100%;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items:center;
	gap: 20px;
}
.contacto_content .colb .colbcontent{
	width: -moz-fit-content;
	width: fit-content;
	display:flex;
	justify-content: flex-start;
	align-items:flex-start;
	flex-direction: column;
}

.linklinkedin {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap:60px;
	text-decoration:none;
	outline:none;
	transition: all .35s;
	color: #0C2E6D;
	margin-top:30px;
}
.linklinkedin:hover, .linklinkedin:focus {
	opacity:.6;
}
.contacto_content .colb .colbcontent .cosa{
	width:80px;
}
.linklinkedin span{
	font-weight:400px;
	font-size:50px;
	line-height:1;
}
.linklinkedin .logolinkedin {
	width: 70px;
}

@media(max-width:1300px){
	.contacto_content .cola h3 {
		font-size: 40px;
	}
	.linklinkedin span{
		font-size:30px;
	}
}
@media(max-width:1000px){
	.contacto_content{
		flex-direction: column;
		align-items:center;
		gap:40px;
	}
	.contacto_content .colb {
		border:none;
	}
	.contacto {
		width: 100%;
		margin: 100px auto;
	}
	.contacto_content .cola {
		flex: none;
		width: 100%;
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.contacto_content .colb{
		
		width:100%;
	}
	.contacto_content .colb .colbcontent{
		width:100%;
		display:flex;
		justify-content: center;
		align-items:center;
		flex-direction: row;
	}
	.linklinkedin {
		flex-direction:column;
		align-items:center;
		gap:30px;
	}
	.linklinkedin span{
		font-size:20px;
	}
	.cosa{
		display:none;
	}
	.contacto_content .cola p {
		text-align:center;
	}
	br {display:none;}
	
}
footer {
	width:100%;
	background: #1A1F48;
	padding:60px 0;
}
footer .footer_content{
	width:80%;
	height:100%;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
footer .parteb{
	display:flex;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 100px;
}
footer .col_a {
	display: flex;
	align-items: flex-start;
}
footer .col_a a {
	text-decoration:none;
	outline:none;
	transition: all .35s;
}
footer .col_a a:hover, footer .col_a a:focus {
	opacity: .6;
}
footer .col_a img {
	width: 194px;
}	
footer .col_b {
	flex:none;
	width: calc((100% - 150px) / 3);
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 15px;
}
footer .col_b a{
	color: #FEFEFE;
	font-size:14px;
	font-weight: 400;
	line-height: 30px;
	text-decoration:none;
	outline: none;
	transition: all .35s;
}
footer .col_b a:hover, footer .col_b a:focus {
	color: #80CDF6;
	font-weight: 400;
}
footer .col_c {
	flex:none;
	width: calc((100% - 150px) / 3);
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 15px;
}
footer .col_c h6 {
	color: #FEFEFE;
	font-size:14px;
	font-weight: 400;
	line-height: 30px;
}
footer .col_c img {
	width:30px;
}
footer .col_c a {
	text-decoration:none;
	outline: none;
	transition: all .35s;
}
footer .col_c a:hover, footer .col_c a:focus {
	opacity: .6;
}
footer .col_d {
	flex:none;
	width: calc((100% - 150px) / 3);
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 15px;
}
footer .col_d img {
	max-width: 100px;
}

footer .col_d a {
	text-decoration:none;
	outline: none;
	transition: all .35s;
}
footer .col_d a:hover, footer .col_d a:focus {
	opacity: .6;
}
@media(max-width:1000px){
	footer .footer_content{
		flex-direction: column;
		align-items:center;
		justify-content:flex-start;
		gap:40px;
		width:100%;
	}
	footer .col_a {
		width:100%;
		justify-content:center;
		align-items:flex-start;
	}
	footer .parteb{
		width:70%;
		justify-content:flex-start;
		align-items:center;
		gap:50px;
	}
	footer .col_b {
		flex:none;
		width: calc((100% - 50px) / 3);
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 15px;
	}
	footer .col_c {
		flex:none;
		width: calc((100% - 50px) / 3);
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 15px;
	}
	footer .col_d {
		flex:none;
		width: calc((100% - 50px) / 3);
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 15px;
	}
}
@media(max-width:650px){
	footer .parteb{
		flex-direction:column;
	}
	footer .col_b {
		width:100%;
		flex-direction:row;
		gap:30px;
		flex-wrap:wrap;
		justify-content:center;
	}
	footer .col_c {
		width:100%;
		flex-direction:row;
		gap:30px;
		flex-wrap:wrap;
		justify-content:center;
	}
	footer .col_d {
		width:100%;
		flex-direction:row;
		gap:30px;
		flex-wrap:wrap;
		justify-content:center;
	}
}

.animonload{
	transition: all .6s var(--delay, 0s);
	filter: blur(.125rem);
	opacity: 0;
	transform:translate(0,-3.125rem);
}
.animonload.visible{
	transform:translate(0,0);
	filter: blur(0);
	opacity:1;
}

.delay-1 { --delay: 0.2s; }
.delay-2 { --delay: 0.4s; }
.delay-3 { --delay: 0.6s; }
.delay-4 { --delay: 0.8s; }
.delay-5 { --delay: 1s; }
.delay-6 { --delay: 1.2s; }

.animscroll {
  opacity: 0;
  transform: translateY(3.75rem);
  transition: opacity 0.6s ease var(--delay, 0s), transform 0.6s ease var(--delay, 0s);
  will-change: opacity, transform;
}

.animscroll.visible {
  opacity: 1;
  transform: translateY(0);
}
@media(max-width:768px) {
	.delay-1 { --delay: 0s; }
	.delay-2 { --delay: 0s; }
	.delay-3 { --delay: 0s; }
	.delay-4 { --delay: 0s; }
	.delay-5 { --delay: 0s; }
	.delay-6 { --delay: 0s; }
}

#invisible{
	width:1px;
	height:1px;
	position:absolute;
	top:-10000px;
	opacity:0;
}
#submitBtn:disabled {
	cursor: not-allowed;
}
.typing-dots .dots:after {
				animation: dots 1.5s steps(3) infinite;
				content: "";
				display: inline-block;
				text-align: left;
				width: 1em;
			}

			@keyframes dots {
				0% {
					content: "";
				}

				33% {
					content: ".";
				}

				66% {
					content: "..";
				}

				to {
					content: "...";
				}
			}