@import url('https://fonts.googleapis.com/css?family=Montserrat:300,900|Titillium+Web:400,600,700&display=swap');

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1;}
html,body{width:100%;height:100%;font-family: 'Titillium Web', sans-serif; overscroll-behavior: none;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#121961;z-index:9999;}
#loader2{width:310px;height:132px;position:absolute;left:48%;top:50%;background:url(../imagenes/intro.png) no-repeat center 0;margin-left:-155px;margin-top:-61px;}
*{
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}


*:focus { 
    outline: none; 
} 


.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}

#slide1{text-align:center;width:100%; height:100%;min-height:800px;}
#somos{ width:100%; text-align:center; background:url(../imagenes/fondo2.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; width:100%; min-height:1700px;}
#somosom{ width:100%; text-align:center; background:url(../imagenes/fondo3.jpg) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; width:100%;}
#contacto{ width:100%; text-align:center; background:url(../imagenes/abajo.png) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; width:100%;}
#precontacto{text-align:center;width:100%; background-color:#050647;}

 #secciones{ width:100%; text-align:center; background:url(../imagenes/sec1.jpg) no-repeat 50% 50%  ;background-size:cover; text-align:center; width:100%; }
 
  #seccionesnew{ width:100%; text-align:center; background-color:#061263; text-align:center; width:100%; }
  
  #seccionesnewdos{ width:100%; text-align:center; background:url(../imagenes/fondoom.gif) no-repeat 50% 50% fixed ;background-size:cover; text-align:center; width:100%;}

  
 #registro{text-align:center;width:100%; background-color:#f1f3f4;}
 
#esconde{display:block;height:100%;min-height:700px;}
#esconde2{display: none;}


#lali{ width:100%; height:6px; background-color:#00ffff; top:0; left:0; position:absolute; z-index:999;}

#logo{ width:154px; height:71px; top:42px; left:5%; position:absolute; z-index:999;}

#flotante1{ width:150px; height:253px; top:800px; left:0; position:absolute; z-index:1; opacity:.5;}
#flotante2{ width:228px; height:232px; top:550px; right:0; position:absolute; z-index:1; opacity:.5;}
#flotante3{ width:228px; height:232px; top:1200px; left:70px; position:absolute; z-index:1; opacity:.5;}

#flotante1a{ width:150px; height:253px; top:400px; left:0; position:absolute; z-index:1; opacity:.5;}
#flotante2a{ width:228px; height:232px; top:800px; right:0; position:absolute; z-index:1; opacity:.5;}

#menu{ width:700px; height:46px; top:50px; right:5%; position:absolute; z-index:999;}
#menu2{ display:none;}

.menu-ecosistema-td{position:relative}
.ecosistema-link{cursor:pointer;color:#fff;font-size:18px;font-weight:600;font-family:'Titillium Web',sans-serif;text-decoration:none;position:relative;z-index:30}
.ecosistema-link:hover{color:#00ffff}
.menu-ecosistema-td:hover .ecosistema-link,.menu-ecosistema-td:focus-within .ecosistema-link{color:#00ffff}
.ecosistema-submenu{z-index:20;position:absolute;top:calc(100%);left:0;min-width:320px;background:rgba(5,6,71,0.9);padding:10px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,0.4);display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.menu-ecosistema-td:hover .ecosistema-submenu,.menu-ecosistema-td:focus-within .ecosistema-submenu{opacity:1;transform:translateY(0);pointer-events:auto}
.menu-ecosistema-td::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;pointer-events:auto;background:transparent;z-index:25}
.ecosistema-submenu a{color:#fff;text-decoration:none;padding:8px;border-radius:6px;font-weight:600;font-size:14px;line-height:1.2}
.ecosistema-submenu a .sub-desc{font-weight:400;font-size:12px;color:#ccd}
.ecosistema-submenu a:hover{background:rgba(0,255,255,0.06);color:#00ffff}

#info{POSITION:absolute; width:352px; height:101px;  left:5%;  bottom:10px; z-index:3;}
#flecha{POSITION:absolute; width:30px; height:49px;  right:51%; margin-right:-15px; bottom:10px; z-index:3;}
#redes{POSITION:absolute; width:252px; height:36px;  right:5%;  bottom:10px; z-index:3;}

#sub0{POSITION:absolute; width:606px; height:546px;  right:50%; margin-right:-303px;  top:55%; margin-top:-273px; z-index:4;}
#sub1{POSITION:absolute; width:606px; height:546px;  right:50%; margin-right:-303px;  top:55%; margin-top:-273px; z-index:3;}
#sub2{POSITION:absolute; width:606px; height:546px;  right:50%; margin-right:-303px;  top:55%; margin-top:-273px; z-index:3;}
#sub3{POSITION:absolute; width:606px; height:546px;  right:50%; margin-right:-303px;  top:55%; margin-top:-273px; z-index:3;}

#b1{POSITION:absolute; width:46px; height:46px;  left:95px;  top:150px; background:url(../imagenes/b1.png);  z-index:3; cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-transform: scale(.5);    -ms-transform: scale(.5);     transform: scale(.5);}
#b1:hover{background:url(../imagenes/b2.png);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; -webkit-transform: scale(1);    -ms-transform: scale(1);     transform: scale(1);}

#b2{POSITION:absolute; width:46px; height:46px;  left:266px;  top:51px; z-index:3; background:url(../imagenes/b1.png); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-transform: scale(.5);    -ms-transform: scale(.5);     transform: scale(.5);}
#b2:hover{background:url(../imagenes/b2.png);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; -webkit-transform: scale(1);    -ms-transform: scale(1);     transform: scale(1);}


#b3{POSITION:absolute; width:46px; height:46px;  left:436px;  top:150px; z-index:3; background:url(../imagenes/b1.png); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-transform: scale(.5);    -ms-transform: scale(.5);     transform: scale(.5);}
#b3:hover{background:url(../imagenes/b2.png);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; -webkit-transform: scale(1);    -ms-transform: scale(1);     transform: scale(1);}


#b4{POSITION:absolute; width:46px; height:46px;  left:95px;  top:347px; z-index:3; background:url(../imagenes/b1.png); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-transform: scale(.5);    -ms-transform: scale(.5);     transform: scale(.5);}
#b4:hover{background:url(../imagenes/b2.png);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; -webkit-transform: scale(1);    -ms-transform: scale(1);     transform: scale(1);}


#b5{POSITION:absolute; width:46px; height:46px;  left:436px;  top:347px; z-index:3; background:url(../imagenes/b1.png); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-transform: scale(.5);    -ms-transform: scale(.5);     transform: scale(.5);}
#b5:hover{background:url(../imagenes/b2.png);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; -webkit-transform: scale(1);    -ms-transform: scale(1);     transform: scale(1);}

#b6{POSITION:absolute; width:46px; height:46px;  left:266px;  top:445px; z-index:3; background:url(../imagenes/b1.png); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-transform: scale(.5);    -ms-transform: scale(.5);     transform: scale(.5);}
#b6:hover{background:url(../imagenes/b2.png);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; -webkit-transform: scale(1);    -ms-transform: scale(1);     transform: scale(1);}


#edificio{POSITION:absolute; width:1200px; height:1600px;  right:50%; margin-right:-600px;   z-index:10;}
#edificio1{POSITION:absolute; width:1200px; height:1510px;  right:50%; margin-right:-600px;  top:0; z-index:1;}
#edificio2{POSITION:absolute; width:1200px; height:1510px;  right:50%; margin-right:-600px;  top:0; z-index:2;}
#edificio3{POSITION:absolute; width:1200px; height:1510px;  right:50%; margin-right:-600px;  top:0; z-index:3;}
#edificio4{POSITION:absolute; width:1200px; height:1510px;  right:50%; margin-right:-600px;  top:0; z-index:4;}
#edificio5{POSITION:absolute; width:1200px; height:1510px;  right:50%; margin-right:-600px;  top:0; z-index:5;}
#edificio6{POSITION:absolute; width:1200px; height:1510px;  right:50%; margin-right:-600px;  top:0; z-index:6;}

#textos{POSITION:absolute; width:1200px;   left:50%; margin-left:-600px;  top:50px; z-index:10;}
#textos1{POSITION:absolute; width:550px; text-align:left; left:0;  top:0; z-index:7;}
#textos2{POSITION:absolute; width:456px; text-align:right; right:0;  top:770px; z-index:7;}
#textos3{POSITION:absolute; width:550px; text-align:left; left:0;  top:1300px; z-index:7;}

#edimagen{ display:none;}
#invisible{ display:none;}
.elfondo{ width:100%; height:1700px;}

.smooth{color:#ffffff;font-size:18px; font-weight:600;font-family: 'Titillium Web', sans-serif;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.smooth:hover{color:#00ffff;}

.lemenu{color:#ffffff;font-size:18px; font-weight:600;font-family: 'Titillium Web', sans-serif;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.lemenu:hover{color:#00ffff;}

.texto1{color:#c39660;font-size:22px; font-weight:300;font-family: 'Titillium Web', sans-serif;}
.texto2{color:#ffffff;font-size:20px;line-height:200%; font-weight:300;font-family: 'Playfair Display', serif;}
.texto3{color:#00ffff;font-size:52px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:120%;}
.texto4{color:#ffffff;font-size:52px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:120%;}
.texto4a{color:#ffffff;font-size:52px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:120%;}
.texto5{color:#ffffff;font-size:18px; font-weight:300;font-family: 'Montserrat', sans-serif; line-height:150%;}
.texto6{color:#00ffff;font-size:30px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:120%;}
.texto7{color:#ffffff;font-size:30px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:120%;}
.texto8{color:#00ffff;font-size:14px; font-weight:600;font-family: 'Montserrat', sans-serif; line-height:150%; text-transform:uppercase;}
.texto8a{color:#00ffff;font-size:14px; font-weight:600;font-family: 'Montserrat', sans-serif; line-height:150%; text-transform:uppercase; letter-spacing:-5px;}
.texto9{color:#ffffff;font-size:18px; font-weight:300;font-family: 'Montserrat', sans-serif; line-height:150%;}
.texto9a{color:#00ffff;font-size:18px; font-weight:300;font-family: 'Montserrat', sans-serif; line-height:150%;}
.texto10{color:#ffffff;font-size:12px; font-weight:300;font-family: 'Montserrat', sans-serif; line-height:150%;}
.texto11{color:#ffffff;font-size:28px; font-weight:300;font-family: 'Titillium Web', sans-serif;}
.texto12{color:#ffffff;font-size:15px;line-height:200%; font-weight:300;font-family: 'Montserrat', sans-serif;}
.texto12a{color:#ffffff;font-size:15px;line-height:250%; font-weight:300;font-family: 'Montserrat', sans-serif;}

.texto13{color:#121a61;font-size:26px;line-height:120%; font-weight:600;font-family: 'Titillium Web', sans-serif;}
.texto14{color:#747474;font-size:15px;line-height:200%; font-weight:500;font-family: 'Montserrat', sans-serif;}
.texto15{color:#121a61;font-size:17px; font-weight:600;font-family: 'Titillium Web', sans-serif;}
.texto16{color:#121a61;font-size:15px; font-weight:600;font-family: 'Titillium Web', sans-serif;}
.texto17{color:#ffffff;font-size:15px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:160%;}
.texto17a{color:#ffffff;font-size:19px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:180%;}
.texto18b{color:#00ffff;font-size:18px; font-weight:700;font-family: 'Titillium Web', sans-serif;line-height:160%;}


.texto18{color:#00ffff;font-size:16px; font-weight:700;font-family: 'Titillium Web', sans-serif;line-height:160%;}
.texto18a{color:#ffffff;font-size:17px; font-weight:700;font-family: 'Titillium Web', sans-serif;line-height:160%;}

.texto19{color:#00ffff;font-size:23px; font-weight:700;font-family: 'Titillium Web', sans-serif;line-height:160%;}
.texto20{color:#ffffff;font-size:16px; font-weight:300;font-family: 'Titillium Web', sans-serif;line-height:160%;}
.texto21{color:#ffffff;font-size:50px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:130%;}
.texto22{color:#00ffff;font-size:50px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:130%;}
.texto23{color:#ffffff;font-size:120px; font-weight:900;font-family: 'Montserrat', sans-serif; line-height:100%;}

.texto22a{color:#ffffff;font-size:50px; font-weight:400;font-family: 'Titillium Web', sans-serif;line-height:130%;}
.texto23a{color:#00ffff;font-size:50px; font-weight:400;font-family: 'Titillium Web', sans-serif; line-height:100%;}

#subcon, #subcon1,#subcon2,#subcon3{display:inline-block;vertical-align:top;}
#subcon{width:1200px;vertical-align:middle; text-align:left; }
#subcon1{width:600px;margin-right:-4px; text-align:left;}
#subcon2{width:400px;margin-right:-4px;text-align:center; }
#subcon3{width:200px;margin-right:-4px;text-align:center; }

#contactame, #contactame1,#contactame2,#contactame3{display:inline-block;vertical-align:top;}
#contactame{width:1200px;vertical-align:middle; text-align:left; }
#contactame1{width:100%;margin-right:0px; text-align:left;}
#contactame2{width:28%;margin-right:-4px;text-align:left; }
#contactame3{width:16%;margin-right:-4px;text-align:left; }

#footi, #footi1,#footi2,#footi3,#footi3a{display:inline-block;vertical-align:top;}
#footi{width:90%;vertical-align:middle; text-align:left; }
#footi1{width:30%;margin-right:-4px; text-align:left;}
#footi2{width:10%;margin-right:-4px;text-align:center; }
#footi3{width:60%;margin-right:-4px;text-align:right; }
#footi3a{ display:none; }
#footi2a{ display:none;}

#semos, #semos1, #semos2,#semos0{display:inline-block;vertical-align:top;}
#semos{width:1200px;vertical-align:middle; text-align:left; }
#semos1{width:500px;margin-right:-4px; text-align:left; margin-top:20px;}
#semos2{width:550px;margin-right:-4px; text-align:left; margin-top:0px;}
#semos0{width:200px;margin-right:-4px;text-align:center;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00ffff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #00ffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #00ffff;
}



.forma{text-align:center;HEIGHT:58px;width:90%;border:1; border: solid;border-color:#00ffff; font-size:18PX;color:#00ffff;font-weight:400; background-color:transparent; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px;}

.boton1{background-color:#ffffff;text-align:center;HEIGHT:60px;width:90%;border:0;font-size:18PX;color:#0b0c48;cursor:pointer;border-radius: 36px 36px 36px 36px;-moz-border-radius: 36px 36px 36px 36px;-webkit-border-radius: 36px 36px 36px 36px;}

.forma2{text-align:left;HEIGHT:48px;width:90%;border:1; border:0; font-size:15PX;color:#aaaaaa;font-weight:400; background-color:#f1f3f4; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; padding-left:20px;}

.boton2{background-color:#4abaff;text-align:center;HEIGHT:50px;width:90%;border:0;font-size:15PX;color:#ffffff;cursor:pointer;border-radius: 36px 36px 36px 36px;-moz-border-radius: 36px 36px 36px 36px;-webkit-border-radius: 36px 36px 36px 36px;}

#paramovil{display:none;}

#tituloregis, #tituloregis1{display:inline-block;vertical-align:top;}
#tituloregis{width:1200px;vertical-align:middle; text-align:left; }
#tituloregis1{width:50%;margin-right:-4px; text-align:left;}

#regis, #regis1, #regis2, #regis0{display:inline-block;vertical-align:top;}
#regis{width:1200px;vertical-align:middle; text-align:left; }
#regis1{width:450px;margin-right:-4px; text-align:left; margin-top:120px;}
#regis2{width:680px;margin-right:-4px; text-align:left; margin-top:-150px; text-align:center; -webkit-box-shadow: 0px 4px 25px -1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 25px -1px rgba(0,0,0,0.15); box-shadow: 0px 4px 25px -1px rgba(0,0,0,0.15); background-color:#ffffff;border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -webkit-border-radius: 14px 14px 14px 14px;}
#regis0{width:70px;margin-right:-4px; text-align:left;}

#invisiblenew{ width:100%; height:90px;}

#figura, #figura1, #figura2, #figura1a{display:inline-block;vertical-align:top;}
#figura{width:1200px;vertical-align:middle; text-align:left; margin-top:150px; }
#figura1{width:736px;margin-left:-4px; text-align:left; margin-top:20px;}
#figura2{width:450px; height:229px;  margin-left:-14px; text-align:left; margin-top:225px;}
#figura1a{ display:none;}

#subsecciones, #subsecciones1,#subsecciones2{display:inline-block;vertical-align:top;}
#subsecciones{width:100%;vertical-align:middle; text-align:left; background:url(../imagenes/sec3.jpg) no-repeat 50% 50% ;background-size:cover; z-index:5; }
#subsecciones1{width:50%;margin-right:-4px; text-align:right; background:url(../imagenes/sec2.jpg) no-repeat 50% 50% ;background-size:cover;  }
#subsecciones2{width:50%;margin-right:-4px;text-align:left; background:url(../imagenes/sec3.jpg) no-repeat 50% 50% ;background-size:cover; }

#subino, #subino1,#subino2{display:inline-block;vertical-align:top;}
#subino{width:600px;vertical-align:middle; text-align:left; margin-top:80px; }
#subino1{width:460px;margin-right:-4px; text-align:left;}
#subino2{width:140px;margin-right:-4px;text-align:right;}

#certifica, #certifica1, #certifica2, #certifica3, #certifica0{display:inline-block;vertical-align:top;}
#certifica{width:1200px;vertical-align:middle; text-align:left;  }
#certifica1{width:100%;margin-left:0px; text-align:left;}
#certifica2{width:45%;margin-left:-4px; text-align:justify;}
#certifica3{width:10%;margin-left:-4px; text-align:left;}
#certifica0{width:100%;margin-left:0px; text-align:left; height:3px; background-color:#ffffff; margin-top:-3px;}

#certificasub, #certificasub1, #certificasub2, #certificasub3{display:inline-block;vertical-align:top;}
#certificasub{width:100%;vertical-align:middle; text-align:left; }
#certificasub1{width:20%;margin-left:-4px; text-align:left;}
#certificasub2{width:20%;margin-left:-4px; text-align:center;}
#certificasub3{width:20%;margin-left:-4px; text-align:right;}

.lostesta{ width:100%; height:700px;}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  font-size:20px;
  color:#ffffff;line-height:100px;
}

.hvr-underline-from-center:hover {
 color:#00ffff;	
}
.hvr-underline-from-center:active {
 color:#00ffff;	
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #00ffff;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0; color:#00ffff;
}

#invisibol{ width:100%; height:120px;}

#redes2{ display:none;}


#ahora{ width:100%; text-align:left;}

.finanzas-innov-fut{
  background:rgba(6, 18, 99, 0.5);
  padding:95px 20px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.cards-wrap-fut{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:25px;
  justify-content:center;
  align-items:stretch;
}

.card-fut{
  flex:1 1 320px;
  max-width:380px;
  min-width:260px;
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:22px 20px;
  background: rgba(255,255,255,0.03);
  border:1px solid rgba(0,255,255,0.12);
  border-radius:10px;
  position:relative;
  transition: transform .36s cubic-bezier(.2,.9,.3,1), box-shadow .28s, border-color .28s, opacity .36s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.20);
  backdrop-filter: blur(12px) saturate(1.05);
  -webkit-backdrop-filter: blur(12px) saturate(1.05);
  overflow:visible;
  will-change: transform, opacity;
  opacity:0;                       
  transform: translateY(10px);     
  pointer-events: auto;
}

.card-edge{ display:none !important; }

.card-fut::before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:-2px;
  width:4px;
  border-radius:6px;
  background:linear-gradient(180deg, #b6ffff, #00ffff);
  box-shadow:0 0 14px rgba(0,255,255,0.32), inset 0 0 6px rgba(0,255,255,0.4);
  pointer-events:none;
}

.card-fut.inview{
  opacity:1;
  transform: translateY(0);
}

.card-icon{
  width:62px;
  height:62px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,255,255,0.1);
  box-shadow:inset 0 0 14px rgba(0,255,255,0.08);
  flex-shrink:0;
  transition: transform .32s cubic-bezier(.2,.9,.3,1);
}

.card-content{ flex:1; }

.card-fut:hover,
.card-fut:focus-within{
  transform:translateY(-8px);
  border-color:rgba(0,255,255,0.28);
  box-shadow:0 18px 36px rgba(0,0,0,0.26);
}
.card-fut:hover .card-icon,
.card-fut:focus-within .card-icon{
  transform: translateY(-2px) rotate(-3deg) scale(1.03);
}

.card-fut:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(0,255,255,0.06), 0 18px 36px rgba(0,0,0,0.26);
  border-color:#00ffff;
}

/* Responsive */
@media(max-width:520px){
  .card-fut{
    flex-basis:100%;
    max-width:100%;
    padding:18px;
  }
  .card-icon{
    width:50px;
    height:50px;
  }
  .card-fut::before{ right:0; }
}

.finanzas-innov-fut {
  position: relative;
  overflow: hidden;
}

/* bg video */
.finanzas-innov-fut .bg-video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
  pointer-events:none;
  filter:brightness(1.4) contrast(1);
}

@media screen and (max-width:1210px){
#edificio{ display:none;}

#textos{POSITION:absolute; width:90%;   left:5%; margin-left:0px;  top:50px; z-index:10; display:block;}
#textos1{POSITION:absolute; width:100%; text-align:left; left:0;  top:0; z-index:7;}
#textos2{POSITION:absolute; width:100%; text-align:left; right:0;  top:90px; z-index:7;}
#textos3{POSITION:absolute; width:100%; text-align:left; left:0;  top:210px; z-index:7;}

#edimagen{ display:block;}
#invisible{ display:block;width:100%; height:300px; }
#somos{min-height:1500px;}
.elfondo{ width:100%; height:1500px;}	
	
.texto3,.texto4,.texto6,.texto7{font-size:30px; }
.texto5{font-size:18px;}
.texto8{ display:none;}
.texto8a{display:none;}

#subcon{width:1000px;vertical-align:middle; text-align:left; }
#subcon1{width:400px;margin-right:-4px; text-align:left;}
#subcon2{width:400px;margin-right:-4px;text-align:center; }
#subcon3{width:200px;margin-right:-4px;text-align:center; }

#contactame{width:1000px;vertical-align:middle; text-align:left; }
#contactame1{width:100%;margin-right:0px; text-align:left;}
#contactame2{width:28%;margin-right:-4px;text-align:left; }
#contactame3{width:16%;margin-right:-4px;text-align:left; }

#footi{width:1000px;vertical-align:middle; text-align:center; }
#footi1{width:250px;margin-right:-4px; text-align:left;}
#footi2{width:125px;margin-right:-4px;text-align:center; }
#footi3{width:625px;margin-right:-4px;text-align:right; }
#footi3a{ display:none; }

#semos{width:1000px;vertical-align:middle; text-align:left; }
#semos1{width:450px;margin-right:-4px; text-align:left; margin-top:100px;}
#semos2{width:450px;margin-right:-4px; text-align:left; margin-top:0px;}
#semos0{width:100px;margin-right:-4px;text-align:left; }

#tituloregis{width:1000px;}

#regis{width:1000px;vertical-align:middle; text-align:left; }
#regis1{width:400px;margin-right:-4px; }
#regis2{width:530px;margin-right:-4px;}
#regis0{width:70px;margin-right:-4px;}

#figura{width:100%;vertical-align:middle; text-align:center; margin-top:150px; }
#figura1a{width:100%;margin-left:0px; text-align:left; margin-top:0px; display:inline-block;}
#figura2{width:450px; height:229px; margin-left:3px; text-align:left; margin-top:10px;}
#figura1{ display:none;}


#ahora{ width:100%; text-align:center;}

#subino{width:500px;vertical-align:middle; text-align:left; margin-top:80px; }
#subino1{width:460px;margin-right:-4px; text-align:left;}
#subino2{width:40px;margin-right:-4px;text-align:right;}
}

@media screen and (max-width:1200px){
	#certifica{width:90%;vertical-align:middle; text-align:left;  }
}
	
@media screen and (max-width:1010px){
#subsecciones{width:100%;vertical-align:middle; text-align:left; background:url(../imagenes/sec3.jpg) no-repeat 50% 50% ;background-size:cover; }
#subsecciones1{width:100%;margin-right:0px; text-align:center; background:url(../imagenes/sec2.jpg) no-repeat 50% 50% ;background-size:cover;  }
#subsecciones2{width:100%;margin-right:0px;text-align:center; background:url(../imagenes/sec3.jpg) no-repeat 50% 50% ;background-size:cover; }

#subino{width:90%;vertical-align:middle; text-align:left; margin-top:80px; }
#subino1{width:100%;margin-right:0px; text-align:center;}
#subino2{ display:none;}


#semos{width:90%;vertical-align:middle; text-align:center; }
#semos1, #semos2{width:100%;margin-right:0px; text-align:center; margin-top:0px;}
#semos0{ display:none;}	

#subcon{width:90%;vertical-align:middle; text-align:left; }
#subcon1{width:100%;margin-right:0px; text-align:center;}
#subcon2{width:100%;margin-right:0px;text-align:center; height:90px; }
#subcon3{width:100%;margin-right:0px;text-align:center; }

#contactame{width:90%;vertical-align:middle; text-align:center; }
#contactame1{width:100%;margin-right:0px; text-align:center;}
#contactame2{width:50%;margin-right:-4px;text-align:center; height:90px;}
#contactame3{width:50%;margin-right:-4px;text-align:center;height:90px; }

#footi{width:90%;vertical-align:middle; text-align:center; }
#footi1{width:100%;margin-right:0px; text-align:center; height:90px;}
#footi2{ display:none;}
#footi2a{width:100%;margin-right:0px;text-align:center; height:90px; display:inline-block;}
#footi3{width:100%; max-width:550px;margin-right:-4px;text-align:center; }
#footi3a{ display:none; }

#tituloregis{width:90%;}

#regis{width:90%;vertical-align:middle; text-align:left; }
#regis1{width:100%;margin-right:0px; margin-top:50px; text-align:center; }
#regis2{width:100%;margin-right:0px; text-align:center; }
#regis0{ display:none;}

.forma2{text-align:center;HEIGHT:48px;width:100%;border:1; border:0; font-size:15PX;color:#aaaaaa;font-weight:400; background-color:#f1f3f4; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; padding-left:0px;}


#info{ display:none;}
#flecha{POSITION:absolute; width:30px; height:49px;  left:5%; margin-right:0px; bottom:10px; z-index:3;}
#redes{POSITION:absolute; width:252px; height:36px;  right:5%;  bottom:10px; z-index:3;}
}

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


#textos1{  top:0; ;}
#textos2{  top:120px; }
#textos3{ top:230px; }

#invisible{ height:400px; }
#somos{min-height:1300px;background:url(../imagenes/fondo2.jpg) no-repeat 50% 50% ;}
.elfondo{ width:100%; height:1300px;}



}

@media screen and (max-width:980px){
#certificasub1{width:100%;margin-left:0px; text-align:center;}
#certificasub2{width:100%;margin-left:0px; text-align:center;}
#certificasub3{width:100%;margin-left:0px; text-align:center;}
#certifica0{ display:none;}

.hvr-underline-from-center {
line-height:40px;
}

}

@media screen and (max-width:940px){
#certificasub1{width:100%;margin-left:0px; text-align:center;}
#certificasub2{width:100%;margin-left:0px; text-align:center;}
#certificasub3{width:100%;margin-left:0px; text-align:center;}

.texto23{font-size:60px;}

#invisibol{ width:100%; height:0px;}
.lostesta{ width:100%; height:900px;}

.hvr-underline-from-center {
line-height:40px;
}

#menu2{ width:400px; height:46px; top:130px; right:50%; margin-right:-200px; position:absolute; z-index:999; display:block;}
#menu{ display:none;}

#logo{ width:154px; height:71px; top:42px; left:50%; margin-left:-77px; position:absolute; z-index:999;}

#contactame2{width:100%;margin-right:0px;text-align:center; height:90px;}
#contactame3{width:100%;margin-right:0px;text-align:center;height:90px; }

#sub0{top:58%;}
#sub1{top:58%; }
#sub2{top:58%;}
#sub3{top:58%; }

#slide1{text-align:center;width:100%; height:100%;min-height:800px;}

#textos1{text-align:center; left:0;}
#textos2{text-align:center;}
#textos3{text-align:center; }



}

@media screen and (max-width:800px){
#textos1{  top:0; ;}
#textos2{  top:150px; }
#textos3{ top:260px; }

#invisible{ height:550px; }

#certifica2{width:100%;margin-left:0px; }
#certifica3{ display:none;}

.texto21{font-size:40px; }
.texto22{font-size:40px;}




#flotante1{ display:none;}
#flotante2{ display:none;}
#flotante3{ display:none;}

#flotante1a{ display:none;}
#flotante2a{display:none;}

#tituloregis1{width:100%;margin-right:0px; text-align:center;}

}

@media screen and (max-width:700px){
#textos1{  top:0; ;}
#textos2{  top:150px; }
#textos3{ top:330px; }

#invisible{ height:600px; }

.texto3,.texto4,.texto6,.texto7{font-size:28px; }
.texto5{font-size:16px;}

#footi3a{width:100%; max-width:550px;margin-right:-4px;text-align:center; display:inline-block; }
#footi3{ display:none; }
}

@media screen and (max-width:620px){
#esconde2{display:block;background:url(../imagenes/fondo.gif) no-repeat 50% 50%  ;background-size:cover; text-align:center; width:100%; height:100%; min-height:700px; }
#esconde{display: none;}

#paramovil{display:block; width:450px;POSITION:absolute; left:50%; top:230px; margin-left:-225px;}
#slide1{height:1100px;}

#sub0{ display:none;}
#sub1{display:none;}
#sub2{display:none;}
#sub3{display:none;}

.lostesta{ width:100%; height:950px;}

#flecha{ display:none;}

#redes{ display:none;}

#redes2{ display:block;POSITION:absolute; width:446px; height:168px;  left:50%; margin-left:-223px;  bottom:70px; z-index:3;}

}

@media screen and (max-width:500px){
#textos1{  top:0; ;}
#textos2{  top:160px; }
#textos3{ top:340px; }

#invisible{ height:650px; }


}

.ball {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 1;   -moz-transform: translateY(-5px); }

    100% {
opacity: 1;  -moz-transform: translateY(5px);   }
}



@-webkit-keyframes spin {
    0% {
opacity: 1; -webkit-transform: translateY(-5px); }

    100% {
opacity: 1; -webkit-transform: translateY(5px); }  
}


.ball2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(-6px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(-6px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(-6px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}
.flecha3{-moz-animation:spin3 1.5s infinite linear;-webkit-animation:spin3 1.5s infinite linear;-0-animation:spin3 1.5s infinite linear;animation:spin3 1.5s infinite linear;}
@-moz-keyframes spin3{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}


.brilla {
  margin: 0 auto;
      animation: aparece2 2s  linear infinite;
    -webkit-animation: aparece2 2s  linear infinite; 
}
 
 @-webkit-keyframes aparece2 {
  0% {
    opacity: 0;
  }

   50% {
    opacity: 1;

  }
   
  100% {
    opacity: 0;

  }
}