@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--MainBg1: #1d0d3a;--purple: #512589;--lightPurple: #7e3fce;--darkPurple: #20074a;--blurple: #5820bc;--pink: #9f12d2;--yelog: #e7a635;--lightYellow: #f9c126;--fadeYellow: #f2eeb6}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-display:swap}img{width:auto;height:auto}body{overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body::-webkit-scrollbar{width:0px}body::-webkit-scrollbar-track{background-color:#1d0d3a}body::-webkit-scrollbar-thumb{background-color:var(--fadeYellow);border-radius:3px}.pageBody>.main{position:relative;z-index:2;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-top:2.65vw}.pageBody>.main:after{content:"";position:absolute;top:-50px;left:35vw;width:65vw;height:125vh;background-image:linear-gradient(90deg,transparent 95%,#21123e 5%),linear-gradient(180deg,transparent 95%,#21123e 5%);background-size:7.5vw 7.5vw;filter:blur(1px);z-index:-10}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;opacity:0;visibility:hidden;display:none}@media screen and (max-width: 768px){.pageBody>.main{padding-top:7vh}}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-f7b9c306.woff) format("woff"),url(/assets/revicons-4ca02b8a.ttf) format("ttf"),url(/assets/revicons-9e4d4c68.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}.blurForeground{position:fixed;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(2vw);filter:blur(2vw);z-index:2}.topBar{position:fixed;display:flex;justify-content:space-between;width:100vw;height:max(2.65vw,40px);box-shadow:0 3px 6px #00000029;backdrop-filter:blur(10px);padding:0 10%;z-index:20;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;.progress {position: absolute; top: 100%; left: 0; height: .2vw; background-color: var(--yelog); z-index: -1;}}.topBar .logo,.topBar .logo img{height:100%}.topBar .links{display:flex;align-items:center;width:40%}.topBar .links>.icon{display:none}.topBar .links .close{display:none}.topBar .links .inner{display:flex;width:100%;height:100%;justify-content:space-between}.topBar .links a,.topBar .links .inner>p{display:flex;height:100%;align-items:center;color:#fff;font-size:1.1vw;text-decoration:none;font-weight:500;transition:color .3s ease-in-out;cursor:pointer}.topBar .links .text{display:flex;height:100%;width:100%;align-items:center}.topBar .links p .inner{position:absolute;top:100%;height:auto;overflow:hidden;border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:1vw;list-style:none;transition:all .4s ease-in-out;pointer-events:none}.topBar .links p .inner .content{display:flex;height:fit-content;transform:translateY(-100%);padding:10px;flex-direction:column;background-color:#3b2367;border-bottom-left-radius:10px;border-bottom-right-radius:10px;gap:3vw;transition:transform .4s ease-in-out}.topBar .links p.active .inner .content,.topBar .links p:hover .inner .content{transform:translateY(0);pointer-events:all}.topBar .links a.active,.topBar .links a:hover{color:var(--pink)}.topBar .links a:nth-child(4){color:var(--pink)}.pageBody{width:100vw;height:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--MainBg1)}.pageBody .blur{position:fixed;display:block;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(2px);z-index:2;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:10}.topBar:has(.links.active)+.pageBody .blur{opacity:1;pointer-events:all}.pageBody>*>*{padding:0 100px}.main.home{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.main.home header{display:flex;height:550px}.main.home a.conhecer{display:flex;justify-content:center;margin:0 auto;padding:1vw 0;text-decoration:none;text-align:center;font-weight:700;font-size:2vw;border-radius:2vw;color:#fff;background-color:var(--yelog);padding:1vw 2vw}.main.home .texto{width:60vw;margin-top:4vw}.main.home h1{display:flex;width:100%;flex-direction:column;font-size:3.5vw}.main.home h1 .Typewriter{position:relative;display:inline-block;line-height:.9;color:var(--pink)}.main.home .subtexto{font-weight:500;width:60%;font-size:max(1.2vw,.8rem);margin-top:2vw}.main.home .buttonWrapper{display:flex;gap:20px}.main.home .buttonWrapper button{height:55px;border:none;background-color:var(--yelog);border-radius:10px;color:#fff;font-weight:600;font-size:1.2rem;padding:0 25px;margin-top:2vw;cursor:pointer}.main.home .buttonWrapper button:nth-child(2){display:flex;align-items:center;justify-content:center;border-radius:50%;width:55px;padding:0}.main.home .buttonWrapper button:nth-child(2) img{width:50%;height:auto;aspect-ratio:1/1}.main.home header .image{position:relative;width:30vw;height:100%}.main.home header .image img{top:0;right:0;position:absolute;width:140%;height:140%;object-fit:contain;z-index:-1}.main.home .faixaSlider{background-color:var(--fadeYellow);color:#9c9b8b;padding:10px 100px}.main.home .faixaSlider .sliderContainer{width:clamp(200px,40%,700px);font-size:3.2vw}.main.home .faixaSlider .sliderContainer .sliderItem{text-align:center;font-weight:700}.main.home .produtosSlider{margin-top:2.5vw}.main.home .produtosSlider .inner{display:flex;width:100%;flex-direction:row;justify-content:space-evenly}.main.home .produtosSlider .inner .text{width:45vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2vw;gap:5vw}.main.home .produtosSlider .inner .text h2{font-size:5vw;font-weight:700}.main.home .produtosSlider .inner .text p{width:80%;font-size:1.1vw;font-weight:500;text-align:center;line-height:1.5}.main.home .produtosSlider .inner .imgWrapper{width:40vw}.main.home .produtosSlider .inner .imgWrapper img{width:100%;user-select:none;pointer-events:none}.main.home .carouselTitle{text-align:center}.main.home .carouselTitle h2{display:flex;flex-direction:column;text-align:center;font-size:2.2vw;margin-bottom:1vw}.main.home .carouselTitle p{font-size:1.1vw;font-weight:500;margin:0 25vw}.main.home .carouselTitle p:nth-child(1){color:var(--pink);font-weight:600}.main.home .carouselWrapper{display:flex;width:100%;justify-content:center;margin:5vw 0;padding:0 2.5vw}.main.home .carouselWrapper .inner{position:relative;display:flex;width:100%;height:40vw;justify-content:space-between;align-items:center;border-radius:20px;background-color:var(--fadeYellow);overflow:hidden}.main.home .carouselWrapper .inner>*{padding:50px 0}.main.home .carouselWrapper .side{position:relative;display:flex;width:40vw;height:100%;flex-direction:column;justify-content:space-between;color:#121212;list-style:none;padding-left:6vw;z-index:2}.main.home .carouselWrapper .side:before{content:"";position:absolute;top:50%;left:-2px;transform:translateY(-50%);width:100%;height:110%;aspect-ratio:120/962;z-index:-1;background:url(/assets/Grupo306-019dabc0.svg) no-repeat}.main.home .carouselWrapper .side button{position:relative;display:flex;align-items:center;font-size:2vw;font-weight:700;z-index:2;transition:color .3s cubic-bezier(.39,.48,.39,1.54);transition-delay:0s;cursor:pointer;padding:1.3vw 1vw;background-color:transparent;border:none}.main.home .carouselWrapper .side li.active{color:#fff}.main.home .carouselContainer{position:relative;width:40%;height:100%;margin-right:5vw}.main.home .carouselContainer img{position:absolute;width:15vw;bottom:50%;left:50%;transform:translate(-50%,50%);transition:.5s ease-in-out;transition-property:bottom,left,opacity,transform,filter,z-index,width;opacity:0;border-radius:2vw;cursor:pointer}.main.home .carouselContainer .floatingTitle{display:none}.main.home .carouselContainer img[data-slide="0"]{z-index:3;opacity:1;transform:translate(-50%,80%)}.main.home .carouselContainer img[data-slide="1"]{opacity:1;filter:brightness(.4);transform:translate(-125%,50%);z-index:2}.main.home .carouselContainer img[data-slide="2"]{opacity:1;transform:translate(-50%,10%);filter:brightness(.2);z-index:1}.main.home .carouselContainer img[data-slide="3"],.main.home .carouselContainer img[data-slide="-1"]{opacity:1;transform:translate(25%,50%);filter:brightness(.4);z-index:2}.main.home .site{display:flex;width:100%;flex-direction:column;align-items:center;padding-top:50px;padding-bottom:50px;margin-bottom:min(10vw,100px)}.main.home .site h2{display:flex;flex-direction:column;font-size:2.2vw;text-align:center;margin:5vw 0 1vw}.main.home .site h2 span>span{color:var(--yelog)}.main.home .site p{font-size:1.2vw;text-align:center;margin:0 20vw}.main.home .site .slider{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:auto;margin:50px 0}.main.home .site .sliderInner{height:100%}.main.home .site .sliderContainer{width:80%;height:min(600px,80vw);background-color:var(--fadeYellow);border-radius:29px;margin-bottom:3%;padding:20px 0}.main.home .site .sliderItem{display:flex;justify-content:center;align-items:center;height:100%}.main.home .site .inner{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:1.5vw}.main.home .site .inner img{width:fit-content;max-height:70%;width:min(685px,80%);object-fit:contain;border-radius:29px}.main.home .site .inner p{width:80%;height:20%;font-size:clamp(.8rem,2vw,1.8rem);font-weight:700;text-align:center;color:#121212}.main.home .site .slider .sliderDotList{top:calc(100% + 10px);left:unset;right:unset;height:7px;width:80%;border-radius:10px;overflow:visible;background-color:var(--purple)}.main.home .site .slider .sliderDotList li{width:calc(100% / 3)}.main.home .site .slider .sliderDotList:after{content:"";position:absolute;top:0;left:0;transform:translate(var(--slide));height:100%;width:calc(100% / 3);background-color:var(--yelog);border-radius:10px;transition:all .3s ease-in-out;pointer-events:none}.main.home .site .slider .sliderDotList button{position:relative;height:50px;width:100%;cursor:pointer;background-color:transparent;border:none}.main.home .site .bottom{position:absolute;display:flex;top:calc(100% + 20px);width:80%;pointer-events:none}.main.home .site .bottom button{flex:0 0 calc(100% / 3);font-size:1.2vw;font-weight:700;text-align:center;border:none;color:#fff;background-color:transparent}.main.home .solucoes{display:flex;justify-content:space-between;margin-bottom:20vw;padding:0 10vw}.main.home .solucoes .text{position:relative;width:40vw;height:fit-content}.main.home .solucoes h2{display:flex;flex-direction:column;font-size:4vw}.main.home .solucoes p{font-size:1.5vw;font-weight:700;margin:25px 0 50px;color:var(--pink)}.main.home .solucoes .image a{position:absolute;bottom:0;right:80%;min-width:30vw;background-color:var(--yelog);border:none;border-radius:1.2vw;padding:1.5vw 2vw;font-size:2.3vw;font-weight:700;color:#fff;text-align:left;text-decoration:none;cursor:pointer;pointer-events:all;transition:all 1s ease-in-out;z-index:-1}.main.home .solucoes a.visible{max-width:65vw}.main.home .solucoes .image{position:relative;display:flex;justify-content:center;align-items:center;width:27.5vw;z-index:3;pointer-events:none}.main.home .solucoes img{width:100%;height:auto;object-fit:contain;border-radius:23px;box-shadow:0 25px 25px #d50cdc21;pointer-events:all}.main.home .techTitle{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:3vw}.main.home .techTitle h2{font-size:3vw}.main.home .techTitle p{font-size:1.2vw;text-align:center;margin:0 20vw}.main.home .techStack{display:flex;justify-content:center;padding:0 25%;margin-bottom:10vw}.main.home .techStack .container{flex:0 0 33%;display:flex;flex-direction:column;align-items:center;list-style:none;padding:0 5px}.main.home .techStack h3{display:flex;width:min(290px,100%);height:60px;text-align:center;align-items:center;justify-content:center;background-color:var(--blurple);border-radius:1vw;margin-bottom:.85vw}.main.home .techStack .inner{display:flex;flex-direction:column;align-items:center;width:100%}.main.home .techStack li{display:flex;width:min(290px,100%);align-items:center;justify-content:center;background-color:var(--blurple);border-radius:.8vw;gap:40px;margin-bottom:.4vw;padding:10px}.main.home .techStack li img{height:50px;width:50px;object-fit:contain;border-radius:5px}.main.home .techStack li p{width:100px}.main.home .suporte{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:10vw}.main.home .suporte .title{display:flex;width:100%;flex-direction:column;align-items:center;text-align:center}.main.home .suporte .title h2{font-size:4vw}.main.home .suporte .title p{font-size:1.2vw;margin:1vw 20vw}.main.home .suporte .content{display:flex;width:80%;flex-direction:column;align-items:center;gap:20px}.main.home .suporte .content .item{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;background-color:var(--fadeYellow);border-radius:.6vw;color:#121212;font-size:2rem;font-size:1.7vw;font-weight:700;padding:1vw;text-decoration:none;user-select:none}.main.home .suporte .content .dropDown{cursor:pointer;transition:margin .3s ease-in-out}.main.home .suporte .content .dropDown img{width:2%;height:auto;filter:invert(1)}.main.home .suporte .content .item>*{width:fit-content;text-decoration:none;color:#121212}.main.home .suporte .content .inner{position:absolute;top:calc(100% - 10px);left:0;width:100%;height:fit-content;z-index:1;pointer-events:none;overflow:hidden}.main.home .suporte .content .inner p{width:100%;transform:translateY(-100%);pointer-events:all;background-color:var(--fadeYellow);border-bottom-right-radius:.6vw;border-bottom-left-radius:.6vw;transition:transform .3s ease-in-out;padding:10px 1% 0;font-weight:600;font-size:1.2vw;padding-bottom:1vw}.main.home .suporte .item.active p{transform:translateY(0)}.main.contato+.contatoTitle,.main.contato~.contato{display:none}.contatoTitle{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10vw;gap:2vw;color:#fff;background-color:var(--MainBg1);z-index:2}.contatoTitle .bg{position:relative;width:100vw;height:fit-content;padding-bottom:5vw;user-select:none;background-color:transparent!important;padding:0;z-index:2}.contatoTitle .bg:nth-child(2){position:absolute;top:5vw;right:1vw}.contatoTitle .text{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.contatoTitle h2{display:flex;width:fit-content;flex-direction:column;text-align:center;font-size:5vw}.contatoTitle h3{width:40vw;text-align:center;font-size:2vw}.contatoTitle .pseudoBtn{width:fit-content;font-size:1vw;border:none;border-radius:.5vw;background-color:var(--purple);color:#fff;padding:.8vw 1.2vw}form.contato{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--fadeYellow);box-shadow:0 1.2vw 1.5vw #000000ba,0 0 0 100vw var(--MainBg1);border-radius:1vw;padding:3vw 0 2vw;margin:0 25% 2vw}form.contato .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}form.contato label{width:100%;color:#121212;font-size:1.4rem;font-weight:700;margin-bottom:10px}form.contato input{position:relative;width:100%;border:none;background-color:#dbd68c;font-size:calc(1vw + 5px);border-radius:5px;padding:calc(1vw + 5px);margin-bottom:60px}form.contato input::placeholder{color:#000;font-size:calc(1vw + 5px);font-weight:500}form.contato .inputHolder{display:flex;justify-content:center;position:relative;width:100%;margin-bottom:60px;z-index:1;.erro {content: ""; display: flex; align-items: center; position: absolute; width: 180px; height: 35px; top: calc(100% + 20px); background-color: white; z-index: 2; border: #25252599 1px solid; border-radius: 5px; padding: 0 1rem; background-image: url(data:image/webp;base64,UklGRnICAABXRUJQVlA4TGYCAAAvcoAcEPfjIJIkReqZYwXn3yA903Q9iRAQFPk/muNGkhQpu/uYnue/e8w01DX/dRCwlr+bC0tWlALNU/VUIb0c3DkJ5QUJQDP4sOaqKIIzMy8ilYg9pe6hCH83XxARoAyWRCyJAEhAGSy9GDGhCmBQAsoAg64MSEAZRCzZACABEkZSmhv8B6WbICGghYbrpBSSJNMyLYgJDiGZAHFigrtCEA0n0jVM+hERMQB3c8upb2+GhICEFKSQHZOeCy44WejMHKw8ud6UrPSWHLIFgDEkqXvPvtvZs23bNte297z2zw8yD8kZSTqViuj/BCQFK/eMDgxiH8RYS8y1OpUqRXY5pVJAnFZR1ZxTK6qt5GjCTi8bQTZKkASCgv+RvGEfXAnYC0dvcmpmC9wkIrd7ZwqP+t9/ZW/3iU3wiXbHzb1lHZwd/eZZeMRv6CWcv0/Kid93dmNbh2WkNH2dPrA/y7LpGMj4crDUQMPA2OFDvHXNimXB+LDz2AAF40ePbV+eFrYdx46ME/D5xPGqtNQq50/oNZ/UbWnpelIjdh9PZUsA8VTGyPWfP7c5hYaz1o9b38ULK0HxYhTcui9JBSiIdOHWeeVMCj9tglvP1ctlUO/Brff6taUgjtKLW/3NG+tBciMwbv7g1jxInQeRH7l9ZyNgg+oIdv7wXlhVktwN6ujXPX50f20JHi3U4ec1T2JcXF1AQ4yxximsff/0mXyYW+AoKqHWaRx+99xemJubsQ6SOVT99s2r117Ng38VHCAojBIkewiySoI4aSVHE82RI6q6ixjRfCFFtHCulQyVpES20YBeEGMtCA==); background-size: 25px auto; background-repeat: no-repeat; background-position-y: center; background-position-x: 5px; pointer-events: none; user-select: none; opacity: 0; transition: opacity .3s ease-in-out; & p {margin-left: auto;} &::before {content: ""; display: flex; position: absolute; width: 15px; aspect-ratio: 1/1; border-top: #25252599 1px solid; border-left: #25252599 1px solid; background-image: linear-gradient(135deg,white 50%,transparent 50%); background-repeat: no-repeat; top: -8.8px; left: calc(50% - 70px); z-index: -1; rotate: 45deg;}} & input {margin: 0;} &:has(.invalid) {.erro {opacity: 1; animation: longFadeOut .5s ease-in-out forwards 4.5s;}}}form.contato button{width:min(200px,50%);border:none;border-radius:.5vw;background-color:var(--yelog);font-size:1vw;font-weight:600;padding:1vw 0;margin-bottom:2vw;cursor:pointer}form.contato .subTexto{width:100%;color:#121212;text-align:center}@media screen and (max-width: 768px){form.contato input{padding:3vw 2vw;font-size:3vw;&::-webkit-input-placeholder{font-size:3vw}}form.contato button{font-size:3vw;padding:3vw 0}}@keyframes longFadeOut{0%{opacity:1}to{opacity:0}}.pageBody~footer{position:relative;display:flex;width:100%;background-color:var(--darkPurple);padding:min(2vw,20px) 3vw;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:9}.pageBody~footer .left{display:flex;flex-direction:column;width:25%;gap:1vw}.pageBody~footer .left .top{width:100%;color:#fff;font-size:1vw;> a {display: flex; text-decoration: none; width: fit-content; & p {color: white; width: fit-content;}}}.pageBody~footer .left .top .certs{display:flex;margin-top:1vw;gap:1vw;& a{display:flex;height:auto;justify-content:center;align-items:center;& img{height:fit-content;border-radius:.5vw;width:10vw}}> img {width: 5vw;}}.pageBody~footer .left .top>img{width:5vw}.pageBody~footer .left .top .icons{display:flex;height:2vw;gap:.5vw;margin-top:10px}.pageBody~footer .left .top .icons a{display:flex;width:2vw;height:2vw;align-items:center;justify-content:center;transition:.3s}.pageBody~footer .left .top .icons a:nth-child(n + 1):nth-child(-n + 3){border-radius:50%;overflow:hidden}.pageBody~footer .left .top .icons img{width:100%}.pageBody~footer .bottom{display:flex;width:100%;gap:2vw;color:#fff}.pageBody~footer .bottom .image{display:flex;width:30%;position:relative;align-items:center}.pageBody~footer .bottom img{position:relative;width:100%;height:auto}.pageBody~footer .bottom .image:after{content:"";position:absolute;display:flex;right:-1vw;width:1px;height:110%;background-color:#fff}.pageBody~footer .bottom .info{line-height:1}.pageBody~footer .bottom .info p{font-size:.9vw}.pageBody~footer .bottom .info p:nth-child(even){margin-bottom:20px}.pageBody~footer .right{display:flex;justify-content:space-around;width:75%}.pageBody~footer .right ul{display:flex;flex-direction:column;list-style:none;color:#bcb2b2;gap:10px}.pageBody~footer .right ul h3,.pageBody~footer .right ul a{font-size:1.8vw;font-weight:600;text-decoration:none;color:#fff}.pageBody~footer .right li,.pageBody~footer .right li a{color:#bcb2b2;text-decoration:none;font-size:1vw;font-weight:400}.rights{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;height:4vw;color:#fff;background-color:#270c55;padding:0 5%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:9}.rights a{padding:.3vw .8vw;background-color:var(--pink);border-radius:.8vw;color:#fff;font-weight:500;font-size:.85vw;text-decoration:none}.rights p{color:#bcb2b2;font-size:.85vw}.main.sobre{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main.sobre header{position:relative;display:flex;justify-content:space-around;padding-top:30px;overflow:visible;margin-bottom:10vw}.main.sobre:has(.sobre):before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100vw;height:120%;background-color:var(--mainBg1);background-image:radial-gradient(circle at 50% 50%,#41138b58 10%,transparent 100%);mix-blend-mode:hard-light;z-index:-1}.main.sobre header .image{position:relative;width:30%}.main.sobre header .image img{width:100%;border-radius:1.25vw}.main.sobre header .image .luaWrapper{position:absolute;left:100%;top:20px;width:12.5vw;height:12.5vw;border-radius:50%;z-index:-1;transform:translate(-50%,-50%);overflow:hidden;filter:blur(.5vw)}.main.sobre header .image .lua{width:100%;border-radius:50%;animation:lua 100s ease infinite alternate;filter:blur(1.25vw)}.main.sobre header .text{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.main.sobre header .text h1{font-size:5vw}.main.sobre header .text h2{display:flex;flex-direction:column;font-size:2.2vw}.main.sobre header .text .color{color:var(--yelog)}.main.sobre header button{position:absolute;display:flex;justify-content:center;align-items:end;top:100%;width:max(4.7vw,70px);aspect-ratio:1/1.54;transform:translateY(-50%);border:none;border-radius:100vw;background-color:var(--fadeYellow);color:#fff;font-size:3vw;cursor:pointer;transition:all .2s ease}.main.sobre header button:hover{background-color:var(--yelog)}.main.sobre .empresa .title{display:flex;flex-direction:column;align-items:center;margin-top:6.25vw;margin-bottom:2vw}.main.sobre .empresa .title h2{display:flex;flex-direction:column;font-size:4vw;color:#fff}.main.sobre .empresa .title span{font-size:2vw;color:var(--pink)}.main.sobre .empresa .content{display:flex;justify-content:space-between;margin-bottom:15vw}.main.sobre .empresa .content .text{display:flex;width:52vw;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:2.5vw}.main.sobre .empresa .content .text p{font-size:1.5vw}.main.sobre .empresa .content .image{width:33vw}.main.sobre .empresa .content .image img{width:100%;border-radius:1.25vw}.main.sobre .empresa .equipe .text{text-align:center}.main.sobre .empresa .equipe .text h2{font-size:7vw}.main.sobre .empresa .equipe .dropDownWrapper{display:grid;width:100%;place-items:center;grid-template-columns:1fr 1fr;gap:3.75vw 2.5vw}.main.sobre .empresa .equipe .dropDown{position:relative;display:flex;width:22vw;justify-content:center;align-items:center;border-radius:1.25vw;background-color:var(--purple);gap:1.875vw;padding:1.25vw;cursor:pointer}.main.sobre .empresa .equipe .dropDown svg{position:absolute;right:1.25vw;font-size:1.25vw}.main.sobre .empresa .equipe .inner{position:absolute;bottom:0;width:100%;height:100%;background-color:var(--purple);border-radius:1.25vw;opacity:0;transition:all .5s ease;padding-top:1.25vw;line-height:1;z-index:-1}.main.sobre .empresa .equipe .dropDown:hover .inner{transform:translateY(calc(100% - 1.25vw));border-top-left-radius:0;border-top-right-radius:0;opacity:1}.main.sobre .desenvolvimento{display:flex;flex-direction:column;align-items:center;margin-bottom:6.25vw}.main.sobre .desenvolvimento .title{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.main.sobre .desenvolvimento .title h2{font-size:2.5vw;margin:0 14vw 2.2vw}.main.sobre .desenvolvimento .sliderWrapper{width:100%;height:50vw;display:flex;justify-content:center;align-items:center;gap:20px}.main.sobre .desenvolvimento .sliderWrapper .slider{width:100%;height:100%}.main.sobre .desenvolvimento .sliderWrapper .container{height:100%;width:50%;overflow:hidden;background-color:var(--fadeYellow);border-radius:.9375vw}.main.sobre .desenvolvimento .sliderWrapper .item{display:flex;align-items:center;justify-content:center;color:#121212;padding:10px 50px;font-weight:700}.main.sobre .desenvolvimento .item p{font-size:2vw;text-align:center;user-select:none}.main.sobre .diagrama{display:flex;flex-direction:column;align-items:center}.main.sobre .diagrama .title{margin-bottom:5vw;margin:10vw 0 5vw}.main.sobre .diagrama .title h2{color:#fff;font-size:3.2vw}.main.sobre .diagrama .title span{color:var(--pink);font-size:2rem;font-weight:700}.main.sobre .diagrama .venn{position:relative;display:flex;justify-content:center;width:80%;aspect-ratio:1.78472/1;color:#fff}.main.sobre .diagrama .venn svg{width:calc(100% - 30px);height:unset;aspect-ratio:1.78472/1}.main.sobre .diagrama .item{position:absolute;display:flex;justify-content:center;top:70%;left:50%;transform:translate(-50%,-50%);height:66%;aspect-ratio:1/1;border-radius:50%;background-color:#9f12d269;mix-blend-mode:color}.main.sobre .diagrama .item[id="1"]{top:150px;transform:translate(-89%,-50%)}.main.sobre .diagrama .item[id="2"]{top:150px;transform:translate(-11%,-50%)}.main.sobre .diagrama .item .floating{position:absolute;top:105%;width:110%;background-color:#9f12d269;border-radius:15px;padding:25px 10px;font-weight:700;font-size:1.1rem}.main.sobre .diagrama .item:nth-child(2) .floating{top:-40px;right:60%}.main.sobre .diagrama .item:after{content:"";position:absolute;top:50%;left:50%;height:100%;width:100%;border-radius:50%;border-right:15px solid white}.main.sobre .diagrama .item p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700}@keyframes lua{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main.suporte{display:flex;flex-direction:column;padding-top:0}.main.suporte header{position:relative;padding-top:5%;height:max(100vh,850px);color:#fff}.main.suporte header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(29,13,58,.63),rgba(29,13,58,.63)),url(/assets/suporte-5b1bf7c5.avif);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.main.suporte header h1{font-size:7rem}.main.suporte header h2{display:flex;flex-direction:column;line-height:1;font-size:2rem;margin:20px 0}.main.suporte header h2 span{color:var(--yelog)}.main.suporte header p{display:flex;flex-direction:column;margin-bottom:20px}.main.suporte header>section{display:flex;gap:20px}.main.suporte header>section a{background-color:var(--purple);padding:5px 20px;border-radius:5px;text-decoration:none;color:#fff;cursor:pointer}.main.suporte header button{position:absolute;display:flex;bottom:10%;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:center;height:180px;width:90px;border:none;border-radius:44px;background-color:var(--fadeYellow);color:#fff;font-size:2.5rem;cursor:pointer;transition:.2s}.main.suporte header button:hover{background-color:var(--yelog)}.main.suporte .content{display:flex;flex-direction:column;gap:3vw;background-color:var(--MainBg1)}.main.suporte .content{margin-bottom:100px}.main.suporte .content>h3{color:#fff;width:fit-content;font-size:2vw;background-color:var(--purple);border-radius:10px;padding:2vw 4vw;margin:0;&:first-child{margin-top:5vw}}.main.suporte .content ul{position:relative;list-style:none;z-index:10}.main.suporte .content li{position:relative;display:flex;width:100%;min-height:12.5vw;cursor:pointer;color:#fff;background-color:var(--MainBg1);font-size:2rem;transition:all .4s ease-in-out}.main.suporte .content li .title{width:100%;z-index:2;background-color:var(--MainBg1);font-size:4vw;& p{display:flex;align-items:center;height:100%;gap:2vw}}.main.suporte .content li>*{pointer-events:none}.main.suporte .content li .inner{position:absolute;top:0;left:0;font-size:2.5vw;transition:all .4s ease-in-out;overflow:hidden;line-height:1}.main.suporte .content li.active .inner{top:100%;height:auto}.main.contato:after{display:none}.main.contato header h1{color:var(--lightPurple);font-size:4vw;margin-top:1vw}.main.contato header h2{color:#fff;font-size:2.5vw}.main.contato header h3{color:#fff;font-size:1.2vw;font-weight:500}.main.contato form{position:relative;display:flex;width:50%;flex-direction:column;justify-content:center;padding-bottom:5vw;background-color:#8436e808;box-shadow:0 1.7vw 1.7vw #000000ba;padding:1.5vw 4vw;margin:4vw 0 4vw 10vw}.main.contato form section{position:relative;display:flex;flex-direction:column;justify-content:center;margin-top:50px}.main.contato form label{color:#fff;font-size:1.5rem;font-weight:500}.main.contato form .erro{content:"";display:flex;align-items:center;position:absolute;width:180px;height:35px;top:calc(100% + 20px);left:50%;transform:translate(-50%);background-color:#fff;z-index:2;border:#25252599 1px solid;border-radius:5px;padding:0 1rem;background-image:url(data:image/webp;base64,UklGRnICAABXRUJQVlA4TGYCAAAvcoAcEPfjIJIkReqZYwXn3yA903Q9iRAQFPk/muNGkhQpu/uYnue/e8w01DX/dRCwlr+bC0tWlALNU/VUIb0c3DkJ5QUJQDP4sOaqKIIzMy8ilYg9pe6hCH83XxARoAyWRCyJAEhAGSy9GDGhCmBQAsoAg64MSEAZRCzZACABEkZSmhv8B6WbICGghYbrpBSSJNMyLYgJDiGZAHFigrtCEA0n0jVM+hERMQB3c8upb2+GhICEFKSQHZOeCy44WejMHKw8ud6UrPSWHLIFgDEkqXvPvtvZs23bNte297z2zw8yD8kZSTqViuj/BCQFK/eMDgxiH8RYS8y1OpUqRXY5pVJAnFZR1ZxTK6qt5GjCTi8bQTZKkASCgv+RvGEfXAnYC0dvcmpmC9wkIrd7ZwqP+t9/ZW/3iU3wiXbHzb1lHZwd/eZZeMRv6CWcv0/Kid93dmNbh2WkNH2dPrA/y7LpGMj4crDUQMPA2OFDvHXNimXB+LDz2AAF40ePbV+eFrYdx46ME/D5xPGqtNQq50/oNZ/UbWnpelIjdh9PZUsA8VTGyPWfP7c5hYaz1o9b38ULK0HxYhTcui9JBSiIdOHWeeVMCj9tglvP1ctlUO/Brff6taUgjtKLW/3NG+tBciMwbv7g1jxInQeRH7l9ZyNgg+oIdv7wXlhVktwN6ujXPX50f20JHi3U4ec1T2JcXF1AQ4yxximsff/0mXyYW+AoKqHWaRx+99xemJubsQ6SOVT99s2r117Ng38VHCAojBIkewiySoI4aSVHE82RI6q6ixjRfCFFtHCulQyVpES20YBeEGMtCA==);background-size:25px auto;background-repeat:no-repeat;background-position-y:center;background-position-x:5px;pointer-events:none;user-select:none;opacity:0;transition:opacity .3s ease-in-out;& p{margin-left:auto}&:before{content:"";display:flex;position:absolute;width:15px;aspect-ratio:1/1;border-top:#25252599 1px solid;border-left:#25252599 1px solid;background-image:linear-gradient(135deg,white 50%,transparent 50%);background-repeat:no-repeat;top:-8.8px;left:calc(50% - 70px);z-index:-1;rotate:45deg}}.main.contato form input.invalid~.erro{opacity:1;animation:longFadeOut .5s ease-in-out forwards 4.5s}.main.contato form input{width:100%;height:4vw;margin-top:1vw;border:none;border-radius:.3vw;padding-left:1vw;font-size:1vw;font-weight:500;background-color:var(--purple);color:#fff}.main.contato form input::placeholder{color:#c6a6ff}.main.contato form button{position:relative;left:50%;transform:translate(-50%);width:fit-content;background-color:var(--yelog);color:#fff;font-size:1.2vw;font-weight:600;border:none;border-radius:.8vw;padding:1vw 4vw;margin-bottom:2vw}.main.contato form sub{position:relative;bottom:0;left:50%;width:70%;transform:translate(-50%);color:#b593ee;text-align:center;font-weight:500}.main.e-commerce header{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;z-index:2}.main.e-commerce header h1{font-size:10vw;width:58.2vw;font-weight:700;color:#fff}.main.e-commerce header .pseudoBtn{width:56.8vw;margin-bottom:1vw}.main.e-commerce header p{background-color:var(--yelog);width:fit-content;padding:.4vw 2vw;font-weight:700;border-radius:.5vw;border:none;color:#fff}.main.e-commerce header .image{position:relative;transform:translateY(-10%);display:flex;width:100%;height:fit-content;flex-direction:column;justify-content:center;align-items:center;gap:4vw;pointer-events:none}.main.e-commerce header img{position:relative;width:40%;object-fit:contain;overflow:visible}.main.e-commerce header .subtext{display:flex;justify-content:center;width:100%}.main.e-commerce header .subtext p{width:50vw;text-align:center;font-size:1.5vw;color:#fff;background-color:transparent;font-weight:400}.main.e-commerce header button{position:absolute;display:flex;justify-content:center;align-items:end;top:50%;width:4.7vw;aspect-ratio:1/1.54;transform:translateY(-50%);border:none;border-radius:44px;background-color:var(--fadeYellow);color:#fff;font-size:3vw;cursor:pointer;transition:all .2s ease;pointer-events:all}.main.e-commerce header button:hover{background-color:var(--yelog)}.main.e-commerce .faixa{padding:0}.main.e-commerce .faixa .title{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}.main.e-commerce .faixa .title h2{font-size:3vw;max-width:40%;font-weight:700;margin-bottom:2vw}.main.e-commerce .faixa .title span{color:var(--yelog)}.main.e-commerce .faixa .title h3{font-size:1.2vw;max-width:40%;font-weight:400}.main.e-commerce .faixa .content{display:flex;justify-content:center;align-items:center;width:90%;height:100%;margin-top:100px;border-radius:0px 8vw 1vw 0px;overflow:hidden}.main.e-commerce .faixa .content section{display:flex;width:auto;aspect-ratio:1.13/1;justify-content:center;align-items:center;flex:0 1 100%;color:#fff;font-size:2vw;padding:0}.main.e-commerce .faixa .content section:nth-child(1){background-color:#170634}.main.e-commerce .faixa .content section:nth-child(2){background-color:#220c49}.main.e-commerce .faixa .content section:nth-child(3){background-color:#371772}.main.e-commerce .faixa .content section:nth-child(4){background-color:#512589}.main.e-commerce .vantagens{display:flex;height:100%;justify-content:space-evenly;margin:100px 0}.main.e-commerce .vantagens>img{width:max(20%,300px)}.main.e-commerce .vantagens .right{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:2vw}.main.e-commerce .vantagens h2{font-size:3vw;max-width:70%;font-weight:700}.main.e-commerce .vantagens h2 span{color:var(--yelog)}.main.e-commerce .vantagens ul{display:flex;flex-direction:column;font-size:max(1vw,1rem)}.main.e-commerce .vantagens li{height:fit-content}.main.e-commerce .vantagens li p{height:100%;display:flex;align-items:center;font-size:1.2vw}.main.e-commerce .vantagens li::marker{color:var(--yelog);font-size:max(2vw,2rem)}.main.e-commerce .seguranca .titulo{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;margin-bottom:5vw}.main.e-commerce .seguranca .titulo h2{font-size:3vw;max-width:70%;font-weight:700}.main.e-commerce .seguranca .titulo span{color:var(--yelog)}.main.e-commerce .seguranca .titulo h3{font-size:1.5vw;max-width:70%;font-weight:400}.main.e-commerce .seguranca .cards{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;overflow:hidden;margin-bottom:5vw}.main.e-commerce .seguranca .cards section{display:flex;width:20%;aspect-ratio:1/1;border-radius:19px;align-items:center;justify-content:center;color:#fff;text-align:center;font-size:2vw;font-weight:700;box-shadow:inset 0 0 3px 3px #0006;transition:all .2s ease}.main.e-commerce .seguranca .cards section:hover{background-color:var(--fadeYellow);color:#121212;box-shadow:none}.main.e-commerce .seguranca .cards section p{position:relative;transition:all .2s ease}.main.e-commerce .seguranca .cards section:hover p{animation:textJump .8s cubic-bezier(.85,-.01,0,.98)}@keyframes textJump{0%{transform:translateY(0)}50%{transform:translateY(-10%)}to{transform:translateY(0)}}.main.e-commerce .taxas{display:flex;width:100%;flex-direction:column;align-items:center;margin-bottom:10vw}.main.e-commerce .taxas .titulo{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;margin-bottom:10vw}.main.e-commerce .taxas .titulo h2{font-size:3vw;max-width:50vw;font-weight:700;color:#b593ee}.main.e-commerce .taxas .titulo p{font-size:1.3vw;max-width:50vw;font-weight:400;margin:3vw 0}.main.e-commerce .taxas .content{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between}.main.e-commerce .taxas .left{display:flex;flex-direction:column;align-items:center;width:40vw;height:100%;overflow:hidden;gap:50px;color:#fff;overflow:visible}.main.e-commerce .taxas .content h2{font-size:2vw;font-weight:700;text-align:center}.main.e-commerce .taxas .content span{color:var(--yelog)}.main.e-commerce .taxas .content ul{display:flex;width:100%;flex-direction:column;align-items:center;gap:2.5vw;padding-bottom:10vw}.main.e-commerce .taxas .content li{position:relative;display:flex;width:25vw;height:3vw;align-items:center;font-size:1.2vw;list-style:none}.main.e-commerce .taxas .content li span{position:absolute;left:0;top:30%;transform:translate(-175%,-50%);width:auto;height:1vw;aspect-ratio:1/1;border-radius:100%;background-color:var(--yelog)}.main.e-commerce .taxas .content a{width:fit-content;text-decoration:none;background-color:var(--yelog);border-radius:1vw;color:#fff;font-size:1.2vw;font-weight:700;padding:10px 20px;margin-top:20px}.main.e-commerce .taxas .content img{position:absolute;right:5vw;height:auto;width:30vw;height:200%}.main.consultoria{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;padding:0;background-color:#121212;overflow:hidden}.main.consultoria>.bg{position:absolute;display:flex;flex-direction:column;width:108%;margin-top:-36vw;background-color:#121212;padding:0;z-index:-1;pointer-events:none;user-select:none}.main.consultoria header{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding-top:5vw;margin-bottom:20vw}.main.consultoria header .bg img{width:100%}.main.consultoria header .content{display:flex;width:100%;top:3vw;align-items:center;justify-content:center;flex-direction:column;z-index:2}.main.consultoria header h1{font-size:5.5vw;color:#fff;text-align:center;margin-bottom:1vw}.main.consultoria header .pseudoButton{display:flex;width:fit-content;align-items:center;justify-content:center;background-color:var(--purple);color:#fff;border-radius:6px;padding:.6vw 1.5vw;cursor:default;margin-bottom:50px}.main.consultoria header .content>p{font-size:max(1vw,1rem);width:35vw;color:#fff;text-align:center;margin-bottom:1rem}.main.consultoria header button{position:absolute;display:flex;justify-content:center;align-items:end;bottom:-8vw;width:90px;width:4.7vw;aspect-ratio:1/1.54;border:none;border-radius:44px;background-color:var(--fadeYellow);color:#fff;font-size:2.3vw;cursor:pointer;transition:all .2s ease}.main.consultoria header button:hover{background-color:var(--yelog)}.main.consultoria .selector{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:100px}.main.consultoria .titulo{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.main.consultoria .titulo h2{font-size:3vw;width:55vw;text-align:center;color:#fff;margin-bottom:1rem}.main.consultoria .titulo p{font-size:1.4vw;width:55vw;text-align:center;color:#fff;margin-bottom:1rem}.main.consultoria .titulo p span{color:var(--yelog)}.main.consultoria .slider{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-bottom:20vw}.main.consultoria .slider .sliderContainer{position:relative;width:60%;aspect-ratio:2/1;backdrop-filter:blur(20px);background-color:#fff3;border-radius:2vw}.main.consultoria .sliderClass,.main.consultoria .sliderClass li{height:100%}.main.consultoria .innerContainer{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;padding:20px}.main.consultoria .innerContainer img{width:fit-content;height:70%;object-fit:contain;border-radius:20px;user-select:none}.main.consultoria .innerContainer p{font-size:1.5vw;width:100%;text-align:center;color:#fff;margin-bottom:1vw;user-select:none}.main.consultoria .dotListClass{position:absolute;top:unset;left:unset;right:unset;bottom:-15px;transform:translateY(100%);width:60%;overflow:visible;& li{width:calc(100% / 3)}}.main.consultoria .dot{display:flex;justify-content:center;align-items:end;width:100%;cursor:pointer;color:#fff;padding-top:10px;font-size:1.2vw;font-weight:700;background-color:transparent;border:none}.main.consultoria .slider .car{position:absolute;width:60%;bottom:-25px;height:10px;background-color:var(--fadeYellow);border-radius:5px;pointer-events:none}.main.consultoria .slider .car .inner{position:absolute;left:var(--slide);width:calc(100% / 3);height:100%;background-color:var(--yelog);border-radius:5px;transition:all .35s ease}.main.consultoria .selector{.titulo h2 {font-size: 2.5vw;} .titulo p {font-weight: 500;} .content {background-color: var(--fadeYellow); border-radius: 1vw; height: 650px; padding: 1vw 0; .controler {text-align: left; .controlerItem {color: #121212; font-weight: 600; font-size: 2vw;} .VS_con {right: unset; left: min(-1.2vw,-10px); background-color: transparent; .VS_innerCon {height: 15% !important; transform: translateY(60%);}}} .container {background-color: transparent; .item {display: flex; flex-direction: column; align-items: center; justify-content: center; color: black; padding: 0 1.5vw; .text {display: flex; flex-direction: column; font-size: 1.5vw; font-weight: 600; margin-bottom: 1rem; gap: 3vw;} .list {display: flex; flex-direction: column; gap: 1vw; list-style: disc;}}}}}.main.consultoria .formWrapper{background-color:#121212}.main.desenvolvimento header{position:relative;display:flex;flex-direction:column;align-items:center;color:#fff;width:100vw;aspect-ratio:1.7916/1}.main.desenvolvimento header>img{position:absolute;top:0;left:50%;transform:translate(-50%,-10%);width:100%}.main.desenvolvimento header>img:nth-child(1){filter:blur(6vw) hue-rotate(-15deg) brightness(.6);z-index:-1;height:300%;transform:translate(-50%,-30%)}.main.desenvolvimento header>img:nth-child(2){top:5vw;height:auto;width:60vw}.main.desenvolvimento header .titulo{position:relative;display:flex;width:fit-content;height:100%;flex-direction:column;align-items:end}.main.desenvolvimento header h1{margin-top:14%;font-size:7vw;font-weight:700;text-align:center;z-index:-1}.main.desenvolvimento header h1 span{color:#d3aede}.main.desenvolvimento header .titulo h2{position:relative;text-align:right;font-size:3vw}.main.desenvolvimento header .titulo p{position:relative;right:-3vw;text-align:right;font-size:1.2vw;width:26.8vw}.main.desenvolvimento header .left{position:absolute;display:flex;flex-direction:column;top:0;left:0;width:8vw;height:90%;border-top-right-radius:1vw;border-bottom-right-radius:1vw;overflow:hidden}.main.desenvolvimento header .left section{position:relative;flex:0 1 100%;color:#fff}.main.desenvolvimento header .left section:nth-child(1){background-color:var(--yelog)}.main.desenvolvimento header .left section:nth-child(2){background-color:var(--fadeYellow);color:#121212}.main.desenvolvimento header .left section:nth-child(3){background-color:var(--purple)}.main.desenvolvimento header .left h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:2.5vw}.main.desenvolvimento header button{position:absolute;display:flex;justify-content:center;align-items:end;top:30vw;left:45%;width:4.7vw;aspect-ratio:1/1.54;border:none;border-radius:44px;background-color:var(--fadeYellow);color:#fff;font-size:2.3vw;cursor:pointer;transition:background-color .2s ease}.main.desenvolvimento header button:hover{background-color:var(--yelog)}.main.desenvolvimento .sliderContainer{background-color:transparent;touch-action:none;width:50vw;& img{width:50%}}.main.desenvolvimento .sliderItem .inner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:space-evenly;padding:20px 5%;touch-action:none}.main.desenvolvimento .sliderItem .inner ul{list-style:disc;& h3{margin-bottom:1vw}}.main.desenvolvimento .sliderItem .inner *{user-select:none;pointer-events:none;font-size:1.5vw}.main.desenvolvimento .sliderItem .inner li:has(h3){list-style:none}.main.desenvolvimento .sliderControler{width:21vw;justify-content:center}.main.desenvolvimento .VSlider_controlerItemClass{display:flex;justify-content:center;align-items:center;flex:0 0 25%}.main.desenvolvimento .sliderControlerItem{display:flex;justify-content:center;align-items:center;font-size:1.2vw;font-weight:600;height:fit-content;width:100%;height:100%;padding:0}.main.desenvolvimento .sliderItem section{display:flex;flex-direction:column;font-weight:600;text-align:center;gap:20px}.main.desenvolvimento .comunicacao{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px 0;color:#fff}.main.desenvolvimento .comunicacao .title{position:relative;width:55vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 0;color:#fff}.main.desenvolvimento .comunicacao h2{width:55vw;font-size:3vw;text-align:center;font-weight:700}.main.desenvolvimento .linha{position:relative;display:flex;width:55vw;height:2rem;align-items:center;background-color:#ff07ff38;color:#ff07ff;border-radius:.1vw}.main.desenvolvimento .linha p{position:absolute;left:-2.2rem}.main.desenvolvimento .cards{display:flex;width:100%;height:38vw;justify-content:center;gap:5vw}.main.desenvolvimento .card{display:flex;height:100%;aspect-ratio:1/1.15;flex-direction:column;align-items:center;background-color:#2f175a;padding:1vw 2vw}.main.desenvolvimento .card h3{height:30%;font-size:2.5vw;font-weight:700;text-align:center;color:#e8e4a8}.main.desenvolvimento .card .content{display:flex;height:70%;flex-direction:column;gap:25%}.main.desenvolvimento .card .content p{font-size:1.5vw;font-weight:400}.main.desenvolvimento .tech{padding:0;width:100%}.main.desenvolvimento .tech img{display:block;width:90%;height:fit-content;margin-top:-5vw;margin-bottom:2vw}.main.desenvolvimento .slider2Container{display:flex;flex-direction:column;align-items:center;gap:5vw}.main.desenvolvimento .slider2Container .title{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.main.desenvolvimento .slider2Container .title h2{display:block;font-size:2.5vw;width:50vw;font-weight:700}.main.desenvolvimento .slider2Container .title p{width:50vw;margin-top:2vw}.main.desenvolvimento .desenvolvimentoSlider2{background-color:var(--fadeYellow);padding:0;width:80%;border-radius:20px;margin-bottom:100px}.main.desenvolvimento .desenvolvimentoSlider2 .container{height:100%;background-color:transparent;& ul{backface-visibility:hidden}}.main.desenvolvimento .desenvolvimentoSlider2 .controler{height:70%}.main.desenvolvimento .desenvolvimentoSlider2 .VS_con{left:-5%;right:unset;background-color:transparent}.main.desenvolvimento .desenvolvimentoSlider2 .VS_con>*{background-color:#f9c126;height:15%!important;transform:translateY(30%)}.main.desenvolvimento .desenvolvimentoSlider2 .controlerItem{color:#000;font-size:1.5vw;font-weight:700;text-align:left}.main.desenvolvimento .desenvolvimentoSlider2 .item{color:#000}.main.desenvolvimento .desenvolvimentoSlider2 .item .inner{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center;pointer-events:none;user-select:none}.main.desenvolvimento .desenvolvimentoSlider2 .item img{pointer-events:none;user-select:none;height:50%;object-fit:contain;border-radius:20px}.main.desenvolvimento .desenvolvimentoSlider2 .item p{width:80%;font-size:1.5vw;font-weight:700;color:#20074a;pointer-events:none;user-select:none}.main.sistema{padding-top:0}.main.sistema .bubble{position:absolute;top:0;left:0;width:4vw;z-index:2}.main.sistema header{position:relative;padding:0;height:70vw}.main.sistema header>.bubble{top:45vw;left:unset;right:18%}.main.sistema header>img{position:absolute;top:0;left:0;width:65%;z-index:-1}.main.sistema header>button{position:absolute;display:flex;justify-content:center;align-items:end;top:30vw;left:50%;transform:translate(-50%);width:4.7vw;aspect-ratio:1/1.54;border:none;border-radius:44px;background-color:var(--fadeYellow);color:#fff;font-size:2.3vw;cursor:pointer;transition:background-color .2s ease}.main.sistema header>button:hover{background-color:var(--yelog)}.main.sistema header .title{position:absolute;display:flex;flex-direction:column;text-align:right;align-items:end;top:max(20vw,40px);right:10%;transform:translateY(-50%);color:#fff}.main.sistema header .title h1{display:flex;flex-direction:column;width:49vw;font-size:6vw}.main.sistema header .title span{font-size:4vw}.main.sistema header .pseudoBtn{font-size:.8rem;background-color:var(--purple);padding:.6vw 1.3vw;border-radius:5px;margin:1.2vw 0}.main.sistema header .title p{font-size:max(1.2vw,1rem);width:30vw;margin-top:1vw}.main.sistema .personalizacao{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;gap:50px;margin-bottom:150px}.main.sistema .personalizacao h2{font-size:2.6vw;width:47vw;margin-bottom:1vw}.main.sistema .personalizacao .cards{display:flex;gap:3vw}.main.sistema .personalizacao .card{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--purple);font-size:1.2vw;width:13vw;padding:1vw 0;border-radius:5px}.main.sistema .personalizacao>p{display:flex;flex-direction:column;align-items:center;font-size:1.5vw}.main.sistema .personalizacao img{width:50vw;box-shadow:0 23px 23px #00000061;border-radius:1vw;z-index:-2}.main.sistema .personalizacao img.render{all:unset;position:absolute;top:70%;right:0;width:40vw;z-index:-1}.main.sistema .vantagens{margin-bottom:5vw}.main.sistema .vantagens .title{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;gap:2vw;padding-bottom:5vw}.main.sistema .vantagens .title .bubble:nth-child(1){top:unset;bottom:0;left:2vw}.main.sistema .vantagens .title .bubble:nth-child(2){top:unset;bottom:100%;right:1.3vw}.main.sistema .vantagens .title h2{display:flex;flex-direction:column;font-size:2.2vw}.main.sistema .vantagens .title h2>span:nth-child(1){font-size:3.2vw}.main.sistema .vantagens .title h2 .color{color:#b593ee}.main.sistema .vantagens .title>p{font-size:1.2vw;width:40vw}.main.sistema .vantagens .cards{display:flex;justify-content:space-around}.main.sistema .vantagens .card{display:flex;width:18vw;aspect-ratio:1/1.2;flex-direction:column;align-items:center;justify-content:center;border-radius:2vw;background-color:var(--purple);color:#fff;font-size:1.6vw;text-align:center;font-weight:600;padding:0 1vw}.main.sistema .web-mobile{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;margin-bottom:10vw;padding:0}.main.sistema .web-mobile h2{font-size:2.6vw;width:30vw;margin-bottom:1vw}.main.sistema .web-mobile h2 span{color:var(--yelog)}.main.sistema .web-mobile img{width:100%}.main.integracao:after{background-image:url(/assets/integracao-4abeb6df.svg);background-repeat:repeat-x repeat-y;background-position:0 0;background-size:unset}.main.integracao{.header {position: relative; display: flex; height: 40vw; margin-bottom: 10vw;} .header h1 {position: relative; display: flex; width: 40vw; flex-direction: column; color: white; font-size: 8vw; line-height: 1.2; padding-top: 5vw;} .header h1 span {font-size: 3vw; text-align: right;} .header h1 p {line-height: normal; font-size: 1.2vw; font-weight: 400;} .header h1 .pseudoBtn {width: fit-content; background-color: var(--purple); border-radius: 5px; font-size: 1rem; margin-top: 20px; padding: 10px 20px;} .header h1 img {position: absolute; bottom: -7vw; width: 20vw; object-fit: cover;} .header > svg {position: absolute; right: 0; bottom: 0; height: 120%; width: fit-content; z-index: -1;} .header button {position: absolute; display: flex; justify-content: center; align-items: end; left: 50%; bottom: 10%; transform: translateX(-50%); width: 90px; width: 4.7vw; aspect-ratio: 1/1.54; border: none; border-radius: 44px; background-color: var(--fadeYellow); color: white; font-size: 2.3vw; cursor: pointer; transition: all .2s ease;} .header button:hover {background-color: var(--yelog);} .alem {display: flex; flex-direction: column; align-items: center; color: white;} .alem h2 {width: 50vw; font-size: 2.5vw; text-align: center;} .alem h2 span {color: var(--yelog);} .alem .container {display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,1fr); width: fit-content; grid-template-areas: "item1 2 3" "4 item2 6" "7 8 item3";} .alem .item {background-color: transparent; border-radius: 20px; text-align: center; padding: 25px 60px; font-size: 1.2vw; font-weight: 600; transition: all .5s ease;} .alem .item:nth-child(2) {grid-area: item2;} .alem .item:nth-child(3) {grid-area: item3;} .alem .item:hover,.alem .item.active {background-color: var(--fadeYellow); color: #121212;} .alem .item:hover p,.alem .item.active p {animation: alemJump 1s ease normal forwards;} .agora {margin-top: 100px; .titulo {position: relative; display: flex; width: 100%; flex-direction: column; color: white; margin-bottom: 100px; .text {display: flex; flex-direction: column; font-size: 5vw; text-align: left;}} .titulo h2 span {color: var(--yelog);} .titulo img {position: absolute; top: 0; right: 0; transform: translateY(-50%); width: 100vw; height: auto; object-fit: contain; z-index: -2;} .cards {display: flex; width: 100%; flex-wrap: wrap; justify-content: center; gap: 10vw; row-gap: 50px; .card {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: fit-content; color: white; font-size: 1.5vw; font-weight: 700; text-align: center; padding: 1vw 2.5vw; cursor: default;} .card::after {content: ""; opacity: 0; position: absolute; bottom: 0; width: 0; height: 2px; background-color: #ad8920; box-shadow: 5px 10px 20px 0 var(--yelog); border-radius: 5px; transition: all .5s ease;} .card.active::after,.card:hover::after {opacity: 1; width: 100%;}}} .vantagens {display: flex; flex-direction: column; align-items: center; margin-top: 100px; .title {color: white; font-size: 2.8vw; width: 56vw; text-align: center; margin-bottom: 100px; .color {color: var(--yelog);}} .section {display: flex; width: 56vw; flex-direction: column; color: white; gap: 1.5vw; margin-bottom: 50px;} .section h3 {position: relative; font-size: 2.5vw; font-weight: 700;} .section h3::after {content: ""; position: absolute; left: -10px; width: 5px; height: 100%; background-color: var(--yelog); box-shadow: -5px 2px 10px 0 var(--yelog); border-radius: 5px;}}}@keyframes alemJump{0%{transform:translateY(0)}50%{transform:translateY(-25%)}to{transform:translateY(0)}}.main.aplicativo{background-color:#060606;padding:0;.gradient {background-image: linear-gradient(to right,var(--lightPurple) 10vw,white 30vw); background-clip: text; -webkit-background-clip: text; color: transparent;} .header {position: relative; display: flex; flex-direction: column; align-items: center; .img {position: absolute; left: 0; top: 0; width: 70vw; z-index: -1;} .title {width: 100%; text-align: center; font-size: 8vw; color: var(--lightPurple); margin-top: 10vw;} .sub {width: 40vw; font-size: 1.2vw; color: white; margin-top: 2vw; text-align: center;} .button {position: absolute; display: flex; justify-content: center; align-items: end; bottom: -18vw; left: 50%; transform: translateX(-50%); width: 4.7vw; aspect-ratio: 1/1.54; border: none; border-radius: 44px; background-color: var(--fadeYellow); color: white; font-size: 2.3vw; cursor: pointer; transition: all .2s ease; &:hover {background-color: var(--yelog);}}} .cardsContainer {display: flex; flex-direction: column; align-items: center; margin: 20vw 0; margin-top: 20vw; .title {width: 50vw; color: white; font-size: 3vw; text-align: center; margin-bottom: 2 vw; & span {color: #c6a6ff;}} .sub {width: 40vw; display: flex; flex-direction: column; margin-bottom: 5vw; font-size: 1.2vw; text-align: center; color: white;} .cards {display: flex; flex-direction: column; align-items: center; gap: 5vw; .card {width: 40vw; & h3 {display: flex; flex-direction: column; justify-content: center; text-align: center; color: #c6a6ff; font-size: 2vw; margin-bottom: 1vw;} & p {color: white; font-size: 1.2vw; text-align: center;}}}} .compatibilidade {margin-bottom: 10vw; .title {width: 50vw; color: white; font-size: 2.5vw; text-align: center; margin: 0 auto; .color {color: var(--yelog);}} .sub {color: white; font-size: 1.2vw; text-align: center; margin: 2vw 0;}} .section {display: flex; flex-wrap: wrap; justify-content: center; gap: 5vw; .pseudoBtn {width: 16vw; color: white; padding: 1vw 0; font-size: 2vw; background-color: var(--purple); border-radius: .5vw; text-align: center;}} .pessoas {display: flex; flex-direction: column; align-items: center; .title {color: white; font-size: 3.4vw; text-align: center; margin-bottom: 80px;} .cards {display: flex; justify-content: center; gap: 2vw; flex-wrap: wrap; .card {width: 15vw; aspect-ratio: 1/1.23; border-radius: .5vw; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1vw; gap: 2vw; transition: all .5s ease; .img {height: 40%; aspect-ratio: 1/1; object-fit: cover; object-position: top; border-radius: 50%; border: 1px solid #121212; box-sizing: content-box;} .text {text-align: center; font-size: max(1.1vw,.9rem); color: white; font-weight: 700; transition: all .5s ease;}} .card.active {background-color: var(--fadeYellow); .text {color: black;}}} .section {width: 50vw; color: #121212; background-color: var(--fadeYellow); padding: 2vw 3vw; border-radius: .5vw; text-align: center; font-size: 1.2vw; margin: 5vw 0;}}}.main.aplicativo:after{all:unset}.error404{display:flex;width:100%;height:100vh;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:2;.title {font-size: calc(5vw + 50px); font-weight: 700;} .svg {font-size: calc(5vw + 50px); width: auto; color: var(--yelog); margin: 1.5vw 0;} .text {font-size: calc(1vw + 10px); font-weight: 400;} .btn {width: fit-content; text-decoration: none; color: white; font-size: calc(1.5vw + 10px); background-color: var(--yelog); border-radius: .4vw; padding: .5vw 1vw; margin-top: 2vw;}}.main.blog{.banner {display: flex; .text {display: flex; flex: 0 0 50%; width: 50%; color: white; flex-direction: column; justify-content: center; & h1 {width: 25vw; font-size: 5vw; font-weight: 700; margin-bottom: 1vw;} & h2 {width: 40vw; font-size: 2vw;} & ul {display: flex; list-style: none; gap: 2vw; margin: 1vw 0; & li {border-radius: .5vw; box-shadow: 0 0 0 .2vw #b593ee; padding: .5vw; color: #c6a6ff; font-weight: 600; font-size: calc(1vw + 1px);}} & a {display: inline-block; width: fit-content; padding: 1vw 2vw; border-radius: .7vw; background-color: #e7a635; color: white; font-weight: 600; font-size: calc(1vw + 1px); text-decoration: none; margin-top: 3vw;}} & .image {flex: 0 0 55%; margin-left: -5%; & img {width: 100%;}}} .content {display: flex; flex-direction: column; align-items: center; padding: 0; margin: 5vw 0; .search {width: 100%; padding: 0 10vw; display: flex; flex-direction: column; align-items: flex-end; .inputWrapper {position: relative; display: flex; justify-content: center; align-items: center; height: fit-content; margin-bottom: 2vw; & input {width: 30vw; padding: 1vw 2vw; background-color: #b593ee; border-radius: .7vw; border: none; font-size: calc(1vw + 1px); color: white; &::-webkit-input-placeholder {color: white;}} & svg {position: absolute; right: 2vw;}} .tags {width: 100%; display: flex; list-style: none; justify-content: space-between; margin-bottom: 10vw; & li {flex: 0 0 15%; position: relative; & button {width: 100%; border-radius: .5vw; box-shadow: 0 0 0 .2vw #b593ee,inset 0 0 0vw 0 #3c3c3c; border: none; padding: .5vw 0; color: #c6a6ff; background-color: transparent; font-weight: 600; font-size: calc(1vw + 1px); cursor: pointer; transition: all .3s ease-out; &:hover {background-color: #b593ee; box-shadow: 0 0 0 .2vw #b593ee,inset 0 0 .1vw 0 #3c3c3c; color: white;}} & svg {width: 20%; height: auto; aspect-ratio: 1/1; bottom: 70%; left: 90%; position: absolute;}}}} .posts {width: 80%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 5vw; color: #121221; .post {flex: 0 0 40%; border-radius: 1vw; overflow: hidden; .image {width: 100%; aspect-ratio: 1.57/1; & img {display: flex; width: 100%; height: 100%; object-fit: cover;}} .text {height: 15vw; display: flex; flex-direction: column; justify-content: space-between; background-color: white; padding: 1vw; font-weight: 600; font-family: montserrat; & h3 {font-size: 2vw; letter-spacing: -1px; word-spacing: -1px;} & > p {font-size: 1.2vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical;} & footer {width: fit-content; margin-left: auto; opacity: .45; & p {display: flex; gap: 1vw; font-size: 1vw; & span {font-size: 1vw;}}}}}}}}.main.sitemap{&:after{display:none}.banner {position: relative; width: 100vw; padding: 1% 0 0 0; aspect-ratio: 600/251; font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif; .back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover;} & h1 {font-size: 3rem; margin: 0; padding-left: 10vw; margin-top: 10vw; color: white;} & h2 {font-size: 1.5rem; margin: 0; padding-left: 10vw; margin-top: 1vw; text-indent: 1%; color: white; font-weight: 600;}} > h3 {margin: 1.5vw 0; font-size: 1.5vw; color: white;} .list {margin: 1vw 0; display: grid; grid-template-columns: repeat(3,auto); row-gap: 2vw; justify-content: space-between; padding: 0 15vw; list-style: none; & li {width: fit-content; & a {display: flex; flex-direction: column; color: white; text-decoration: none; font-size: 1vw; & small {font-size: .8vw; margin-left: .5vw; &::before {content: "\2022"; color: #bcb2b2; font-size: .8vw; margin-left: -.5vw;}}}}}}.main.marketing{background-color:#060606;&:after{display:none}.banner {position: relative; display: flex; width: 100%; justify-content: right; padding: 0; gap: 12.5vw; margin-bottom: 10vw; .texto {display: flex; flex-direction: column; justify-content: center; text-align: right; color: white; & h1 {font-size: 6vw;} & h2 {font-size: 4.5vw;} & p {width: fit-content; background-color: #512589; margin-left: auto; padding: .4vw 1.75vw; font-size: 1.2vw; border-radius: .25vw; margin-top: 1vw;}} & img {width: 45vw; margin-top: -2.65vw; &.fundo {margin-top: 0; position: absolute; left: calc(100% - 50vw); bottom: -10vw; width: 80vw; z-index: -1; filter: blur(10vw) brightness(.25) hue-rotate(-15deg);}} & button {position: absolute; width: 3.5vw; aspect-ratio: .63/1; bottom: 0; left: 50%; transform: translate(-50%,-50%); border-radius: 10vw; border: none; background-color: #e8e4a8; background-image: url(/assets/seta-3f0cc559.svg); background-repeat: no-repeat; background-position: center 90%; background-size: 4.5vw; cursor: pointer;} &::before {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); width: 80%; aspect-ratio: 2.222/1; background-image: url(/assets/estrelas-b851e7bc.svg); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: -1; user-select: none; pointer-events: none;}} & > h2 {text-align: center; color: white; width: 45vw; font-size: 3.2vw; padding: 0; margin: 5vw auto 2vw auto; & span {color: #c6a6ff;}} .beneficios {& h3 {display: flex; flex-direction: column; align-items: center; color: white; font-size: 1.7vw; font-weight: 400; margin: 0; padding: 0; margin: 0 auto 4vw auto;} & ul {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10vw; row-gap: 10vw; & li {display: flex; flex-direction: column; align-items: center; width: 25vw; flex: 0 0 25vw; gap: 1vw; & img {width: 5vw; aspect-ratio: 1/1;} & p {color: white; font-size: 2.5vw; font-weight: 600; margin: 0; text-align: center; padding: 0;}}}} .garantia {color: white; & h3 {text-align: center; width: 65vw; font-size: 3.2vw; margin: 0 auto; margin-bottom: 5vw;} .content {display: flex; flex-direction: column; width: 50vw; text-align: center; margin-bottom: 10vw; & h4 {font-size: 4.2vw; color: #c6a6ff;} & p {display: flex; flex-direction: column; font-size: 1.5vw; font-weight: 400;} &:nth-child(odd) {margin-right: auto;} &:nth-child(even) {margin-left: auto;}}} .redes {position: relative; padding-bottom: 10vw; background-image: url(/assets/estrelas-b851e7bc.svg); background-repeat: no-repeat; background-position: center; background-size: contain; .fundo { --size: 140vw; position: absolute; top: 50%; right: -50%; transform: translate(-30%, -75%); width: var(--size); z-index: -1; filter: brightness(.15) blur(10vw) hue-rotate(-10deg); } & h3 {width: fit-content; text-align: center; color: #c6a6ff; font-size: 3.55vw; margin: 0 auto 5vw auto;} & ul {display: flex; flex-wrap: wrap; justify-content: center; width: 50vw; row-gap: 5vw; margin: 0 auto; & li { --size: 22.5%; display: flex; flex-direction: column; justify-content: center; align-items: center; width: var(--size); flex: 0 0 var(--size); & path, & circle { transition: all .2s ease-in-out; } & svg { width: 3vw; &:hover { & path, & circle { fill: #c6a6ff; } } } }}} .configuracao {margin-bottom: 10vw; & h3 {text-align: center; color: #c6a6ff; font-size: 2.85vw; margin: 0 auto; margin-bottom: 1.5vw; width: fit-content; margin: 0 auto;} & p {text-align: center; color: white; font-size: 1.75vw; width: 39vw; margin: 0 auto;} & section {width: 50vw; font-size: 2.85vw; background: #e99b12; color: white; font-weight: 700; text-align: center; border-radius: 2.2vw; padding: 1.5vw 8vw; margin: 3vw auto 0 auto;}}}.main.obrigado{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background-color:#060606;background-image:url(/assets/estrelas-b851e7bc.svg);background-repeat:repeat-x;background-position:center;background-size:75vw;padding-top:14.25vw;padding-bottom:6vw;&:after{display:none}&>*{padding:0}& h1{font-size:4.33vw;font-weight:700;line-height:1;margin-bottom:.75vw}& h2{line-height:1;font-size:1.75vw;margin-bottom:1.2vw}& h3{text-align:center;width:20vw;font-size:1.36vw;margin-bottom:3.35vw;& span{background-color:var(--purple);border-radius:.5vw;padding:0 .25vw .15vw}}& button{position:relative;width:3.6vw;aspect-ratio:1/1;border-radius:50%;padding:0;border:none;margin-bottom:1.88vw;.seta {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOoAAACSCAMAAAB8O6bQAAAAAXNSR0IB2cksfwAAAAlwSFlzAAASdAAAEnQB3mYfeAAAAjdQTFRFAAAAtra2bm5uODg4GxsbDQ0NCQkJCAgICgoKDAwMEBAQMzMzaWlppaWlmpqaSkpKDg4ODw8PCwsLRkZGgYGBxMTEiYmJQkJCFxcXBgYGNDQ0nJycV1dXKysrSEhIra2tFhYWdnZ2urq6MTExNjY2hYWFHBwclZWV1NTUTU1NOTk5z8/PBwcHZGRkp6enJSUlHR0dycnJJCQka2trysrKHh4eJiYmfHx8PT091tbWExMTrKysenp6eXl5LCwspKSkb29vfX19l5eXbW1tsbGx0tLSr6+vnp6erq6uRUVFoKCgmZmZyMjItLS0JycnKCgo1dXVo6Ojv7+/R0dHICAgU1NTfn5+MjIyPj4+GRkZ0NDQPDw8s7OzT09POzs7NTU1XV1dIyMjTExMQUFBGBgYREREhoaGmJiYLi4uPz8/w8PDQEBAKSkpu7u7ampqVVVVMDAwk5OTUFBQdHR0ZWVlj4+PoaGhh4eHUlJSFRUVlJSUn5+fioqKuLi4jIyMoqKig4ODqKioGhoahISEtbW1kpKSjY2NISEhS0tLsLCwgoKCEhISFBQUqampe3t7cXFxm5ubqqqqwcHBq6urUVFRvLy8zs7OWFhYY2NjxsbGvb29XFxcTk5Ovr6+Ojo6wMDAZ2dnYmJix8fHxcXFVlZWW1tbwsLCkZGRKioqYWFhLS0tzMzMXl5eVFRUiIiIERERdXV1lpaWf39/jo6ONzc3SUlJnZ2dpqamc3NzaGhod3d3Ly8vcnJyMSquBwAAAL10Uk5TANP/////////////////////////ev///////////////7n//////xT//zP//////1r//1P/////B//////////////zIP///////2Dg//8N/5r/////////Lf/m/////////////////4D//7P////////////////////G////////2f/////5//////////+N//+tOv//bab//6D/k///ZnP//4b/////R///////////////////////l2+ZywAAB5tJREFUeJzVnftflEUUh0fcK1rCQsZRk1U0UtcLiWmYoqR4QVQITQyvKSRoKWnmLcu0tLDUzDI1zUtaVna16x/Xu9yWffd937mcMzPr8/FH55zzZWffOe/MmbOMuRlWMDwUjkRjzr944YiRj+X8hzzl8VFFxUWRSCwaScRDJaVPcAeMfrIMsigeU2ogTixjxz2VyI47NL48cERpCDxITjAUsCoTK7zChkn+M3Ly054jHAorDQYuyzNTEn5xT53mPaQk5TfCYbrZ8CWYMTMg7FlVXkOeDRjhUGFagiCzg8NOFeSMqJ4TPATgueCvuSXm8sKGea4Rz9dwh0DNfCtiAnmBHzYsyB6yUGAIpGrt6PFnkVDYc4cOmSQyxFl1xtrS5M1isbATdZkhL4oNcfKJJfZ05SIye3uJLR0YUl8sOgZiy2xqy2a5cNQwfmDMCvExULbSprqhzAiLRx1r6BtTJ6EUILzKrsIBGn1TJC9W9w1aIyUVKtba1djH/KDUzoOm9KBmuTEAL9mW6VDVIhn0uvSo9bJS4WXbQhnbIBtz60Zn1CvSUmGFbaXz5GNez1hbVH6Yba2b1EKeoDDM8nvOZpWItzC2VUmqzWeTcG6XxTbGtqtJhVdtKW2QXGb62VHPdipKheF2lLZLpQ4ZksvYcFWpmcTSJB1x1XA72GvKUmGzeaWKszdNHduiLhV2mVba6bl5Kyq1CyHV+BzejYi1Q2k5zmA2R+RsagaSbGBTUFJhp0GliMcKQGgPex0nFaYYUyr5suliDWPlMaTWBfwgSXgDF2b6EboXKRX2GVHajYzyTcfGfqxUOGBAqWKqnqHRMfIWWioc1K70bWyIfa9ih/BaD2tWWqqeJPVzpNfOQbxUOKpV6bEibHzb+i1xD+EEeEej0uPiW/K88N4lkKpxDr93Ah1c16CxdQRS4X1NSodF0KEVnsyYG0MgFU5pUboUve5D6oMh9qo+JJCqR+tpfFzdWQbPKG5jZPMRvVLBk98gZrpMLj+Et6khR1Td5BtCaKPb6NiP8VbJc0TkG2aaHg+zZ/FmgThH/AQfT6zRy/Cn6OwrzRE6pefw0UR8Khqw70m9RM9TKd2HDyZyzs84/n0ubf4CjdJT+FBSn/mbv4g3D5D8nELpeYJImoIcIHc1+igmKJe4RLAgfBHs4ku8B4B4M1bpZfzLDGzlOcHtC/fT+hVOaadvZbI4F/luruC9AISrMUqnFeIjuCriCL1jlSZ8DSFV/XRwkK/FPF3Fe3Lm8HVlpTfw3gtFV7xv8L6cZ9NNRaXo3UGAE7eEvd3Ge3P+smrr6x2855YzEv5IcsRkp4JSTi2+COGJUh5JcsT4t9JK7yoXAAySki28p/lcZedwWxLvdJGkT5Kng/N9lcsR6/GfKeTeNuGDOrkdIC6z5qwk+ExvKChlnRJl1P7cE3d4+RDe3RUVpYxVCVy+4SN+rI4ptpF25qKZYEIBbBL0JnOFwIcNqkoZu0kyh78T8qVQ4+tmqrpSxm7twAcAsF3A0y68m70YpYxdI3hHBrjN9UOwtH2PU8rYffQxbpofOF4IdnyTqq8XGS7gjzcdTgf6KMA7iMuk+L5aST7XrXqV1tDcTLxP8n0d52u/FG88QXVX7zrJHPZ7DtcTzBq64xOaHNF7fb2wGm9ZYHdQmFUkR5LdHpare/B2fyRU6uSIZXyPfHJzxGOyl9s8uEOq1HntICkhcM/htffwNulLksvxRTWQ82wiSPEXkitlrBYfFri2Q6bj7RXhkyQPfsIH5jCk4wLBOUKC32xIicP40AAeNAyYIzjNLSM5y/WiEh9cpmvIz3hTqZPB8WJox4cHEDubNnUOX2Wit/2IXLsBH3p+cdJBgsVLcxcogroT57FZWUCgVGcNci9H8THSYKBnG8kcxvOrfqWMHbCtMs0oE0oZ+822TuECADwdtpWWmFLK2Gi7SkeYU0qUI6oyx6RSovVVjZ4ZZqVSlNyoYaEbHUkJgTw1NnrbKnfPwJDQc52Hx+8WpC62opTkvo8k5q62u0F1lVDAZrMyghNgCfjntDoxOYctNQMahKB4VxD77edMrTmzbAt1GG9EqfvCoh1IbvpyaMmLppiM/aFdadi2xEEIjpmCldbxYzAFwe3hIPT3E5FA5/oavWtbXTYjtClN2Urx/bhEcOXJm/22peXQ1KpHqcmeZKI0YRtyeWI/HfSijaTkJxvrvYh9eEhS8jMUZI2vRs6qNFYOIGVbUADlJOX+A4Tz+pevHpJc4+gnj367wYsldHM4r36Rw4s/Sa42gJmmgUiOkJRKQ7ttHSI0EtziU7vcZp6VrWilf9nWIAo6R/zbtgJx2h6glObDT44IswzzbEJdbjPPZHWlLTntzPIc5Y4L6Mtt5lFsV7fmsu3AFRinJFW9I4pNFOq4E9rrQTUh3Ygwkm+7g+LIdm+yU9RBg1xHo39sh4tCpgNZF99cXiM+hxG9DvIE0fX1X9uBEiDWHiBff41ZDpEc0Vjdtmb4c/gRTHx9+I+j1HZJEiW12wKEFs+2HR4pVd2+l+B2591Pa2PZU+EptGa97cB0sG9UyPXR9nQ9Etu9KjRP2HAiEo3G0kQioZEaL6C6+R/llGQqWs7GWgAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center; background-size: 1.5vw;}}&>span{font-size:1.1vw;background-color:var(--purple);border-radius:.315vw;padding:.625vw 1.41vw}& ul{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0;margin-top:3.6vw;margin-bottom:3.65vw;gap:2.72vw;& li{--size: 2.1vw;width:var(--size);flex:0 0 var(--size);& svg{width:100%;height:100%}}}.logo {width: 3.45vw;}}@media screen and (max-width: 768px){.main.obrigado{& h1{font-size:10vw}& h2{font-size:4vw}& h3{font-size:3.5vw;width:50vw}& button{width:10vw;aspect-ratio:1/1;.seta {background-size: 4vw;}}&>span{font-size:3vw;padding:1vw 2vw;border-radius:1vw}& ul{gap:5vw;& li{--size: 8vw}}.logo {width: 10vw;}}}@media screen and (max-width: 975px){.pageBody>*>*{padding:0 2vw}}@media screen and (max-width: 768px){.topBar{height:7vh;align-items:start;justify-content:center;backface-visibility:hidden}.topBar .links{position:absolute;right:0;height:7vh;width:fit-content}.topBar .links>.icon{display:flex;top:0;right:0;height:100%;width:auto;padding:0 2vw;pointer-events:all}.topBar .links>.icon svg{width:100%;height:100%;color:#fff}.topBar .links.active>.icon svg{pointer-events:none}.topBar .links .close{position:absolute;display:flex;top:1vw;right:0;height:5vh;width:fit-content;pointer-events:all;z-index:20}.topBar .links .close svg{width:100%;height:100%;color:#fff}.topBar .links>.inner{position:absolute;flex-direction:column;align-items:center;width:100vw;height:100vh;top:0;right:0;transition:transform .5s ease-in-out;transform:translateY(-102%);background-color:var(--purple);& a{display:flex;justify-content:center;font-size:5vw}& p,& p>a{width:fit-content;display:flex;justify-content:center;position:relative;font-size:5vw;&:before{content:"";position:absolute;height:100vh;width:100vw;bottom:0;background-color:var(--purple);z-index:-1;pointer-events:none}.inner {position: absolute; width: 100vw; top: 100%; transform: translateY(-101%); height: auto; z-index: -2; background-color: #3b2367; border-radius: 0; .content {width: 100%; background-color: transparent; border-radius: 0;}} &.active .inner {transform: translateY(0%);}}& p:nth-child(2){z-index:6}& p:nth-child(3){z-index:5}& p:nth-child(4){z-index:4}& p:nth-child(5){z-index:3}& p:nth-child(6){z-index:2}}.topBar .links.active>.inner{transform:translateY(0)}}@media screen and (max-width: 1250px){.main.home .carouselWrapper{padding:0 2vw}}@media screen and (max-width: 1150px){.main.home header{height:max(70vh,380px)}}@media screen and (max-width: 975px){.main.home header .image{width:25vw}.main.home header .image img{height:100%}}@media screen and (max-width: 768px){.main.home header{position:relative;flex-direction:column;align-items:center;justify-content:center;height:93vh}.main.home a.conhecer{padding:3vw 2vw}.main.home .texto{text-align:center;margin-top:0;width:100%}.main.home h1{display:unset;font-size:10vw;width:100vw}.main.home .subtexto{width:80vw;margin-top:5vw;font-size:3.5vw;margin-left:auto;margin-right:auto}.main.home .texto .typeWrapper{display:flex;flex-direction:column}.main.home header .image{display:flex;position:absolute;top:50%;transform:translateY(-50%);width:min(100%,400px);height:auto;justify-content:center;z-index:-1}.main.home header .image img{position:relative;top:unset;bottom:unset;left:unset;right:unset;width:90%;height:auto;z-index:-1}.main.home .buttonWrapper{display:flex;justify-content:center}.main.home .buttonWrapper button.contato{display:none}.main.home .buttonWrapper button.arrow{display:flex;font-size:8vw;width:calc(10vw + 20px);height:auto;padding:0;aspect-ratio:.6/1;align-items:flex-end;border-radius:25vw}.main.home .faixaSlider{display:none}.main.home .produtosSlider{margin:20vw 0 10vw}.main.home .produtosSlider .inner{position:relative;flex-direction:column;align-items:center;justify-content:center}.main.home .produtosSlider .inner .text{width:max-content}.main.home .produtosSlider .inner .text h2{margin:0}.main.home .produtosSlider .inner .text p{position:absolute;width:95%;bottom:0;font-size:2.5vw;font-weight:400;margin:0}.main.home .produtosSlider .inner .imgWrapper{width:100%;margin:-5vw 0;& img{width:100%}}.main.home .carouselTitle{margin-top:10vw}.main.home .carouselTitle p{margin-bottom:5vw;font-size:4.4vw;&:last-child{font-weight:400}}.main.home .carouselTitle h2{font-size:5vw}.main.home .carouselWrapper{padding:0;margin-top:-15vw}.main.home .carouselWrapper .inner{height:100vw;box-sizing:content-box;flex-direction:column-reverse;justify-content:center;background-color:transparent;border-radius:0;gap:10vw}.main.home .carouselWrapper .inner>*{padding:0}.main.home .carouselWrapper .side{flex-direction:row;height:fit-content;width:100%;background-color:var(--fadeYellow);padding:1vw 2vw;overflow:hidden;& button{font-size:2.5vw}}.main.home .carouselWrapper .side:before{display:none}.main.home .carouselWrapper .side li{display:flex;align-items:center;justify-content:center;text-align:center;font-size:3vw;flex:0 0 25%}.main.home .carouselWrapper .side li.active{color:var(--purple)}.main.home .carouselWrapper .side li .floater{all:unset;box-sizing:border-box;position:absolute;top:0;left:50%;transform:translate(-50%,-110%);height:40%;aspect-ratio:1/1;background-color:var(--MainBg1);border-bottom-right-radius:50%;border-bottom-left-radius:50%;transition:transform .5s ease}.main.home .carouselWrapper .side li .floater:after,.main.home .carouselWrapper .side li .floater:before{content:"";position:absolute;bottom:100%;transform:translateY(99%);width:68%;height:68%}.main.home .carouselWrapper .side li .floater:after{left:100%;border-top-left-radius:50%;box-shadow:-1.1vw -1.1vw 0 1vw var(--MainBg1)}.main.home .carouselWrapper .side li .floater:before{right:100%;border-top-right-radius:50%;box-shadow:1.1vw -1.1vw 0 1vw var(--MainBg1)}.main.home .carouselWrapper .side li .floater .dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background-color:var(--fadeYellow);border-radius:50%;z-index:2}.main.home .carouselWrapper .side li.active .floater{transform:translate(-50%,-1px)}.main.home .carouselWrapper .side img{display:none}.main.home .carouselContainer{margin:0;width:100%;height:80%}.main.home .carouselContainer img{height:unset;width:35vw}.main.home .carouselContainer img[data-slide="1"],.main.home .carouselContainer img[data-slide="3"]{width:25vw}.main.home .carouselContainer img[data-slide="2"]{width:22vw}.main.home .carouselContainer .floatingTitle{display:block;position:absolute;bottom:-7.5vw;left:50%;width:max-content;text-align:center;font-size:4vw;transform:translate(-50%,-50%)}.main.home .site h2{font-size:6vw}.main.home .site p{font-size:3vw}.main.home .site .bottom button{display:flex;align-items:center;flex-direction:column;font-size:2.5vw;font-weight:400}.main.home .solucoes{position:relative;flex-direction:column-reverse;align-items:center;gap:4vw}.main.home .solucoes .image{position:unset;z-index:4}.main.home .solucoes .image a{right:-1vw;top:100%;bottom:unset;min-width:50vw;max-width:90vw;padding:2vw;font-size:4vw}.main.home .solucoes .text{display:flex;width:auto;flex-direction:column;align-items:center;z-index:4}.main.home .solucoes h2{display:inline;width:auto;font-size:8vw;text-align:center;margin:0;& span{text-align:center}}.main.home .solucoes p{font-size:4vw;text-align:center}.main.home .techTitle{z-index:4}.main.home .techTitle h2{font-size:8vw;width:60vw;text-align:center}.main.home .techTitle p{width:80vw;font-size:3.5vw;margin-bottom:2vw}.main.home .techStack{padding:0;flex-direction:column;gap:4vw;z-index:3}.main.home .techStack ul{position:relative}.main.home .techStack h3{font-size:3vw}.main.home .techStack .container{position:relative;transition:margin .5s ease;z-index:unset}.main.home .techStack h3{position:relative;z-index:1}.main.home .techStack .inner{position:absolute;top:100%;overflow:hidden;transform:translateY(-100%);z-index:-2;transition:.5s ease;transition-property:transform,opacity;opacity:0;pointer-events:none}.main.home .techStack .inner:after{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);transform:translate(-50%,-0%);width:100%;height:100%;background-color:var(--MainBg1);transition:.5s ease;transition-property:transform,top;z-index:-1}.main.home .techStack .active+.inner{transform:translateY(0);opacity:1}.main.home .techStack .active+.inner:after{transform:translate(-50%,-100%)}.main.home .techStack ul{transition:margin .5s ease}.main.home .techStack li{z-index:-1}.main.home .techStack li img{width:10vw}.main.home .techStack li p{font-size:2.3vw}.main.home .suporte .title h2{font-size:10vw}.main.home .suporte .title p{width:90vw;font-size:3.5vw}.main.home .suporte .content .inner p{font-size:3vw;padding:1vw 2vw 3vw}.main.home .suporte .content .item>*{font-size:3.5vw}.main.home .solucoes .image{width:min(max(50vw,230px),350px)}.main.home .suporte .content .item{padding:3vw 1vw}}@media screen and (max-width: 900px){form.contato{margin:0 5vw 50px}}@media screen and (max-width: 768px){.contatoTitle h2{font-size:10vw}.contatoTitle .pseudoBtn{font-size:clamp(.5rem,2vw,1.5rem)}.contatoTitle h3{font-size:4vw;width:80vw}}@media screen and (max-width: 768px){.pageBody~footer{flex-direction:column;align-items:center;gap:5vw;.left {width: 100%; .top {display: flex; flex-direction: column; align-items: center; font-size: 2.5vw; gap: 1vw; > img {width: 15vw;} .icons {width: 100%; margin: 0; height: 7vw; justify-content: center; gap: 1vw; margin: 2vw 0;} .icons a {height: 100%; width: auto; aspect-ratio: 1/1;} .certs {gap: 2vw; & a img {width: 35vw;} & img {width: 20vw;}}} .bottom {display: none;}} .right {width: 100%;}}.pageBody~footer .right ul h3,.pageBody~footer .right ul>a{font-size:4vw}.pageBody~footer .right li,.pageBody~footer .right li a{font-size:2.3vw}.rights{font-size:2vw;height:unset;padding:1.5vw 2vw;flex-direction:column;gap:1vw}.rights p,.rights a,.rights small{font-size:3vw}.rights>*:nth-child(n):nth-child(-n + 2){margin-bottom:2vw}.rights a{padding:.8vw 2vw}.rights small{display:flex;flex-direction:column;justify-content:center;text-align:center;color:#d3cbcb;font-weight:300}}@media screen and (max-width: 975px){.main.e-commerce .taxas .content{width:100vw;flex-direction:column-reverse;align-items:center}.main.e-commerce .taxas .content img{position:relative;width:50vw}.main.e-commerce .taxas .content a{margin-top:0}.main.e-commerce .taxas{margin-bottom:20vw}.main.e-commerce .taxas .left{width:80%}}@media screen and (max-width: 768px){.main.e-commerce header button{width:10vw;font-size:5vw}.main.e-commerce header .image{margin-top:15vw}.main.e-commerce header .image img{width:75%}.main.e-commerce header .subtext{width:100vw}.main.e-commerce header .subtext p{max-width:unset;width:100%;font-size:4vw}.main.e-commerce header{margin-bottom:4vw}.main.e-commerce .faixa .title h3{margin-top:2vw;font-size:2vw;max-width:80vw}.main.e-commerce .faixa .content section{font-size:2vw}.main.e-commerce .vantagens{flex-direction:column;align-items:center}.main.e-commerce .vantagens>img{width:35vw}.main.e-commerce .vantagens .right{width:100%;margin-top:4vw;gap:1vw}.main.e-commerce .vantagens h2{font-size:5vw}.main.e-commerce .seguranca .titulo{margin-bottom:5vw}.main.e-commerce .seguranca .titulo h2{font-size:6vw;max-width:100%;margin-bottom:2vw}.main.e-commerce .seguranca .titulo h3{font-size:2.3vw}.main.e-commerce .taxas .content li{height:auto;font-size:4vw}.main.e-commerce .taxas .content h2{font-size:8vw}.main.e-commerce .taxas .content a{font-size:3vw}.main.e-commerce .taxas .left{width:90%;margin-top:10vw}.main.e-commerce .faixa .title{& h3{max-width:unset;width:90vw;font-size:3.5vw}}.main.e-commerce .faixa .content{width:95vw}.main.e-commerce .faixa .content section{font-size:2.5vw;aspect-ratio:1/1}.main.e-commerce .seguranca .titulo{margin-bottom:10vw;& h3{max-width:unset;width:90vw;font-size:4vw}}.main.e-commerce .seguranca .cards{flex-direction:column;align-items:center;justify-content:center;gap:5vw;margin-bottom:10vw;& section{width:50vw;& p{font-size:4vw}&:hover{& p{animation:none}}}}.main.e-commerce .vantagens{& li{font-size:4vw;&::marker{height:7vw;font-size:7vw}}}.main.e-commerce .taxas .titulo{width:90vw;& h2{max-width:unset;width:100%;font-size:8vw}& p{max-width:unset;width:80vw;font-size:3.5vw}}.main.e-commerce .taxas .content ul{width:80vw}.main.e-commerce .taxas .content a{position:absolute;top:100%;right:50%;transform:translate(50%)}}@media screen and (max-width: 975px){.main.sobre .empresa .content .text{width:58vw}.main.sobre .empresa .content .image{width:35vw}}@media screen and (max-width: 768px){.main.sobre header{flex-direction:column;align-items:center;gap:10vw}.main.sobre header .image{display:flex;width:fit-content;justify-content:center;width:80vw}.main.sobre header .text{width:100%}.main.sobre header .text h1{font-size:15vw}.main.sobre header .text h2{font-size:6vw}.main.sobre header .image img{width:100%;object-fit:cover;border-radius:3vw}.main.sobre header button{position:relative;transform:unset;margin:5vw 0;& svg{width:10vw;height:10vw}}.main.sobre .empresa .title{margin:0}.main.sobre .empresa .title h2{font-size:7vw}.main.sobre .empresa .title span{font-size:4vw}.main.sobre .empresa .content{align-items:center;.image {margin: 6vw 0;}}.main.sobre .empresa .content:nth-child(2){flex-direction:column-reverse}.main.sobre .empresa .content:nth-child(3){flex-direction:column}.main.sobre .empresa .content .text{width:100%}.main.sobre .empresa .content .text p{font-size:3vw;text-align:center}.main.sobre .empresa .equipe .dropDownWrapper{row-gap:15vw;column-gap:5vw;padding:0 calc(5vw - 10px);margin:5vw 0}.main.sobre .empresa .equipe .dropDown{width:100%;padding:4vw 0;border-radius:3vw;& p{font-size:3.5vw}& svg{width:5vw;height:auto;aspect-ratio:1/1}&:hover{.inner {transform: translateY(calc(100% - 3vw));}}}.main.sobre .empresa .equipe .inner{height:unset;padding:3vw 1vw 1vw}.main.sobre .desenvolvimento .sliderWrapper .VSlider_controlerItemClass{padding:0}.main.sobre .desenvolvimento .sliderWrapper .item{padding:0 2vw}.main.sobre .desenvolvimento .sliderWrapper .container{width:65vw}.main.sobre .desenvolvimento .item p{font-size:3vw;padding:0 2vw}.main.sobre .empresa .content .image{width:60vw;& img{border-radius:3vw}}.main.sobre .diagrama .venn{.mobile {width: 100%; aspect-ratio: unset; margin-bottom: 15vw; .circles {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; .circle {display: flex; align-items: center; justify-content: center; width: 55%; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(159,18,210,.412); font-size: 4.5vw; margin: -8vw; text-align: center; &:nth-child(-n + 2) {margin-top: 0;} &:last-child {margin-bottom: 0;}}} .text {display: flex; flex-direction: column; align-items: center; & h3 {font-size: 5vw; text-align: center; margin-top: 10vw;} & p {width: 47vw; font-size: 2.5vw; background-color: #520f78; padding: 3vw; box-sizing: content-box; border-radius: 2.5vw;}}}}}@media screen and (max-width: 768px){.main.contato{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;& header{padding:0 7vw;text-align:center;& h1{font-size:10vw}& h2{font-size:5.5vw}& h3{font-size:3.5vw}}& form{width:80vw;margin:4vw auto;& label{font-size:3vw}& input{height:8vw;font-size:3vw}& button{font-size:3vw}& sub{font-size:2vw;width:90%}}}}@media screen and (max-width: 768px){.main.desenvolvimento{& header{padding-top:7vh;height:93vh;.left {width: calc(8vw + 5px);} & img:nth-child(1) {transform: translate(-60%,-30%);} & img:nth-child(2) {width: auto; height: 70%; top: 25%;} .titulo {justify-content: center; & h1 {font-size: calc(11vw - 1vh); z-index: 2;} & h3 {font-size: calc(8vw - 1vh); margin-top: -3%;} & p {width: calc(65vw - 1vh); right: unset; font-size: calc(4vw - .5vh);}} & button {width: calc(2vw + 50px); left: 50%; top: unset; bottom: calc(10% - 50px); transform: translateX(-50%); border-radius: 10vw; & svg {width: 50%; height: unset;}}}.slider1Container {position: relative; gap: 5vw; padding-bottom: 10vw; .slider1 {width: 100%; aspect-ratio: 1.2/1; padding: 0; .slider1Slider {height: 100%; .inner {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; gap: 2vw; padding: 0 2vw; & img {max-width: 80%; border-radius: 2vw; object-fit: cover;} & h3 {font-size: 4vw; color: white; text-align: center;} & ul {width: 75.5vw; list-style-type: disc; & li {font-size: 3vw; color: white; text-align: left;}}}}} .slider1DotList {justify-content: center; padding: 0 4vw; .dot {flex: 0 0 calc(100% / 3); border: none; background-color: transparent; color: white; font-size: 3vw; word-wrap: break-word;} &::after {content: ""; display: block; position: absolute; left: 0; top: -1vw; transform: translateX(calc(12% + (var(--index) * 100%) - (var(--index) * 8%))); width: calc(100% / 3); height: .5vw; background-color: var(--yelog); border-radius: .5vw; transition: transform .3s ease;}}} .comunicacao {.linha {width: 70vw; & p {font-size: 3vw; left: -7vw;}} .title {width: 70vw; & h2 {width: 100%; font-size: 4.5vw;}}} .cards {height: unset; flex-direction: column; align-items: center; .card {background-color: var(--fadeYellow); height: unset; width: 65vw; padding: 4vw 2vw; border-radius: 0 4vw 0 4vw; & h3 {color: var(--darkPurple); display: flex; align-items: center; font-size: 6.5vw;} .content {justify-content: space-evenly; gap: 0; & p {color: #121212; font-size: 3vw;}}}} .slider2Container {position: relative; gap: 5vw; .title {& h2 {width: 90vw; font-size: 4.5vw; margin-bottom: 5vw;} & p {font-size: 3vw;}} .slider2 {width: 100%; aspect-ratio: 1.2/1; .slider2Slider {height: 100%; .inner {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; gap: 2vw; & img {height: 50%; width: auto; border-radius: 2vw;} & p {font-size: 4vw; color: white; text-align: center;}}}} .slider2DotList {justify-content: center; padding: 0 4vw; .dot {flex: 0 0 25%; border: none; background-color: transparent; color: white; font-size: 3vw; word-wrap: break-word;} &::after {content: ""; display: block; position: absolute; top: -1vw; left: 0; transform: translateX(calc(12% + (var(--index) * 100%) - (var(--index) * 8%))); width: 25%; height: .5vw; background-color: var(--yelog); border-radius: .5vw; transition: transform .3s ease;}}}}}@media screen and (max-width: 768px){.main.aplicativo{.header {justify-content: center; height: 100vh; gap: 5vw; .img {width: 100%; min-height: 100vh; object-fit: cover;} .title {font-size: 13vw; margin-top: -10vh;} .sub {width: 100%; font-size: 3.5vw; text-align: center;} .button {bottom: 10vh; width: calc(2vw + 50px); transform: translateX(-50%); & svg {width: 100%; height: auto;}}} .cardsContainer {margin-top: 40vw; margin-bottom: 15vw; position: relative; .title {width: 100vw; font-size: 7vw; text-align: center;} .sub {display: inline; width: 90vw; font-size: 3.5vw; text-align: center;} .cards {flex-direction: column; align-content: center; gap: 15vw; margin: 10vw 0; .card {width: 80vw; & h3 {font-size: 5vw;} & p {font-size: 3vw; text-align: center;}}}} .compatibilidade {display: flex; flex-direction: column; align-items: center; padding: 0; & button {display: flex; justify-content: center; align-items: flex-end; width: calc(2vw + 50px); aspect-ratio: .6/1; border-radius: 100vw; margin: 0; padding: 0; border: none; background-color: var(--fadeYellow); &:hover {background-color: var(--yelog);} & svg {width: 100%; height: auto;}} .title {width: 90vw; font-size: 6vw;} .sub {font-size: 5vw;} .section {margin-bottom: 5vw;}} .pessoas {.title {font-size: 6vw; margin-bottom: 2vw;} .cards {flex-direction: column; align-content: center; .card {width: 70vw; aspect-ratio: unset; padding: 15vw 3vw; border-radius: 5vw; .img {width: 50%; height: auto;} .text {font-size: 5vw; text-align: center;}}} .section {font-size: 3vw;}}}}@media screen and (max-width: 768px){.main.integracao{.header {flex-direction: column; aspect-ratio: unset; height: unset; & svg {position: relative; height: auto; width: 80vw;} & h1 {width: 100%; text-align: center; font-size: 17vw;} & h2 {color: white; text-align: right; font-size: 10vw;} & p {color: white; text-align: center; font-size: 2.5vw;}} .alem {& h2 {width: 90vw; font-size: 4vw; margin-bottom: 5vw;} .container {display: flex; flex-wrap: wrap; justify-content: center; gap: 5vw; .item {width: 45%; padding: 6vw 3vw; background-color: var(--fadeYellow); color: black; &:hover {animation: unset; & p {animation: unset; color: black;}} & p {font-size: 3vw;}}}} .agora {.titulo {margin: 0; .text {align-items: center; margin-bottom: 70vw;} & img {width: 400vw; transform: translate(42.5vw,-190vw);}} .cards {.card {font-size: 3vw; &::after {top: 100%; bottom: unset; background-color: var(--yelog);} &:hover::after {opacity: 1; height: 1vw;}}}} .vantagens {padding: 0 5vw; .title {width: 90vw; font-size: 6vw;} .section {width: 100%; & h3 {font-size: 4vw; &::after {width: 1vw; height: 5.5vw;}} & P {font-size: 2.5vw;}}}}}@media screen and (max-width: 768px){.main.sistema{& header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20vw;padding-top:7vh;gap:20vw;height:auto;> img {&:first-child {top: 0vw;}} .title {position: relative; top: unset; transform: unset; width: 80vw; right: unset; align-items: center; & h1 {width: fit-content; font-size: 10vw; & span {font-size: 7vw;}} .pseudoBtn {margin-left: auto;} & p {font-size: 3vw; width: auto;}} > button {position: relative; width: calc(10vw + 20px); aspect-ratio: .6/1; top: unset; bottom: unset; border-radius: 15vw; left: unset; transform: unset; > svg {width: 100%; height: auto;}}}.personalizacao {& h2 {width: 90vw; font-size: 6vw;} .cards {flex-direction: column; width: 100%; align-items: center; .card {width: 35vw; aspect-ratio: 3/1; background-color: var(--fadeYellow); color: black; font-size: 3.5vw; padding: 0;}} > p {font-size: 3vw;} & img {width: 100%;}}}}@media screen and (max-width: 768px){.main.suporte{& header{padding-top:7vh;& h1{text-align:center;font-size:15vw}& h2{font-size:7vw}& p{display:inline;font-size:4vw}& section{flex-wrap:wrap;align-items:center;justify-content:center;margin:4vw 0;& a{width:35vw;padding:2vw 0;text-align:center;font-size:3vw}}& button{bottom:2.5%;height:auto;aspect-ratio:.65/1;& svg{width:10vw;height:auto}}}}}.loading{position:relative;background-color:#121212;width:100vw;height:100vh;.cenario {display: block; width: 100%; height: 100%; padding: 0;} .foguete {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20vw; height: 20vw; padding: 0; animation: jump 2s infinite ease; & svg {width: 100%; height: 100%; fill: white;} &::after {content: ""; position: absolute; top: 91%; left: 50%; transform: translateX(-50%); width: 3vw; height: 15vw; background-image: linear-gradient(to bottom,var(--yelog) 80%,transparent); z-index: -1;}}}@keyframes jump{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}to{transform:translate(-50%,-50%)}}@media screen and (max-width: 768px){.main.consultoria{> .bg {top: 50vh;} & header {justify-content: center; margin-bottom: 5vw; height: 100vh; .content {margin-top: calc(-5vh - 10px); gap: 5vw; & h1 {font-size: 15vw; width: 100vw;} .pseudoButton {margin: 4vw 0; padding: 2vw 6vw; & p {font-size: 4vw;}} & > p {width: 85vw; font-size: 4.5vw;} & button {width: calc(15vw + 10px); aspect-ratio: .75/1; bottom: 5vh; border-radius: calc(15vw + 10px); & svg {height: auto; width: 50%;}}}} .slider {margin-bottom: calc(20vw + 10px); .titulo {margin-bottom: 5vw; & h2 {width: 90vw; font-size: 6vw;} & p {width: 90vw; font-size: 3vw;}} .sliderContainer {width: 90vw; aspect-ratio: 1.3/1; .innerContainer {& p {font-size: 3vw;}}} .dotListClass {width: 90vw; bottom: calc(-2vw - 10px); & p {font-size: 3vw;}} .car {width: 90vw; bottom: calc(-2vw - 10px);}} .selector {width: 100%; position: relative; margin-bottom: 20vw; .titulo {& h2 {width: 85vw; font-size: 6vw;} & p {width: 85vw; font-size: 3.5vw;}} .content {width: 100%; height: 50vw; .innerSlider {height: 100%; .item {display: flex; align-items: center; padding: 5vw 10vw; .text {font-size: 4vw; text-align: center; .innerText {font-size: 3vw; margin-bottom: 5vw;} .list {display: flex; flex-direction: column; align-items: center; .listItem {width: fit-content;}}}}}} .dotList {width: 100%; bottom: calc(-12vw - 10px); & button {display: flex; justify-content: center; align-items: start; text-align: center; font-size: 3vw;}} .car {position: absolute; width: 95%; height: 1.5vw; bottom: calc(-3vw - 10px); background-color: var(--fadeYellow); border-radius: 2vw; .inner {position: absolute; width: calc(100% / 3); height: 100%; left: var(--slide); background-color: var(--yelog); border-radius: inherit; transition: left .2s ease;}}}}}@media screen and (max-width: 768px){.main.blog{.banner {display: flex; height: 93vh; justify-content: center; align-items: center; .text {display: flex; flex-direction: column; align-items: center; flex: 0 0 100%; width: 100%; gap: 5vw; & h1 {width: 50vw; font-size: 10vw; font-weight: 700; margin-bottom: 1vw; text-align: center;} & h2 {width: 80vw; font-size: 4vw; text-align: center;} & ul {width: 100%; justify-content: center; gap: 5vw; & li {flex: 0 0 20%; text-align: center; padding: 1.5vw 0; border-radius: 1.5vw; font-size: 2.5vw; box-shadow: 0 0 0 .5vw #b593ee;}} & a {font-size: 4vw; padding: 3vw 6vw; border-radius: 3vw; margin-top: 2vw;}} .image {display: none;}} .content {.search {.inputWrapper {width: 100%; margin-bottom: 10vw; & input {width: 100%; padding: 3vw 3vw; font-size: 5vw; border-radius: 3vw;} & svg {width: 4vw; height: auto; aspect-ratio: 1/1; right: 4vw;}} .tags {flex-wrap: wrap; row-gap: 4vw; & li {flex: 0 0 45%; & button {padding: 1.5vw 0; font-size: 3vw; border-radius: 2vw;}}}} .posts {width: 95%; row-gap: 7.5vw; flex-direction: column; align-items: center; .post {flex: 0 0 auto; width: 75%; .text {height: 25vw; & h3 {font-size: 4.5vw;} & p {font-size: 2.5vw; -webkit-line-clamp: 3; line-clamp: 3;} & footer {& p {& span {font-size: 2vw;}}}}}}}}}@media screen and (max-width: 900px){.main.marketing{.banner {.texto {& h1 {font-size: 8vw;} & h2 {font-size: 6vw;}} & button {width: 7.5vw; top: 100%; bottom: unset; background-size: 10vw;}} .redes {& ul {width: 60vw; & li svg {width: 5vw;}}}}}@media screen and (max-width: 768px){.main.marketing{&>h2{width:90vw;font-size:6vw}.beneficios {& h3 {display: flex; font-size: 3vw; width: 90vw; text-align: center; margin: 5vw auto 8vw auto;} & ul {& li {width: 27.5vw; flex: 0 0 27.5vw; & img {width: 7vw;} & p {font-size: 3vw;}}}} .garantia {margin-bottom: 15vw; & h3 {width: 95vw; font-size: 6vw; margin: 0 auto 8vw auto;} .content {width: 75vw; & h4 {font-size: 5vw; margin-bottom: 1vw;} & p {font-size: 2.5vw;}}} .redes {& h3 {font-size: 5vw;} & ul {& li { --size: 24%; & svg { width: 6vw; } }}} .configuracao {& h3 {font-size: 5vw;} & p {width: 90vw; font-size: 2.5vw; margin: 5vw auto;} & section {width: 80vw; font-size: 5vw; padding: 2vw 10vw;}}}}@media screen and (max-width: 500px){.main.marketing{.banner {justify-content: center; height: 100vw; .texto {& h1,& h2 {text-shadow: 0 0 5vw rgba(0,0,0,.5);} & h1 {font-size: 15vw;} & h2 {font-size: 10vw;} & p {font-size: 4vw; border-radius: 1vw; padding: 1.25vw 4vw;}} & img {position: absolute; right: 0; top: 0; margin-top: -7.5vh; z-index: -1; width: 100vw; filter: blur(.5vw); &.fundo {width: 150vw; top: unset; right: unset; left: calc(50% - 50vw); z-index: -2; filter: blur(10vw) brightness(.25) hue-rotate(-15deg);}}} .beneficios {& h3 {width: 95vw; font-size: 4vw;} & ul {& li {width: 40vw; flex: 0 0 40vw; gap: 2vw; & img {width: 10vw;} & p {font-size: 3vw; max-width: 30vw;}}}} .garantia {.content {width: 100%; & h4 {font-size: 6vw;} & p {display: inline; font-size: 4vw;}}} .redes {& h3 {font-size: 6vw;} & ul {width: 80vw; & li { --size: 30%; & svg { width: 8vw; } }}} .configuracao {& h3 {font-size: 6vw;} & p {width: 95vw; font-size: 4vw;} & section {width: 90vw; font-size: 6vw; padding: 2vw 8vw;}}}}