@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;800;900&display=swap');
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,center,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,header,menu,.menu,section,article,video{margin:0;padding:0;border:0;outline:0}
input,button,textarea,select{outline:0}
html{background:#FFF;overflow-x:hidden;scroll-behavior:smooth}
body{float:left;width:100%;font-size:26px;font-family:"Poppins","sans-serif";font-weight:300;color:#9F9FBF;margin:0}
img{max-width:100%;height:auto}
ul,ol{list-style:none}
p{float:left;width:100%;line-height:32px}
.infoContent{float:left;width:calc(100% - 40px);max-width:1560px;margin-left:50%;transform:translateX(-50%)}
.img{line-height:0}
.destacado{font-weight:400;color:#46466C;font-style:italic}
header{position:relative;float:left;width:100%;background:#FFF;padding:5px 0}
header canvas{position:absolute;top:0;left:0;width:100% !important;height:100% !important;opacity:0.5}
header .promo{position:absolute;width:100%;height:50px;background:linear-gradient(to bottom,rgba(255,255,255,0.7) 0%,rgba(249,240,255,0.7) 100%);z-index:+9}
header .top{position:relative;float:left;width:100%;z-index:+1}
header .top.active{position:fixed;top:0;margin-top:0;padding:10px 0;background:#F5F5F5;border-bottom:1px solid #dad9db;box-shadow:0 0 35px 0px rgba(218,217,219,0.8);z-index:+9}
header .logo{float:left;width:250px;margin-right:40px}
header .logo a{float:left;width:100%}
header .showMenu,header nav .logo,header .closeMenu{display:none}
header nav{float:left;width:calc(100% - 290px)}
header nav ul{float:left;width:100%;display:flex;justify-content:flex-end;align-items:center}
header nav li{position:relative;float:left;margin-left:30px}
header nav li:first-of-type{margin-left:0}
header nav li label{float:left;width:100%;font-size:18px;font-weight:500;color:#5937B2;padding:10px 0 10px 0}
header nav li label:hover,header nav li a:hover{color:#15E8FF;cursor:pointer;transition:all ease-in-out 0.5s}
header nav li label:hover img{filter:invert(70%) sepia(90%) saturate(1221%) hue-rotate(142deg) brightness(500%) contrast(101%)}
header nav li a{float:left;width:100%;font-size:18px;font-weight:500;color:#5937B2;padding:10px 0 10px 0;text-decoration:none}
header nav li.call{height:27px;background:#5937B2;border-radius:34px;padding:4px 20px 4px 20px !important;color:#FFF;font-weight:500}
header nav li.call img{float:left;line-height:0;margin-right:10px;filter:brightness(500%)}
header nav li.call a{color:#FFF;padding:0}
header nav li.call a:hover{filter:invert(50%) sepia(20%) saturate(5637%) hue-rotate(119deg) brightness(500%) contrast(100%)}
header nav li.login{height:27px;background:#15E8FF;border-radius:34px;padding:4px 20px 4px 20px !important}
header nav li.login:before{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:20px}
header nav li.login label{color:#5937B2;font-weight:500;padding:0}
header nav li.login label:hover{color:#FFF}
header nav li.login img{filter:invert(18%) sepia(80%) saturate(2730%) hue-rotate(249deg) brightness(20%) contrast(87%)}
header nav li.login label:hover img{filter:brightness(1000%);transition:all ease-in-out 0.5s}
header nav li label img{display:inline;position:relative;top:-2px;filter:invert(23%) sepia(21%) saturate(6595%) hue-rotate(243deg) brightness(30%) contrast(94%)}
header nav li .subnav{position:absolute;top:45px;left:0;width:auto;max-height:0;padding:0;background:none;border-radius:6px;overflow:hidden}
header nav li:hover > .subnav{max-height:800px;padding:20px;background:rgba(105 80 173 / 80%);transition:all ease-in-out 0.5s;box-shadow:0 0 10px 5px rgba(255,255,255,0.8)}
header nav li .subnav a{letter-spacing:-0.5px;line-height:14px;margin-bottom:16px;padding:0;color:#FFF;font-weight:300}
header nav li .subnav a:last-of-type{margin-bottom:0}
header nav li .subnav a:hover{color:#15E8FF}
section{float:left;width:100%}
section .infoContent{padding-top:80px}
section h1{float:left;width:100%;font-weight:400;font-size:44px;color:#482C79;line-height:40px;margin-bottom:30px;letter-spacing:-1px;text-align:center}
section h1 span{color:#5F59F8}
section h2{float:left;width:100%;font-weight:400;font-size:30px;color:#48486C;line-height:26px;margin-bottom:30px;letter-spacing:-1px;text-align:center}
section p.boton{float:left;width:100%;text-align:center}
section a{display:inline-block;max-width:calc(100% - 40px);height:48px;line-height:48px;padding:0 20px;background:#3363f4;background:linear-gradient(to bottom,#3363f4 0%,#7005bd 100%);border-radius:48px;text-decoration:none;font-weight:500;color:#FFF;letter-spacing:-1px;cursor:pointer;font-size:26px}
section a:hover{background:#5A82F5;background:linear-gradient(to bottom,#5A82F5 0%,#9713F9 100%);transition:all ease-in-out 0.5s}
.footer{float:left;width:100%;height:265px;margin:60px 0 0 0;overflow:hidden}
.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(7,6,24,0.8);z-index:99999;opacity:0;transition:opacity 300ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog .contModal{position:absolute;max-width:calc(100% - 40px);max-height:calc(100% - 40px);top:50%;left:50%;transform:translateY(-50%) translateX(-50%);background:#FFFFFF;border-radius:4px;box-shadow:0 0 20px 10px rgba(0,0,0,0.5);overflow:auto}
.modalDialog .contModal::-webkit-scrollbar{width:10px} 
.modalDialog .contModal::-webkit-scrollbar-track{background:#DDD}
.modalDialog .contModal::-webkit-scrollbar-thumb{background:#A9A9A9}
.modalDialog .contModal h6{float:left;width:calc(100% - 40px);padding:15px 20px;border-bottom:1px solid #CCC;font-size:24px;font-weight:500;color:#5F59F8;text-align:center;letter-spacing:-1.2px;line-height:24px}
.modalDialog .contModal .contDialog{float:left;width:calc(100% - 40px);height:auto;padding:20px;margin-bottom:0;border:0;border-radius:0;background:#FFF}
.close{position:absolute;right:6px;top:6px;width:15px;height:20px;font-weight:100;font-size:30px;line-height:15px;color:#7979A5;text-align:center;text-decoration:none;transform:scaleX(1.2)}
.close:hover{color:#3363f4}
.modalDialog .contModal .contDialog form{float:left;width:100%}
.modalDialog .contModal .contDialog form div{float:left;width:calc(100% - 2px);height:32px;margin-bottom:10px;border-radius:4px;border:1px solid #DDDDDD;background:#F8F8F8}
.modalDialog .contModal .contDialog form .contTextArea{height:auto}
.modalDialog .contModal .contDialog form span{float:left;width:32px;height:32px;line-height:32px;background:#FFFFFF;text-align:center}
.modalDialog .contModal .contDialog form .contTextArea span{min-height:75px}
.modalDialog .contModal .contDialog form input{float:left;width:calc(100% - 52px);height:32px;padding:0 10px;border:0;background:#F8F8F8;font-family:"Poppins","sans-serif";font-size:14px;font-weight:300;color:#9F9FBF}
.modalDialog .contModal .contDialog form select{float:left;width:calc(100% - 32px);height:32px;padding:0 10px;border:0;background:#F8F8F8;font-family:"Poppins","sans-serif";font-size:14px;font-weight:300;color:#9F9FBF}
.modalDialog .contModal .contDialog form textarea{float:left;width:calc(100% - 52px);height:65px;padding:5px 10px;border:0;background:#F8F8F8;resize:none;font-family:"Poppins","sans-serif";font-size:14px;font-weight:300;color:#9F9FBF;line-height:16px}
.modalDialog .contModal .contDialog form input::placeholder,.modalDialog .contModal .contDialog form select::placeholder,.modalDialog .contModal .contDialog form textarea::placeholder{font-family:"Poppins", "sans-serif";font-weight:300;color:#9F9FBF}
.modalDialog .contModal .contDialog form textarea::-webkit-scrollbar{width:10px} 
.modalDialog .contModal .contDialog form textarea::-webkit-scrollbar-track{background:#DDD}
.modalDialog .contModal .contDialog form textarea::-webkit-scrollbar-thumb{background:#A9A9A9}
.modalDialog .contModal .contDialog form p{margin-bottom:10px}
.modalDialog .contModal .contDialog form p:last-of-type{margin-bottom:0}
.modalDialog .contModal .contDialog form .boton{text-align:center}
.modalDialog .contModal .contDialog form input[type="submit"]{float:none;display:inline-block;width:auto;max-width:100%;height:30px;line-height:30px;padding:0 20px;background:#3363f4;background:linear-gradient(to bottom,#3363f4 0%,#7005bd 100%);border-radius:48px;text-decoration:none;font-weight:500;color:#FFF;cursor:pointer;font-size:18px}
.modalDialog .contModal .contDialog form input[type="submit"]:hover{background:#5A82F5;background:linear-gradient(to bottom,#5A82F5 0%,#9713F9 100%);transition:all ease-in-out 0.5s}
.modalDialog .contModal .contDialog form .tyc{font-size:13px;line-height:13px}
.modalDialog .contModal .contDialog form .tyc a{font-weight:400;text-decoration:none;color:#7005bd}
#modalContacto .contModal{width:400px}
#modalFaq .contModal{width:1100px}
/*RESPONSIVE*/
@media (max-width:1520px){
header .logo{width:220px}
header nav{width:calc(100% - 260px)}
header nav li{margin-left:25px}
header nav li.login,header nav li.call{padding:4px 15px 4px 15px !important}
header nav li a,header nav li label{padding:7px 0 10px 0}
header nav li .subnav{top:35px}}
@media (max-width:1440px){
body{font-size:22px}
section h2{line-height:34px}
header nav li{margin-left:20px}
header nav li.login,header nav li.call{padding:4px 10px 4px 10px !important}
header nav li.call img{margin-right:0;transform:scale(0.8)}
header nav li label{letter-spacing:-0.5px}
header nav li a,header nav li label{padding:5px 0 8px 0}}
@media (max-width:1383px){.footer{height:233px}}
@media (max-width:1280px){
section h2{margin-bottom:20px}
header .infoContent{width:calc(100% - 20px)}
header .logo{width:200px;margin-right:20px}
header nav{width:calc(100% - 220px)}
header nav li{margin-left:20px}
header nav li.login,header nav li.call{padding:4px 10px 4px 10px !important}
header nav li.call img{margin-right:0;transform:scale(0.8)}
header nav li a,header nav li label{padding:5px 0 8px 0}}
@media (max-width:1240px){
header nav li{margin-left:15px}
header nav li label,header nav li a{font-size:17px}
header nav li.login label,header nav li.call a{line-height:24px}
header nav li.login,header nav li.call{height:22px}
header nav li.call img{margin-top: -3px}}
@media (max-width:1180px){
header nav li label,header nav li a{font-size:16px;letter-spacing:-0.8px}
header nav li label img{transform:scale(0.7)}}
@media (max-width:1090px){
header nav li.login,header nav li.call{padding:4px 5px 4px 5px !important;height:20px}
header nav li.login label,header nav li.call a{line-height:22px}
header nav li.call img{transform:scale(0.7)}}
@media (max-width:1065px){
header nav li label,header nav li a{font-size:15px}}
@media (max-width:1041px){.footer{height:223px}}
@media (max-width:1024px){
body{font-size:20px}
header .top{margin-top:10px}
header .top .infoContent{display:table !important}
header .logo{float:none;display:table-cell;padding-right:20px}
header .showMenu{display:table-cell;vertical-align:middle;width:calc(100% - 210px)}
header .showMenu #inputShowMenu{position:absolute;top:calc(50% - 16px);right:0;width:115px;height:32px;margin:0;opacity:0;z-index:+1;cursor:pointer}
header .showMenu .labelShowMenu{float:right;padding:6px 12px;border-radius:40px;background:#37DCFD}
header .showMenu #inputShowMenu:hover + .labelShowMenu p,header .closeMenu #inputHideMenu:hover + .labelHideMenu p{color:#FFF}
header .showMenu #inputShowMenu:hover + .labelShowMenu span,header .closeMenu #inputHideMenu:hover + .labelHideMenu span{background:#FFF}
header .showMenu .labelShowMenu i{float:left;width:30px}
header .showMenu .labelShowMenu span{float:left;width:100%;height:2px;background:#2F2086}
header .showMenu .labelShowMenu span:nth-of-type(1){margin-top:3px}
header .showMenu .labelShowMenu span:nth-of-type(2){margin:4px 0}
header .showMenu .labelShowMenu p{width:auto;margin-bottom:0;padding-left:10px;line-height:18px;letter-spacing:-1px;color:#0f083a;text-shadow:none}
header .showMenu a,header .closeMenu a{float:right;margin-right:20px;padding:6px 12px;border-radius:40px;background:#5937B2;text-decoration:none;letter-spacing:-1px;line-height:18px;color:#FFF}
header .showMenu a:hover,header .closeMenu a:hover{color:#37DCFD}
header .showMenu a img,header .closeMenu a img{position:relative;top:1px;max-width:16px;margin-right:5px;filter:brightness(500%)}
header .showMenu a:hover img,header .closeMenu a:hover img{filter:invert(60%) sepia(29%) saturate(3655%) hue-rotate(161deg) brightness(108%) contrast(98%);}
header nav{position:fixed;left:-10px;top:-20px;width:calc(100% + 20px);z-index:99;overflow:hidden;background:rgba(30,19,87,92%);background:linear-gradient(to bottom,rgba(61,40,174,92%) 0%,rgba(30,19,87,92%) 100%);transition:all ease-in-out 0.5s;box-shadow:0 5px 50px 0 rgb(163,133,211)}
header nav .infoContent{display:inherit !important;margin-top:20px}
header nav .logo{float:none;display:table-cell;padding-right:20px;margin-right:0;vertical-align:middle}
header nav .logo img{float:left}
header .closeMenu{display:table-cell;width:calc(100% - 210px);vertical-align:middle;padding-top:5px}
header .closeMenu #inputHideMenu{position:absolute;top:7px;right:0;width:110px;height:30px;margin:0;opacity:0;z-index:+1;cursor:pointer}
header .closeMenu .labelHideMenu{float:right;padding:6px 12px;border-radius:40px;background:#37DCFD}
header .closeMenu .labelHideMenu i{float:left;width:24px}
header .closeMenu .labelHideMenu span{float:left;width:100%;height:2px;background:#2F2086}
header .closeMenu .labelHideMenu span:nth-of-type(1){margin-top:8px;transform:rotate(45deg)}
header .closeMenu .labelHideMenu span:nth-of-type(2){margin-top:-2px;transform:rotate(-45deg)}
header .closeMenu .labelHideMenu span:nth-of-type(3){display:none}
header .closeMenu .labelHideMenu p{width:auto;margin-bottom:0;padding-left:4px;line-height:18px;letter-spacing:-1px;color:#2E1F85;text-shadow:none}
header .closeMenu a{background:#FFF;color:#5937B2;margin-right:25px}
header .closeMenu a img{filter:invert(48%) sepia(17%) saturate(6630%) hue-rotate(239deg) brightness(92%) contrast(98%)}
header nav ul{display:inherit;float:left;width:calc(100% - 40px);min-height:480px;padding:0 20px 20px 20px;margin-left:50%;transform:translateX(-50%)}
header nav li a,header nav li label{color:#FFF;font-weight:400;padding:0}
header nav li label img{filter:brightness(500%)}
header nav li.call{display:none}
header nav li{float:left;width:100%;margin-left:0;padding:10px 0;text-align:center}
header nav li:before{content:"";position:absolute;width:100%;height:1px;left:0;bottom:0;background:#6956D8}
header nav li.login::before{display:none}
header nav li:hover > .subnav{max-height:0;padding:0;background:none;transition:none;box-shadow:none}
header nav li:hover .active + .subnav{max-height:400px;padding:5px 0 0 0}
header nav .active{color:#15E8FF}
header nav .active + .subnav{position:inherit;max-height:400px;top:0;width:100%;padding:5px 0 0 0}
header nav .active + .subnav a{margin-bottom:12px}
header nav li.login{width:160px;height:20px;line-height:20px;margin-top:10px;margin-left:50%;transform:translateX(-50%)}
header nav li.login .active + .subnav{top:5px}	
section .infoContent{padding-top:60px}
section h1{font-size:36px;line-height:36px;margin-bottom:14px}
section h2{font-size:32px;margin-bottom:10px}
section a{font-size:24px}}
@media (max-width:962px){
section a{font-size:22px}}
@media (max-width:857px){.footer{height:282px}}
@media (max-width:840px){
p{line-height:26px}
section h2{font-size:30px}}
@media (max-width:697px){.footer{height:279px}}
@media (max-width:600px){
section a{font-size:20px}
header .showMenu #inputShowMenu,header .closeMenu #inputHideMenu{width:54px}
header .showMenu .labelShowMenu p,header .closeMenu .labelHideMenu p{color:#37dcfd;font-size:0;padding-left:0}
header .closeMenu .labelHideMenu{padding:6px 15px}	
header .showMenu a,header .closeMenu a{color:#FFFFFF;font-size:0;line-height:0;margin-right:10px}
header .showMenu a img,header .closeMenu a img{top:0;max-width:20px;margin-right:0}
header nav ul{min-height:600px}}
@media (max-width:537px){.footer{height:382px}}
@media (max-width:397px){.footer{height:374px}}
@media (max-width:367px){.footer{height:387px}}
@media (max-width:360px){
header .showMenu .labelShowMenu i{width:20px}
header .showMenu .labelShowMenu{padding:8px 8px}
header .closeMenu .labelHideMenu{padding:8px 6px}
header .showMenu #inputShowMenu, header .closeMenu #inputHideMenu{width:36px}
header .showMenu a, header .closeMenu a{padding:7px 8px}}
@media (max-width:340px){
header .logo{width:180px}
header .showMenu{width:calc(100% - 190px)}}