@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&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}
body{float:left;width:100%;font-family:"Poppins","sans-serif";margin:0}
img{max-width:100%;height:auto}
ul,ol{list-style:none}
a{cursor:pointer;transition:all ease-in-out .5s}
a:hover{transition:all ease-in-out .5s}
p{float:left;width:100%;font-size:26px;font-weight:300;line-height:35px;color:#7979A5}
.infoContent{float:left;width:calc(100% - 40px);max-width:1560px;padding:80px 20px;margin-left:50%;transform:translateX(-50%);text-align:center}
.img{line-height:0}
header{float:left;width:100%;transition:all ease-out .5s;background:linear-gradient(to right, #4b33d0 0%,#623aa2 100%);box-shadow:0 0 30px 5px rgba(83,71,105,0.5)}
header .infoContent{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:80px;align-items:center;padding:10px 20px}
header .logo a{float:left}
header .linea a{float:right;height:42px;line-height:42px;padding:0 20px;background:#00BBF9;border-radius:12px;text-decoration:none;font-weight:600;color:#FFF;letter-spacing:-1px;font-size:26px;box-shadow:0 0 40px 5px rgba(48,29,84,0.8)}
header .linea a.mobile{display:none}
header .linea a:hover{filter:brightness(110%)}
header .linea a span{float:left;margin-right:10px}
header.active{position:fixed;z-index:+9}
section{float:left;width:100%}
section h1{float:left;width:100%;font-weight:600;font-size:42px;color:#6039A4;text-align:center;letter-spacing:-1px;line-height:30px;margin-bottom:15px}
section h2{float:left;width:100%;font-weight:300;font-size:42px;color:#605AFA;text-align:center;letter-spacing:-1px;line-height:30px;margin-bottom:40px}
section h2 span{color:#5F59F8}
#intro h2{font-size:60px;color:#CC4DFF;line-height:45px;letter-spacing:-1px;font-weight:200;margin-bottom:20px}
#intro h1{float:left;width:100%;font-size:80px;color:#CC4DFF;line-height:60px;letter-spacing:-1px;font-weight:600;margin-bottom:20px}
#intro h3{display:inline-block;background:#6039A4;font-size:50px;color:#FFF;line-height:35px;letter-spacing:-1px;font-weight:400;padding:18px 20px}
#video{background:#F8F8FA;border-top:1px solid #C2C3D8;border-bottom:1px solid #C2C3D8}
#video iframe{background:linear-gradient(135deg, #4169b1 0%,#1bbfdb 100%);box-shadow:0 5px 20px 0px rgba(48,29,84,0.3);border-radius:20px;padding:2px;margin-bottom:25px}
#video a,#beneficios a,#implementacion a,#ahora a,#solucion a{display:inline-block;max-width:calc(100% - 40px);height:48px;line-height:48px;padding:0 20px;background:linear-gradient(to right,#CC4DFF 0%,#AA17C8 30%,#AA17C8 70%,#CC4DFF 100%);border-radius:12px;text-decoration:none;font-size:26px;font-weight:600;color:#FFF;letter-spacing:-1px}
#video a:hover,#beneficios a:hover,#implementacion a:hover,#ahora a:hover,#solucion a:hover{filter:brightness(120%)}
#video p:first-of-type{margin-bottom:30px}
#normativa .grid{float:left;width:1240px;max-width:100%;display:grid;grid-template-columns:144px calc(100% - 224px);grid-template-rows:1fr;gap:80px;margin-left:50%;transform:translateX(-50%)}
#normativa h3,#integrado h3{float:left;width:100%;font-weight:700;font-size:26px;color:#7979A5;text-align:left;letter-spacing:-1px;line-height:20px;margin-bottom:20px}
#normativa p{text-align:left}
#solucion {background:#5F5BFA}
#solucion h1,#solucion h2,#solucion p{color:#FFF}
#solucion .grid{float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:80px;margin-bottom:60px}
#solucion .grid span{display:inline-block;width:120px;height:120px;border:1px solid #FFF;border-radius:50%;margin-bottom:20px}
#solucion .grid img{max-width:80px;max-height:80px;margin-top:50%;transform:translateY(-50%)}
#solucion a{background:#FFF;border-radius:12px;text-decoration:none !important;color:#5F5BFA !important}
#integrado .grid{float:left;width:820px;max-width:100%;display:grid;grid-template-columns:100px calc(100% - 180px);grid-template-rows:1fr;gap:40px 80px;margin-left:50%;transform:translateX(-50%);margin-bottom:40px}
#integrado span{float:left;width:calc(100% - 2px);height:98px;line-height:98px;text-align:center;border:1px solid #AA17C8;border-radius:12px;font-size:50px;font-weight:600;color:#AA17C8}
#integrado ul{float:left;width:100%}
#integrado li,#oferta li{float:left;width:calc(100% - 36px);padding-left:36px;font-size:26px;font-weight:300;line-height:35px;color:#7979A5;text-align:left;margin-bottom:10px;background:url("../images/integradoBullet.png") no-repeat;background-position:0 10px}
#integrado li:last-of-type,#oferta li:last-of-type{margin-bottom:0}
#integrado p{color:#AA17C8;font-weight:400}
#beneficios{background:#F4F2F7}
#beneficios .grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:40px;align-items:stretch;margin-bottom:40px}
#beneficios li{background:#5F59F9;border-radius:12px;padding:40px}
#beneficios p{color:#FFF;line-height:28px}
#beneficios span{float:left;width:100%;font-weight:500;font-size:24px;line-height:24px;color:#FFF;letter-spacing:-1px;margin-bottom:10px}
#oferta h2{display:inline-block;width:auto;padding:15px 25px;margin-left:50%;transform:translateX(-50%);color:#FFF;background:#6039A4}
#oferta .grid{float:left;width:1260px;max-width:100%;display:grid;grid-template-columns:400px calc(100% - 480px);grid-template-rows:1fr;gap:80px;margin-left:50%;transform:translateX(-50%)}
#oferta .title{float:left;width:100%;display:grid;grid-template-columns:480px calc(100% - 520px);grid-template-rows:1fr;gap:40px;margin-bottom:30px}
#oferta .title .img{text-align:left}
#oferta h4{float:left;width:100%;font-weight:200;font-size:45px;color:#AA17C8;text-align:left;letter-spacing:-1px;line-height:35px;margin-bottom:10px}
#oferta h5{float:left;width:100%;font-weight:400;font-size:45px;color:#AA17C8;text-align:left;letter-spacing:-1px;line-height:35px}
#oferta ul{float:left;width:100%}
#oferta li{background:url("../images/ofertaBullet.png") no-repeat !important;background-position:0 10px !important}
#implementacion .infoContent{padding-top:0}
#implementacion b{text-decoration:line-through}
#implementacion .promo{color:#AA17C8}
#implementacion .valor{font-size:40px;font-weight:600;color:#AA17C8;margin-bottom:40px}
#testimonios{background:#F8F8FA;border-top:1px solid #C2C3D8;border-bottom:1px solid #C2C3D8}
#testimonios h2{margin-bottom:40px}
#testimonios .slider{float:left;width:100%}
#testimonios .slick-slider .slick-track,#testimonios .slick-slider .slick-list{transform:translate3d(0,0,0)}
#testimonios .slick-slider{position:relative;display:block;box-sizing:border-box;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
#testimonios .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;cursor:grab}
#testimonios .slick-track{display:flex;flex-wrap:wrap;gap:80px}
#testimonios .slick-slide{display:none;position:relative;float:left;min-height:1px;flex:1;border:1px solid #5F59F9;border-radius:8px;padding-bottom:80px}
#testimonios .slick-initialized .slick-slide{display:block}
#testimonios [dir='rtl'] .slick-slide{float:right}
#testimonios .slick-loading{visibility:hidden}
#testimonios .slick-loading img{display:none}
#testimonios .slick-list.dragging{cursor:pointer;cursor:hand}
#testimonios .slick-slide.dragging img{pointer-events:none}
#testimonios .slick-slide p{float:left;width:calc(100% - 80px);padding:40px 40px 20px 40px;font-size:22px;line-height:30px;letter-spacing:-1px}
#testimonios .slick-slide p.company{position:absolute;bottom:0;height:40px;padding:20px 40px;background:#5F59F9;border-radius:0 0 8px 8px}
#testimonios .slick-slide p.company span{position:absolute;width:calc(100% - 80px);top:50%;left:40px;color:#FFF;font-size:20px;line-height:20px;text-transform:uppercase;transform:translateY(-50%)}
#testimonios .slick-dots{text-align:center;margin-top:40px}
#testimonios .slick-dots li{display:inline-block;width:24px;height:24px;background:#C2C9E9;border-radius:50%;margin:0 10px}
#testimonios .slick-dots li.slick-active{background:#6039ac}
#testimonios .slick-dots li button{float:left;width:100%;height:100%;padding:0;border:0;font-size:0;color:#D7DEFF;background:none;cursor:pointer}
#ahora h2{font-size:36px}
#ahora a{background:linear-gradient(to right,#7548BF 0%,#6039A4 30%,#6039A4 70%,#7548BF 100%) !important}
footer{float:left;width:100%;background:#CDD2EB}
footer .infoContent{padding:40px 20px}
footer .grid{display:grid;width:1200px;max-width:100%;grid-template-columns:206px calc(100% - 246px);grid-template-rows:1fr;gap:40px;margin-left:50%;transform:translateX(-50%)}
footer p{float:right;text-align:right;font-size:18px;color:#FFF;margin-bottom:0}
footer a{text-decoration:none;color:#5F5BFA}
footer a:hover{color:#322fa9;transition:all ease-in-out .5s}
footer ul{float:right;width:100%;margin-top:5px}
footer li{float:right;width:36px;height:36px;margin-left:20px}
footer li a{float:left;width:36px;height:36px;line-height:42px;text-align:center;border:1px solid #9EA8D8;border-radius:4px;background:#CDD2EB}
footer li a:hover{background:#c3caed;transition:all ease-in-out .5s}
#whatsapp{position:fixed;bottom:30px;right:10px;height:60px;width:60px;border-radius:50%;background:#2ecc71;outline:none;cursor:pointer;transition:all ease-in-out 0.5s}
#whatsapp:hover{background:#27AD61}
#whatsapp a{float:left;width:100%;height:100%;line-height:60px !important;text-align:center}
#whatsapp img{margin-top:50%;transform:translateY(-50%)}
/*RESPONSIVE*/
@media (max-width:1366px){
p,#integrado li, #oferta li{font-size:24px;line-height:32px}
#video a,#beneficios a,#implementacion a,#ahora a,#solucion a{height:44px;line-height:44px;font-size:24px}
.infoContent{padding:60px 20px}
header .logo img{max-height:40px}
header .linea a{font-size:22px;height:36px;line-height:40px}
#intro h2{font-size:56px;line-height:42px}
#intro h1{font-size:76px;line-height:54px}
#intro h3{font-size:42px;line-height:30px;padding:12px 20px}
#video iframe{width:800px;height:450px}
section h1,section h2{font-size:38px;line-height:26px}
#normativa h3,#integrado h3{font-size:24px;line-height:18px}
#solucion .grid{gap:60px;margin-bottom:40px}
#solucion .grid span{width:100px;height:100px}
#solucion .grid img{max-width:62px;max-height:62px}
#integrado .grid{width:820px;grid-template-columns:80px calc(100% - 140px);gap:40px 60px}
#integrado span{height:78px;line-height:78px;font-size:44px}
#integrado li,#oferta li{background-position:0px 8px !important}
#beneficios li{padding:30px}
#beneficios span{font-size:22px;line-height:22px}
#beneficios p{letter-spacing:-1px}
#oferta .grid{width:1180px;grid-template-columns:400px calc(100% - 460px);gap:60px}
#oferta .title{grid-template-columns:420px calc(100% - 460px)}
#oferta h4,#oferta h5{font-size:40px;line-height:30px}
#testimonios .slick-track{gap:60px}
#testimonios .slick-slide p{width:calc(100% - 40px);padding:20px;font-size:22px;line-height:28px}
#testimonios .slick-slide p.company{height:60px;padding:10px 20px}
#ahora h2{font-size:32px}
#whatsapp{height:40px;width:40px}	
#whatsapp img{transform:translateY(-50%) scale(0.7)}}
@media (max-width:1024px){
p,#integrado li,#oferta li{font-size:22px;line-height:28px}
#integrado li,#oferta li{width:calc(100% - 28px);padding-left:28px}
#video a,#beneficios a,#implementacion a,#ahora a,#solucion a{height:42px;line-height:42px;font-size:22px}
header .linea a{font-size:20px;height:34px;line-height:38px}
header .linea a.web{display:none}
header .linea a.mobile{display:inline-block}
#intro h2{font-size:52px;line-height:38px}
#intro h1{font-size:72px;line-height:50px}
#intro h3{font-size:38px;line-height:26px;padding:10px 20px}
#video iframe{width:680px;height:380px}
section h1,section h2{font-size:36px;line-height:24px}
#normativa h3,#integrado h3{font-size:20px;line-height:16px}
#normativa .grid{grid-template-columns:144px calc(100% - 204px);gap:60px}
#solucion .grid,#beneficios .grid{grid-template-columns:repeat(2, 1fr)}
#solucion .grid li:last-child{grid-column:1 / span 2}
#solucion .grid span{width:90px;height:90px}
#solucion .grid img{max-width:56px;max-height:56px}
#integrado .grid{width:820px;grid-template-columns:64px calc(100% - 104px);gap:40px}
#integrado span{height:64px;line-height:64px;font-size:40px}
#integrado li{width:calc(100% - 24px);padding-left:24px;background-size:12px}
#beneficios li{padding:20px}
#oferta .grid{grid-template-columns:340px calc(100% - 380px);gap:40px}
#oferta .title{grid-template-columns:calc(100% - 110px) 70px;width:540px;max-width:100%}
#oferta h4,#oferta h5{font-size:40px;line-height:28px}
#testimonios .slick-track{gap:40px}
#testimonios .slick-slide{padding-bottom:68px}
#testimonios .slick-slide p{font-size:20px;line-height:26px}
#testimonios .slick-slide p.company{height:56px}
#ahora h2{font-size:30px;line-height:30px}}
@media (max-width:960px){
#oferta .grid{grid-template-columns:repeat(1,1fr)}
#oferta .grid .img img{max-height:320px}
#oferta .title{margin-left:50%;transform:translateX(-50%)}
#oferta ul{float:left;width:660px;max-width:100%;margin-left:50%;transform:translateX(-50%)}}
@media (max-width:900px){
#normativa h3{line-height:24px}}
@media (max-width:840px){
section h2{line-height:30px}}
@media (max-width:800px){
#normativa .grid{grid-template-columns:120px calc(100% - 160px);gap:40px}
#testimonios .slick-slide{padding-bottom:0;border:0}
#testimonios .slick-slide p:first-of-type{width:calc(100% - 42px);border:1px solid #5F59F9;border-radius:8px 8px 0 0}
#testimonios .slick-slide p.company{position:relative;height:auto;padding:5px 20px}
#testimonios .slick-slide p.company span{position:relative;float:left;width:100%;top:0;left:0;transform:translateY(0)}
#testimonios .slick-dots{margin-top:20px}
#testimonios .slick-track{gap:0}}
@media (max-width:780px){
#video iframe{width:calc(100% - 4px);height:400px}
#oferta h2{width:310px;max-width:calc(100% - 40px);padding:10px 20px}
section h1{line-height:30px;margin-bottom:8px}}
@media (max-width:740px){
#intro h2{font-size:48px;line-height:34px}
#intro h3{font-size:36px}
#video iframe{height:390px}}
@media (max-width:720px){
#oferta .title{width:530px;gap:20px}
#oferta ul{width:100%}}
@media (max-width:700px){
#oferta .title{margin-left:0;transform:translateX(0)}
footer p{line-height:20px}}
@media (max-width:680px){
#intro h3{line-height:30px;max-width:calc(100% - 40px);width:360px}
#video iframe{height:350px}
#normativa .grid,#solucion .grid{grid-template-columns:repeat(1,1fr);gap:40px}
#normativa .grid .img img{max-height:120px}
#normativa h3,#normativa p{text-align:center}
#solucion .grid li:last-child{grid-column:1 / span 1}
#solucion .grid span{margin-bottom:10px}}
@media (max-width:620px){
header .linea a{padding:0 10px;line-height:36px}
header .linea a span img{max-height:18px}
#video iframe{height:320px}}
@media (max-width:580px){
footer .grid{grid-template-columns:repeat(1,auto);gap:20px;text-align:center}
footer .grid p{text-align:center}
footer ul{width:260px;margin-right:50%;transform:translateX(50%);margin-top:12px}
footer li:last-of-type{margin-left:0}}
@media (max-width:560px){
header .infoContent{width:calc(100% - 20px);padding:10px;gap:40px}
header .logo img{max-height:36px}
header .linea a{font-size:18px;height:30px;line-height:32px;border-radius:8px}
header .linea a span{margin-right:6px}
#intro h2{font-size:45px;margin-bottom:10px}
#intro h1 {font-size:68px;line-height:48px;;margin-bottom:10px}
#video iframe{height:280px}
#normativa .grid .img img{max-height:100px}
#integrado .grid{grid-template-columns:40px calc(100% - 60px);gap:20px}
#integrado span{width:40px;height:40px;line-height:40px;font-size:26px;margin-left:50%;transform:translateX(-50%)}
#integrado h3{margin-bottom:10px;text-align:center}
#integrado li{width:calc(100% - 20px);padding-left:20px;background-size:8px;background-position:0px 10px !important}
#beneficios .grid,#integrado .grid,#oferta .title{grid-template-columns:repeat(1,1fr)}
#oferta .title{width:100%}
#oferta h4,#oferta h5,#oferta .title .img{text-align:center}
#oferta li{width:calc(100% - 24px);padding-left:24px}
#video a, #beneficios a, #implementacion a, #ahora a, #solucion a{width:320px;max-width:calc(100% - 20px);height:auto;padding:8px 10px;line-height:20px;font-size:22px}}
@media (max-width:460px){
header .linea a{font-size:0;color:#00bbf9}
header .linea a span{margin-right:0}
header .linea a span img{margin-top:5px}
#video iframe{height:220px}
#oferta h5{line-height:32px}}
@media (max-width:430px){
#intro h3{max-width:calc(100% - 20px);font-size:30px;line-height:30px;padding:5px 10px}
#video iframe{height:200px}}
@media (max-width:360px){
#video iframe{height:170px}
section h1,section h2{font-size:30px;line-height:28px}}
@media (max-width:340px){
#intro h2{font-size:40px;line-height:30px}
#intro h1{font-size:60px;line-height:44px}
#intro h3{font-size:24px;line-height:24px}
#video iframe{height:160px}
#video a,#beneficios a,#implementacion a,#ahora a,#solucion a{line-height:18px;font-size:20px}
footer ul{width:220px}
footer li{margin-left:10px}}