@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:linear-gradient(135deg,#4b33d0 30%,#623aa2 100%);overflow:hidden}
header canvas{position:absolute;top:0;left:0;width:100% !important;height:100% !important;opacity:0.5;z-index:0}
header .promo{position:fixed;width:100%;height:40px;top:0;background:linear-gradient(to bottom,rgba(255,255,255,0.7) 0%,rgba(249,240,255,0.7) 100%);z-index:+9}
header .promo a{float:left;width:100%;height:40px}
header .promo p{float:left;width:100%;text-align:center;font-size:16px;font-weight:400;line-height:12px;color:#482b7f;padding:15px 0 0 0}
header .promo p span{color:#227ecf;font-weight:500}
header .promo.active{background:#e0e5fb}
header .top{position:fixed;top:0;float:left;width:100%;margin-top:10px;z-index:+2}
header .top.active{background:#4b33d0;margin-top:0;padding:5px 0;z-index:+9}
header .logo{float:left;width:250px;margin-right:40px}
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;color:#FFF;padding:7px 0 16px 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;color:#FFF;padding:7px 0 16px 0;text-decoration:none}
header nav li.call{height:27px;background:#FFF;border-radius:34px;padding:4px 20px 4px 20px !important;color:#5937B2;font-weight:500}
header nav li.call img{float:left;line-height:0;margin-right:10px}
header nav li.call a{color:#5937B2;padding:0}
header nav li.call a:hover{filter:brightness(200%)}
header nav li.login{height:27px;background:#15E8FF;border-radius:34px;padding:4px 20px 4px 20px !important}
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}
header nav li .subnav{position:absolute;top:40px;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(159 149 199 / 80%);transition:all ease-in-out 0.5s;box-shadow:0 0 10px 5px rgba(56,37,146,0.8)}
header nav li .subnav a{letter-spacing:-0.5px;line-height:14px;margin-bottom:16px;padding:0}
header nav li .subnav a:last-of-type{margin-bottom:0}
header .infoBanner{float:left;width:100%;position:relative;z-index:+1}
header .bannerTxt{float:left;width:calc(100% - 40px);padding:200px 20px 140px 20px;position:relative}
header .bannerTxt h1{float:left;width:100%;font-size:100px;color:#FFF;font-weight:normal;line-height:70px;margin-bottom:20px}
header .bannerTxt h2{position:relative;float:left;width:100%;font-size:56px;color:#13E6FF;font-weight:normal;line-height:70px;/*text-align:right;*/letter-spacing:-2px}
header .bannerTxt h2 i{display:inline-block;color:#FFF;font-style:normal}
header .bannerTxt p{text-align:right;margin-top:75px}
header .bannerTxt p a{float:right;padding:2px 16px;background:#FFF;border-radius:36px;color:#4221c1;font-weight:500;cursor:pointer;text-decoration:none}
header .bannerTxt p a:hover{background:#d3c5f9,transition:all ease-in-out 0.5s}
header .cifras{float:left;width:100%;background:rgba(49 29 90 / 50%);padding:20px 0}
header .cifras ul{float:left;width:100%}
header .cifras li{float:left;width:calc(25% - 20px);padding:0 10px}
header .cifras p{float:left;width:100%;text-align:center;color:#FFF;font-size:45px;line-height:35px;margin-bottom:10px}
header .cifras span{float:left;width:100%;text-align:center;color:#FFF;font-size:22px;line-height:20px}
section{float:left;width:100%}
section .infoContent{margin-top:100px}
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}
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:44px;color:#48486C;line-height:32px;margin-bottom:30px;letter-spacing:-1px;text-align:center;font-style:italic}
#intro p{text-align:center;font-size:36px;line-height:50px}
#ventajas .grid{float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;grid-auto-flow:row}
#ventajas .grid ul{float:left;width:100%;}
#ventajas .grid li{padding:40px;text-align:center}
#ventajas .grid li:nth-of-type(odd){background:linear-gradient(135deg,#E9F0FC 0%,#D7DAFB 100%)}
#ventajas .grid li:nth-of-type(odd) p{color:#8a8acb}
#ventajas .grid li:nth-of-type(even){background:#F9F9F9}
#ventajas .grid h4{float:left;width:100%;font-size:32px;color:#46466C;font-weight:400}
#explora p,#enfoca p{text-align:center;margin-bottom:30px}
#explora p:last-of-type,#enfoca p:last-of-type{margin-bottom:0}
#soluciones .contTabs{float:left;width:100%}
#soluciones .contTabs main{float:left;width:100%;margin-left:50%;transform:translateX(-50%);text-align:center}
#soluciones .contTabs main label{position:relative;display:inline-block;width:auto;background:#E6EDFF;margin-right:0;padding:6px 20px;border-radius:52px;cursor:pointer}
#soluciones .contTabs main label:last-of-type{margin-right:0}
#soluciones .contTabs main label span{float:left;letter-spacing:-1.5px;font-weight:400;line-height:20px;margin-top:2px}
#soluciones .contTabs main label img{float:left;margin-right:5px}
#soluciones .contTabs main input{display:none}
#soluciones .contTabs main input:checked + label{background:#6366F1}
#soluciones .contTabs main input:checked + label:before{content:url("../images/inicio/solucionesArrow.png");position:absolute;bottom:-10px;left:calc(50% - 20px);width:40px;height:10px;line-height:0}
#soluciones .contTabs main input:checked + label img{filter:brightness(1000%)}
#soluciones .contTabs main input:checked + label span{color:#FFF}
#soluciones .contTabs main #content1,#soluciones .contTabs main #content2,#soluciones .contTabs main #content3,#soluciones .contTabs main #content4,#soluciones .contTabs main #content5,#soluciones .contTabs main #content6,#soluciones .contTabs main #content7,#soluciones .contTabs main #content8{display:none;float:left;width:calc(100% - 160px);padding:80px;overflow:auto;margin-top:20px;background:#F3F6FF}
#soluciones .contTabs main #tab1:checked ~ #content1,
#soluciones .contTabs main #tab2:checked ~ #content2,
#soluciones .contTabs main #tab3:checked ~ #content3,
#soluciones .contTabs main #tab4:checked ~ #content4,
#soluciones .contTabs main #tab5:checked ~ #content5,
#soluciones .contTabs main #tab6:checked ~ #content6,
#soluciones .contTabs main #tab7:checked ~ #content7,
#soluciones .contTabs main #tab8:checked ~ #content8{display:block}
#soluciones .grid{float:left;width:100%;display:grid;grid-template-columns:calc(70% - 40px) calc(30% - 40px);grid-template-rows:1fr;gap:80px;grid-auto-flow:row;align-items:center}
#soluciones .txt h2{text-align:left;font-style:normal}
#soluciones .txt p{text-align:left}
#soluciones .txt p:first-of-type{margin-bottom:40px}
#soluciones .txt p.stores{float:left;width:100%;margin-bottom:40px}
#soluciones .txt p.stores a{float:left;width:120px;height:30px;line-height:30px;padding:10px;background:#FFF;border:1px solid #CFD2E2;border-radius:6px}
#soluciones .txt p.stores a:first-of-type{margin-right:20px}
#soluciones .txt p.stores a:hover{filter:brightness(0.95)}
#soluciones .img a{width:auto;line-height:0;height:100%;max-width:100%;padding:0;border-radius:0;background:none}
#soluciones .img img{border:1px solid #FFF;box-shadow:0 0 20px 5px rgba(95,89,248,0.5)}
#servicios .grid{float:left;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;grid-auto-flow:row;margin-bottom:40px}
#servicios li{background:#FFF;border-radius:4px;box-shadow:0 0 10px 5px rgba(209,209,218,0.5);padding:30px}
#servicios .img{margin-bottom:15px}
#servicios h2{font-size:32px;text-align:left;font-style:normal;margin-bottom:15px}
#servicios p.txt{text-align:center}
#testimonios{background:#F4F4F4;margin-top:100px}
#testimonios .title{float:left;width:180px;margin-right:80px}
#testimonios h2{font-size:36px;text-align:left;font-style:normal;line-height:42px}
#testimonios .cont{float:left;width:calc(100% - 40px);height:260px;background:#FFF;border-radius:4px;box-shadow:0 0 5px 5px rgba(163,156,188,0.2);padding:30px;font-size:22px;margin-bottom:15px}
#testimonios .cont p{line-height:28px}
#testimonios .txt{float:left;width:80px;margin-right:10px}
#testimonios .company{float:left;width:calc(100% - 90px);padding-top:10px;font-size:22px;line-height:28px}
.slider{float:left;width:calc(100% - 260px)}
.slick-track{display:flex;flex-wrap:wrap}
.slick-slide{display:none;float:left;min-height:1px;margin:10px 30px}
[dir='rtl'] .slick-slide{float:right}
.slick-slider{position:relative;display:block;box-sizing:border-box;user-select:none}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;cursor:grab}
.slick-list{transform:translate3d(0,0,0)}
.slick-loading{visibility:hidden}
.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-arrow{position:absolute;left:-260px;top:200px;width:50px;height:50px;border:0;border-radius:50px;font-size:0;background:url("../images/inicio/testimoniosArrow.png") no-repeat center#FFF;cursor:pointer;box-shadow:0 0 5px 5px rgba(163,156,188,0.1)}
.slick-arrow:hover{filter:brightness(96%);transition:all ease-in-out 0.5s}
.slick-next{left:-180px;transform:rotate(-180deg)}
#preguntas .infoContent{border:1px solid #E3E8EE;background:#F3F6FF;padding:80px;width:calc(100% - 202px);max-width:1398px}
#preguntas .grid{float:left;width:100%;display:grid;grid-template-columns:calc(100% - 290px) 210px;grid-template-rows:1fr;gap:80px;grid-auto-flow:row;align-items:center}
#preguntas .txt h2{text-align:left;font-style:normal}
#preguntas .txt p:first-of-type{margin-bottom:40px}
#sellos .infoContent{max-width:1120px}
#sellos .grid{float:left;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;grid-auto-flow:row;margin-bottom:40px}
#sellos li{float:left;width:calc(100% - 40px);height:120px;line-height:120px;padding:0 20px;border:1px solid #E4E8EF;text-align:center}
#sellos img{vertical-align:middle}
.footer{float:left;width:100%;height:265px;margin:60px 0 0 0;overflow:hidden}
#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%)}
:root footer .redes li.wapp{display:none}
#lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(7,6,24,0.8);z-index:99999;transition: opacity 300ms ease-in}
.modal{position:fixed;top:50%;max-width:1120px;width:calc(100% - 80px);max-height:calc(100% - 100px);background:#FFF;margin-left:50%;transform:translateX(-50%) translateY(-50%);box-shadow:0 20px 20px 0 rgb(4 10 20 / 65%);overflow-x:hidden;overflow-y:auto}
.modal h1{float:left;width:calc(100% - 40px);padding:15px 20px !important;font-size:24px;font-weight:500;color:#5F59F8;text-align:center;line-height:24px;text-transform:uppercase;letter-spacing:-1.2px;border-bottom:1px solid #CCC}
.modal p{float:left;width:calc(100% - 40px);padding:20px 20px 0 20px !important;text-align:center;font-size:22px;line-height:20px}
.modal form{float:left;width:calc(100% - 40px);padding:20px !important;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:row;gap:20px 20px}
.modal form div:first-of-type,.modal form div:last-of-type{grid-column:1 / -1}
.modal .campo-ok{border-color:#06cfa4 !important}
.modal .campo-error{border-color:#a12626 !important}
.modal::-webkit-scrollbar{width:10px}
.modal::-webkit-scrollbar-track{background:#CECDD8}
.modal::-webkit-scrollbar-thumb{background:#9BA2C1}
#close{position:absolute;right:6px;top:6px;width:15px;height:20px;font-size:24px;line-height:24px;color:#7979A5;text-align:center;text-decoration:none;transform:scaleX(1.2)}
#close:hover{color:#3363f4}
.flotanteDemo{position:fixed;right:-2px;top:420px;width:64px;height:138px;z-index:+9;cursor:pointer;background:#FFF;border-radius:12px 0 0 12px;border:1px solid #DDDDDD}
/*TEXTO BANNER*/
#rotate-words span{position:absolute;right:0;top:0;width:100%;opacity:0;overflow:hidden;animation:rotate-word 16s linear infinite 0s}
@keyframes rotate-word{
0%{opacity:0;transform:translateX(0);filter:blur(10px)}
10%{opacity:1;transform:translateX(0);filter:blur(0px)}
20%{opacity:1;transform:translateX(0);filter:blur(0px)}
30%{opacity:0;transform:translateX(0);filter:blur(10px)}
100%{opacity:0}}
#rotate-words span:nth-child(2){animation-delay:4s}
#rotate-words span:nth-child(3){animation-delay:8s}
#rotate-words span:nth-child(4){animation-delay:12s}
/*TEXTO BANNER PROMO ACTIVA*/
header.promoTop{padding-top:40px}
header.promoTop .top{margin-top:50px}
header.promoTop .top.active{margin-top:40px}
.infoBanner.promoActiva .bannerTxt{width:calc(50% - 260px);padding:190px 130px 130px 130px}
.infoBanner.promoActiva .bannerTxt h1{font-size:58px;line-height:44px}
.infoBanner.promoActiva .bannerTxt h2{font-size:40px;line-height:40px;text-align:left}
.infoBanner.promoActiva .bannerTxt p{text-align:left;margin-top:95px}
.infoBanner.promoActiva .bannerTxt p a{float:left}
.infoBanner.promoActiva .bannerPromo{float:left;width:calc(50% - 260px);padding:190px 130px 130px 130px;position:relative;z-index:+1}
.infoBanner.promoActiva .bannerPromo a{float:left;position:relative;width:100%}
.infoBanner.promoActiva .bannerPromo a:before{content:url("../images/inicio/Promo/mark1.png");position:absolute;top:20px;left:10%}
.infoBanner.promoActiva .bannerPromo a:after{content:url("../images/inicio/Promo/mark2.png");position:absolute;bottom:50px;right:10%}
.infoBanner.promoActiva .bannerPromo p.text1{float:left;width:100%;font-size:26px;color:#FFF;font-weight:normal;line-height:26px;text-align:center}
.infoBanner.promoActiva .bannerPromo p.text1 span{color:#13E6FF}
.infoBanner.promoActiva .bannerPromo p.text2{float:left;width:100%;font-size:45px;color:#13E6FF;font-weight:600;line-height:42px;letter-spacing:-2px;text-align:center;padding:10px 0}
.infoBanner.promoActiva .bannerPromo p.text3{float:left;width:100%;font-size:26px;color:#FFF;font-weight:100;line-height:26px;text-align:center}
/*SECCION EVENTO ACTIVO*/
#eventoActivo .infoContent{background:#F7F7F7}
#eventoActivo .grid{float:left;width:100%;display:grid;grid-template-columns:555px calc(100% - 755px);grid-template-rows:1fr;gap:200px;grid-auto-flow:row;align-items:center}
#eventoActivo .infoContent .img{padding:20px 0 0 160px;align-self:end}
#eventoActivo .infoContent .txt{display:table;padding:80px 160px 80px 0}
#eventoActivo .infoContent .txt .cont,#eventoActivo .infoContent .txt .notify{display:table-cell}
#eventoActivo .infoContent .txt h3{float:left;width:100%;font-weight:200;font-size:44px;line-height:44px;color:#462C79;margin-bottom:20px}
#eventoActivo .infoContent .txt h4{float:left;width:100%;font-weight:300;font-size:32px;line-height:30px;color:#5F59F8;margin-bottom:30px}
#eventoActivo .infoContent .txt p span{display:inline-block;vertical-align:middle;padding-right:10px}
#eventoActivo .infoContent .txt p span .img{padding:0}
#eventoActivo .infoContent .txt p.fecha{margin-bottom:10px;line-height:20px}
#eventoActivo .infoContent .txt p.hora{margin-bottom:30px;line-height:20px}
#eventoActivo .infoContent .txt .notify{width:42px;vertical-align:top}
#eventoActivo .infoContent .txt .notify a{width:40px;max-width:40px;height:40px;line-height:50px;border-radius:50%;border:1px solid #46466C;text-align:center;padding:0;background:none}
#eventoActivo .infoContent .txt .notify a:hover{border:1px solid #5F59F8}
#eventoActivo .infoContent .txt .notify a:hover img{filter:brightness(0) saturate(100%) invert(28%) sepia(96%) saturate(2408%) hue-rotate(234deg) brightness(102%) contrast(94%)}
#eventoActivo .countdown{float:left;width:100%}
#eventoActivo #timer{display:inline-block}
#eventoActivo #timer li{float:left;display:inline-block;vertical-align:middle;width:62px;height:62px;line-height:62px;text-align:center;background:url("../images/inicio/eventoBgTime.png") no-repeat;background-size:cover;margin-right:20px}
#eventoActivo #timer li:last-of-type{margin-right:0}
#eventoActivo #timer li b{float:left;width:100%;font-size:30px;line-height:23px;font-weight:300;color:#5F59F8;padding:12px 0 5px 0}
#eventoActivo #timer li span{float:left;width:100%;font-size:12px;line-height:10px;font-weight:400;color:#5F59F8}
/*RESPONSIVE*/
@media (min-width:1920px){
header .bannerTxt h1{margin-bottom:0}
header .bannerTxt h2{margin-bottom:20px}
header .bannerTxt p{margin-top:75px !important}}
@media (min-width:1681px){
header .bannerTxt .infoContent{max-width:1200px}
header .bannerTxt h2{top:20px}
header .bannerTxt p{margin-top:35px}}
@media (max-width:1680px){
header .bannerTxt .infoContent{max-width:1060px}
header .bannerTxt h2{font-size:52px;line-height:52px}
header .bannerTxt p{margin-top:65px}
.infoBanner.promoActiva .bannerTxt,.infoBanner.promoActiva .bannerPromo{width:calc(50% - 240px);padding:170px 120px 120px 120px}}
@media (max-width:1640px){
.infoBanner.promoActiva .bannerTxt,.infoBanner.promoActiva .bannerPromo{width:calc(50% - 200px);padding:170px 100px 120px 100px}}
@media (max-width:1600px){
header .cifras p{font-size:42px;line-height:32px}
header .cifras span {font-size:20px;line-height:18px}
#intro p{font-size:32px;line-height:42px}
#eventoActivo .grid{grid-template-columns:515px calc(100% - 715px)}
#eventoActivo .infoContent .img{padding:20px 0 0 120px}
#eventoActivo .infoContent .txt{padding:80px 120px 80px 0}}
@media (max-width:1560px){
.infoBanner.promoActiva .bannerTxt,.infoBanner.promoActiva .bannerPromo{width:calc(50% - 160px);padding:170px 80px 120px 80px}}
@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}
#testimonios .cont{height:315px}}
@media (max-width:1480px){
.infoBanner.promoActiva .bannerTxt,.infoBanner.promoActiva .bannerPromo{width:calc(50% - 120px);padding:170px 60px 120px 60px}
#eventoActivo .grid{grid-template-columns:475px calc(100% - 635px);gap:160px}
#eventoActivo .infoContent .img{padding:20px 0 0 80px}
#eventoActivo .infoContent .txt{padding:80px 80px 80px 0}}
@media (max-width:1440px){
body{font-size:22px}
section h2{line-height:34px}
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 label{letter-spacing:-0.5px}
header nav li a,header nav li label{padding:5px 0 8px 0}
header .bannerTxt{padding:180px 20px 130px 20px}
header .bannerTxt h1{font-size:80px;line-height:56px}
.infoBanner.promoActiva .bannerTxt,.infoBanner.promoActiva .bannerPromo{width:calc(50% - 120px);padding:170px 60px 120px 60px}
#intro p{font-size:32px;line-height:46px}
#ventajas .grid h4,#servicios h2{font-size:28px}
#soluciones .contTabs main label{padding:6px 10px}
#servicios p{line-height:26px}
#testimonios .cont{font-size:20px}
#testimonios .company{font-size:20px;line-height:22px}
#enfoca h2{line-height:40px}
#eventoActivo .infoContent .txt h4{font-size:28px;line-height:28px;letter-spacing:1px}}
@media (max-width:1383px){.footer{height:233px}}
@media (max-width:1380px){
#eventoActivo .grid{grid-template-columns:440px calc(100% - 540px);gap:100px}
#eventoActivo .infoContent .img{padding:20px 0 0 60px}
#eventoActivo .infoContent .txt{padding:60px 60px 60px 0}}
@media (max-width:1366px){
header .cifras p{font-size:38px;line-height:28px}
.infoBanner.promoActiva .bannerTxt,.infoBanner.promoActiva .bannerPromo{width:calc(50% - 80px);padding:150px 40px 100px 40px}
#whatsapp{height:40px;width:40px}	
#whatsapp img{transform:translateY(-50%) scale(0.7)}
#intro p{font-size:30px;line-height:44px}
#testimonios .cont{height:320px}
#testimonios .cont p{line-height:26px}}
@media (max-width:1340px){
#ventajas .grid h4, #servicios h2{line-height:24px;margin-bottom:10px}}
@media (max-width:1280px){
.infoBanner.promoActiva .bannerTxt,.infoBanner.promoActiva .bannerPromo{width:calc(50% - 40px);padding:150px 20px 100px 20px}
section h2{font-size:40px;margin-bottom:20px}
#intro p{font-size:30px;line-height:40px}
#ventajas p{line-height:26px}
#servicios .grid{grid-template-columns:repeat(2,1fr)}
#testimonios .cont{height:350px;line-height:24px}}
@media (max-width:1260px){
#soluciones .contTabs main label span{font-size:19px}
.flotanteDemo{top:450px;width:62px;height:119px}}
@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:1220px){
#testimonios .cont{height:380px}}
@media (max-width:1200px){
.infoBanner.promoActiva .bannerTxt h1{font-size:50px;letter-spacing:-1.5px;line-height:38px}
.infoBanner.promoActiva .bannerTxt h2{font-size:36px;line-height:36px}
.infoBanner.promoActiva .bannerPromo p.text1{font-size:24px;line-height:24px}
.infoBanner.promoActiva.bannerPromo p.text2{font-size:40px;line-height:38px}
.infoBanner.promoActiva .bannerPromo p.text3{font-size:22px;font-weight:200;line-height:20px}
.infoBanner.promoActiva .bannerTxt p{margin-top:88px}}
@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)}
header .cifras p{font-size:34px;line-height:26px}
header .cifras span{letter-spacing:-1px}
#eventoActivo .grid{grid-template-columns:430px calc(100% - 510px);gap:80px}
#eventoActivo .infoContent .img{padding:20px 0 0 40px}
#eventoActivo .infoContent .txt{padding:40px 40px 40px 0}}
@media (max-width:1160px){
header .bannerTxt h2{font-size:50px;line-height:50px}
#soluciones .contTabs main label{padding:6px 8px;margin-right:0}
#soluciones .contTabs main label img{transform:scale(0.7)}
#testimonios .cont{height:260px}}
@media (max-width:1100px){
.infoBanner.promoActiva .bannerPromo a:before{left:5%}
.infoBanner.promoActiva .bannerPromo a:after{right:5%}
#soluciones .contTabs main label span{font-size:19px}}
@media (max-width:1080px){
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)}
#soluciones .contTabs main label{float:left;width:calc(100% - 20px);padding:6px 10px;border-radius:0;margin-bottom:2px}
#soluciones .contTabs main label:last-of-type{margin-bottom:0}
#soluciones .contTabs main label span{letter-spacing:0}
#soluciones .contTabs main label:before{content:url(../images/arrowAccordion.png);position:absolute;top:14px;right:10px;width:12px;height:9px;line-height:0}
#soluciones .contTabs main input:checked + label:before{content:url(../images/arrowAccordion.png);bottom:inherit;left:inherit;right:0;transform:rotate(-180deg);filter:brightness(1000%) invert(0)}
#soluciones .contTabs main #content1,#soluciones .contTabs main #content2,#soluciones .contTabs main #content3,#soluciones .contTabs main #content4,#soluciones .contTabs main #content5,#soluciones .contTabs main #content6,#soluciones .contTabs main #content7,#soluciones .contTabs main #content8{width:calc(100% - 40px);padding:20px;margin-top:0;margin-bottom:5px}
#soluciones .contTabs main label[for="tab1"] img,#soluciones .contTabs main label[for="tab8"] img{padding:0 4px}
#soluciones .contTabs main label[for="tab2"] img,#soluciones .contTabs main label[for="tab3"] img,#soluciones .contTabs main label[for="tab4"] img{padding:0 2px}
#soluciones .contTabs main label[for="tab6"] img{padding:0 6px}}
@media (max-width:1060px){
#testimonios .cont{height:300px}}
@media (max-width:1050px){header nav li label,header nav li a{font-size:15px}}
@media (max-width:1041px){
header .promo p{letter-spacing:-1px}
.footer{height:223px}
#eventoActivo .infoContent .txt h4{font-size:24px;line-height:24px;letter-spacing:0}
#eventoActivo #timer li{width:56px;height:56px;line-height:56px}
#eventoActivo #timer li b{font-size:26px;line-height:20px;padding:12px 0 3px 0}}
@media (max-width:1024px){
body{font-size:20px}
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:#FFFFFF;text-decoration:none;letter-spacing:-1px;line-height:18px;color:#251870}
header .showMenu a:hover,header .closeMenu a:hover{color:#b26eff}
header .showMenu a img,header .closeMenu a img{position:relative;top:1px;max-width:16px;margin-right:5px}
header .showMenu a:hover img,header .closeMenu a:hover img{filter:invert(50%) sepia(34%) saturate(1239%) hue-rotate(222deg) brightness(99%) contrast(105%)}
header nav{position:fixed;left:-10px;top:-10px;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}
header nav .logo{float:none;display:table-cell;padding-right:20px;margin-right:0;vertical-align:middle}
header nav .logo img{float:left}
header .showMenu + nav .infoContent{padding-top:10px}
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{margin-right:25px}
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{padding:0}
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{margin-top:80px}
section h1{font-size:36px;line-height:36px;margin-bottom:14px}
section h2{font-size:32px;margin-bottom:10px}
section a{font-size:24px}
header .bannerTxt{padding:180px 20px 110px 20px}
header .bannerTxt h1{font-size:70px;line-height:50px}
header .bannerTxt h2{font-size:48px;line-height:48px}
header .bannerTxt p{margin-top:62px}
#intro p{font-size:26px;line-height:34px}
#ventajas .grid{grid-template-columns:repeat(2,1fr)}
#ventajas .grid li{padding:12px 20px 20px 20px}
#ventajas .grid li:nth-of-type(4){background:linear-gradient(to left,#C2D6F7 0%,#D7DAFB 50%,#D6E2FB 100%) !important}
#ventajas .grid li:nth-of-type(3){background:#F9F9F9 !important}
#explora p, #enfoca p{margin-bottom:20px}
#ventajas .grid li{padding:20px 30px 30px 30px}
#ventajas .grid h4{margin-bottom:3px}
#ventajas .grid h4,#servicios h2{line-height:22px;font-size:24px}
#ventajas p{line-height:24px}
#ventajas img{transform:scale(0.8)}
#soluciones .txt p.stores{margin-bottom:20px}
#soluciones .contTabs main #content1,#soluciones .contTabs main #content2,#soluciones .contTabs main #content3,#soluciones .contTabs main #content4,#soluciones .contTabs main #content5,#soluciones .contTabs main #content6,#soluciones .contTabs main #content7{width:calc(100% - 60px);padding:60px 30px;margin-top:20px}
#soluciones .txt p:first-of-type{margin-bottom:20px}
#servicios .img{margin-bottom:2px;transform:scale(0.8)}
#servicios .grid{margin-bottom:30px}
#testimonios h2{font-size:32px;line-height:40px}
#testimonios{margin-top:80px}
#enfoca h2{line-height:32px}
#preguntas .grid{grid-template-columns:calc(100% - 190px) 150px;gap:40px}
#preguntas .infoContent{padding:60px 30px;width:calc(100% - 102px);border-radius:15px}
#preguntas .txt p:first-of-type{margin-bottom:30px}
#eventoActivo .grid{grid-template-columns:360px calc(100% - 440px)}
#eventoActivo .infoContent .txt h3{font-size:36px;line-height:28px;letter-spacing:-1.5px}
#eventoActivo .infoContent .txt h4{letter-spacing:-1.5px}
#eventoActivo .infoContent .txt p.fecha{margin-bottom:5px}
#eventoActivo .infoContent .txt p span .img{max-width:20px}}
@media (max-width:1000px){
.infoBanner.promoActiva .bannerTxt h1{line-height:44px}
#testimonios .cont{height:auto}}
@media (max-width:980px){
header .bannerTxt h2{font-size:45px;line-height:45px}
header .bannerTxt p{margin-top:60px}}
@media (max-width:962px){
section a{font-size:22px}
#soluciones .grid{grid-template-columns:calc(70% - 20px) calc(30% - 20px);gap:40px}
#sellos .grid{gap:20px}
#sellos li{height:60px;line-height:60px;padding:20px}
#sellos img{max-height:100%}}
@media (max-width:940px){
#ventajas .grid{grid-template-columns:repeat(1,1fr)}
#ventajas .grid li:nth-of-type(odd){background: linear-gradient(to left,#C2D6F7 0%,#D7DAFB 50%,#D6E2FB 100%) !important}
#ventajas .grid li:nth-of-type(even){background:#F9F9F9 !important}
#ventajas .slider{float:left;width:100%}
#ventajas .slick-track{display:flex;flex-wrap:wrap}
#ventajas .slick-slide{display:none;float:left;min-height:1px;margin:10px 30px}
#ventajas .slick-slider{position:relative;display:block;box-sizing:border-box;user-select:none}
#ventajas .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;cursor:grab}
#ventajas .slick-list{transform:translate3d(0,0,0)}
#ventajas .slick-loading{visibility:hidden}
#ventajas .slick-loading img{display:none}
#ventajas .slick-slide.dragging img{pointer-events:none}
#ventajas .slick-initialized .slick-slide{display:block}
#ventajas .slick-arrow{position:absolute;left:0px;top:calc(50% - 10px);width:10px;height:20px;border:0;font-size:0;background:url("../images/inicio/testimoniosArrow.png") no-repeat center;cursor:pointer;box-shadow:none}
#ventajas .slick-arrow:hover{filter:brightness(96%);transition:all ease-in-out 0.5s}
#ventajas .slick-next{left:calc(100% - 14px) !important;transform:rotate(-180deg)}
#eventoActivo .grid{grid-template-columns:repeat(1, 1fr);gap:40px;position:relative}
#eventoActivo .infoContent .img{padding:40px 40px 0 40px;text-align:center}
#eventoActivo .infoContent .img img{max-width:200px}
#eventoActivo .infoContent .txt{padding:0 40px 40px 40px;text-align:center}
#eventoActivo .infoContent .txt .notify{position:absolute;width:42px;height: 2px;top:20px;right:20px}}
@media (max-width:920px){
.infoBanner.promoActiva .bannerPromo a:after{right:0}}
@media (max-width:910px) {
header .bannerTxt h2{font-size:42px;line-height:42px}
header .bannerTxt p{margin-top:56px}}
@media (max-width:900px){header .promo p{padding:7px 0 0 0;line-height:15px}}
@media (max-width:857px){.footer{height:282px}}
@media (max-width:890px){header .cifras span{font-size:18px;letter-spacing:-1.2px}}
@media (max-width:880px){
.infoBanner.promoActiva .bannerTxt{width:calc(100% - 40px);padding:120px 20px 45px 20px}
.infoBanner.promoActiva .bannerTxt h1,.infoBanner.promoActiva .bannerTxt h2{text-align:center}
.infoBanner.promoActiva .bannerTxt h1{line-height:35px}
.infoBanner.promoActiva .bannerTxt p a{margin-left:50%;transform:translateX(-50%);width:150px}
.infoBanner.promoActiva .bannerPromo{width:calc(100% - 40px);padding:45px 20px 80px 20px}
.infoBanner.promoActiva .bannerPromo p.img{display:none}
.infoBanner.promoActiva .bannerTxt p{margin-top:52px}
.infoBanner.promoActiva .bannerPromo a:before{left:20%}
.infoBanner.promoActiva .bannerPromo a:after{right:20%}}
@media (max-width:840px){
header .bannerTxt h2{font-size:38px;line-height:38px}
header .bannerTxt p{margin-top:54px}
p{line-height:26px}
section h2{font-size:30px}
#intro p{font-size:24px;line-height:30px}
#servicios .grid{gap:30px}
#servicios li{padding:20px}
#testimonios .title{margin-right:20px}
.slider{width:calc(100% - 200px)}
.slick-arrow{left:-200px}
.slick-next{left:-130px !important}
#preguntas .infoContent{padding:20px;width:calc(100% - 82px)}
#sellos .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:750px){header .bannerTxt p{margin-top:92px}}
@media (max-width:740px){
header .bannerTxt{padding:150px 20px 100px 20px}
#soluciones .txt p.stores a{float:none;display:inline-flex}
#soluciones .grid{grid-template-columns:repeat(1,1fr)}
#soluciones .txt h2,#soluciones .txt p{text-align:center}}
@media (max-width:710px){header..infoBanner.promoActiva .bannerTxt p{margin-top:88px}}
@media (max-width: 700px){.modal form{grid-template-columns:repeat(1, 1fr)}}
@media (max-width:697px){.footer{height:279px}}
@media (max-width:680px){
header .bannerTxt h1{font-size:64px;letter-spacing:-1.8px;line-height:54px}
.infoBanner.promoActiva .bannerPromo a:before{left:10%}
.infoBanner.promoActiva .bannerPromo a:after{right:10%}}
@media (max-width:600px){
section a{font-size:20px}
header .promo p{font-size:14px;padding:6px 0 0 0}
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}
header .cifras li{width:calc(50% - 20px)}
header .cifras li:nth-of-type(odd){padding:0 20px 0 0}
header .cifras li:nth-of-type(even){padding:0 0 0 20px}
header .cifras li:nth-of-type(1),header .cifras li:nth-of-type(2){margin-bottom:20px}
#servicios .grid{grid-template-columns:repeat(1,1fr)}	
#servicios h2,#servicios p,#testimonios h2,#preguntas .txt h2,#preguntas .txt p,#preguntas .img{text-align:center}
#servicios .img{margin-bottom:0;transform:translateX(-50%);margin-left:50%}
#testimonios .title{width:100%;margin-right:0}
.slider{width:100%;padding-bottom:60px}
.slick-slide{margin:0}
#testimonios .cont{box-shadow:none;padding:20px}
.slick-arrow{left:0;top:calc(100% - 58px);width:38px;height:38px;background:url(../images/inicio/testimoniosArrow.png) no-repeat center#FFF;background-size:10px}
.slick-arrow{left:0}
.slick-next{left:58px !important}
#preguntas .grid{grid-template-columns:repeat(1,1fr);gap:20px}
#preguntas .txt p:first-of-type{margin-bottom:20px}
#preguntas .img img{max-width:130px}
#sellos .grid{grid-template-columns:repeat(1,1fr)}}
@media (max-width:540px){
header .bannerTxt{padding:130px 20px 80px 20px}
.infoBanner.promoActiva .bannerPromo a:before{left:0;transform:scale(0.8)}
.infoBanner.promoActiva .bannerPromo a:after{right:0;transform:scale(0.8)}}
@media (max-width:537px){.footer{height:382px}}
@media (max-width:510px) {.infoBanner.promoActiva .bannerTxt h1{line-height:44px}}
@media (max-width:470px){
header .bannerTxt h1{font-size:58px;line-height:48px}
.infoBanner.promoActiva .bannerPromo a:before{left:-5%}
.infoBanner.promoActiva .bannerPromo a:after{right:-5%}}
@media (max-width:450px){header .bannerTxt p{margin-top:130px}}
@media (max-width:440px){
header .cifras li{width:100% !important;padding:0 !important}
header .cifras li:nth-of-type(3){margin-bottom:20px}
header .cifras p{font-size:32px;line-height:25px;margin-bottom:5px}
header .cifras span{font-size:18px;line-height:15px}
#eventoActivo .infoContent .img{padding:40px 20px 0 20px}
#eventoActivo .infoContent .txt{padding:0 20px 40px 20px}}
@media (max-width:430px){
.infoBanner.promoActiva .bannerTxt p{margin-top:120px}
.infoBanner.promoActiva .bannerPromo a:before{left:-10%}
.infoBanner.promoActiva .bannerPromo a:after{right:-10%}}
@media (max-width:410px){
header .promo p{font-size:12px}
#soluciones .txt p.stores a{display:block;margin-left:calc(50% - 60px)}
#soluciones .txt p.stores a:first-of-type{margin-right:0;margin-bottom:15px}
#eventoActivo #timer li{margin-right:10px}}
@media (max-width:397px){.footer{height:374px}}
@media (max-width:367px){.footer{height:387px}}
@media (max-width:360px){
header .promo p{padding:3px 0 0 0;line-height:12px}
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}
header .bannerTxt h2{font-size:36px;line-height:36px}
#eventoActivo .infoContent .txt p{letter-spacing:-1.5px}
#eventoActivo #timer li{width:48px;height:48px;line-height:48px}
#eventoActivo #timer li b{font-size:22px;line-height:18px;padding:12px 0 2px 0}
#eventoActivo #timer li span{font-size:8px;line-height:6px}}
@media (max-width:340px){
header .logo{width:180px}
header .showMenu{width:calc(100% - 190px)}
header .bannerTxt h1{font-size:50px;line-height:42px}
header .bannerTxt p{margin-top:140px}
.infoBanner.promoActiva .bannerTxt p{margin-top:158px}}
@media (max-width:335px){
header .bannerTxt p{margin-top:160px}}