@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('//fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,300,0,0&icon_names=arrow_forward,frame_person,location_on,task_alt'); :root {  --purple:#7c63a5;  --purpledeg: linear-gradient( 90deg, rgb(123,99,165) 0%, rgb(172,158,202) 100%);  --swiper-theme-color:#7c63a5;  } :root .box.purplebg, :root .box.purple {  --swiper-theme-color:white; } body {   font-family: "Montserrat", sans-serif;  font-optical-sizing: auto;  font-style: normal; } a {  color:var(--purple); } header .container {  display:flex;  align-items:center;  gap:20px;  padding:20px 0;  background:white; } header .sidebar-trigger-mainmenu {  margin-left:auto;  font-size:30px;  color: black; } .sidebar-mainmenu a.logo {  margin-bottom:20px;  display:block; } .sidebar-mainmenu ul.simple-menu li {  margin-bottom:5px; } header ul.simple-menu li.menu-minha-conta, header ul.simple-menu li.menu-fale-conosco {  margin:20px 0; } header ul.simple-menu li.menu-minha-conta a, header ul.simple-menu li.menu-fale-conosco a {  background:var(--purple);  color:white;  padding:15px 20px;  border-radius:30px;  font-weight:bold; } header ul.simple-menu li.menu-fale-conosco a, .button.arrow, form.sample button {  background:white;  color:var(--purple);   box-shadow: -0.366px 2.978px 9px 0px rgba(0, 0, 0, 0.26);  display:inline-flex;  align-items:center;  gap:5px; padding:12px 10px 12px 20px;  border-radius:30px; }   header ul.simple-menu li.menu-fale-conosco a:after, .button.arrow:after, i.arrow, form.sample button[type=submit]:after { font-family: 'Material Symbols Rounded';   font-weight: normal;   font-style: normal;   font-size: 24px;   line-height: 1;   letter-spacing: normal;   text-transform: none;   display: inline-block;   white-space: nowrap;   word-wrap: normal;   direction: ltr;   text-rendering: optimizeLegibility;   -webkit-font-smoothing: antialiased;  content:'arrow_forward';  color:white;  background:var(--purpledeg);  width:25px;  height:25px;  border-radius:50%;  display:flex;  align-items:center;  justify-content:center; } .box {  padding: 40px 0; } .box.lite-purple {  background:#faf4fd } .box.lite-purple.faq {   background: #faf4fd;  background-size: auto 100%; }  .item-preco h2 {   margin: 0; } .item-preco a {  color:black;   display: flex;  flex-direction: column;  height: 100%; } .item-preco.item-plano a, .item-preco.item-certificado a .wrapper{  background: white;  border-radius: 30px;  padding: 40px;  flex-grow: 1; }  .item-preco .preco {  margin:20px 0;  } .item-preco .preco-line {   line-height: 1; } .item-preco .preco-line .preco-rs {  vertical-align:top; } .item-preco .preco-line .preco-num{  color:var(--purple);  font-size:40px;  font-weight:bold;  margin-left:10px;  line-height: 0.8; } .item-preco .preco-line .preco-mes {  color:var(--purple);  font-weight:bold;  font-size:20px;  } .item-preco .button {  align-self:start; } .item-preco .button, .button.purple, form.sample button[type=submit] {  background:var(--purpledeg);  color:white; } .item-preco .button:after, .button.purple:after, form.sample button[type=submit]:after {  background:white;  color:var(--purple); } .item-preco.item-plano a:hover, .item-preco.item-certificado a:hover .wrapper{  background:var(--purpledeg);  color:white; } .item-preco a:hover .preco-line .preco-num, .item-preco a:hover .preco-line .preco-mes, .item-preco.item-certificado a:hover .wrapper .preco-line .preco-num, .item-preco.item-certificado a:hover .wrapper .preco-line .preco-mes{  color:white; } .item-preco a:hover .button, .item-preco.item-certificado .button { background:white;  color:var(--purple) } .item-preco.item-certificado .button {  margin:20px auto;  display:inline-flex;  width:max-content; } .item-preco.item-certificado .tocenter {  text-align:center;  height: 90px; } .box h1 {  color:#514e4e;  text-align:center;  line-height:1.2; } .box h1:first-of-type {  margin-bottom:50px; }  .box h1 .superh {  font-weight:normal;  text-transform:uppercase;  font-size:16px;  color:var(--purple); } .item-preco.item-certificado .button:after, .item-preco a:hover .button:after {  background:var(--purpledeg);  color:white; } .box.purplebg {  background:url(//datasideautomacao.com.br/__dataside/imgs/bgpurple.webp) no-repeat center center;  background-size:cover; } .box.purplebg h1, .box.purplebg h1 .superh, .box.purple h1 .superh, .box.purple h1 {  color:white; } .box.sistema .celimg{  background: url(//datasideautomacao.com.br/__dataside/imgs/sistema3.webp) no-repeat left bottom;  height: 400px;  background-size:contain; } .box.sistema {  padding-bottom:0; } ul.sistema-list {  list-style:none;  padding-left:0; } ul.sistema-list li{  display:flex;  gap:5px } ul.sistema-list li:before {  font-family: 'Material Symbols Rounded';   font-weight: normal;   font-style: normal;   font-size: 24px;   line-height: 1;   letter-spacing: normal;   text-transform: none;   display: inline-block;   white-space: nowrap;   word-wrap: normal;   direction: ltr;   text-rendering: optimizeLegibility;   -webkit-font-smoothing: antialiased;  content:'task_alt';  color:var(--purple); } .box.purple {  background:var(--purpledeg); } .box.purple.atuacao {  background:url(//datasideautomacao.com.br/__dataside/imgs/round.webp) no-repeat bottom right,var(--purpledeg); } .box.purple.ban {  background:url(//datasideautomacao.com.br/__dataside/imgs/wave.webp) no-repeat bottom right,var(--purpledeg); } .item-atuacao {  background:white;  padding: 40px;  border-radius:30px;  text-align:center; } .item-atuacao img {  border-radius:50%;  margin:0 auto; } .item-blog a {   position: relative;  } .item-blog a img {  border-radius:30px; } .item-blog .img-over {  position:absolute;  bottom:0;  padding:30px; } .item-blog .img-over .tititem {  margin:10px 0;  color:white;  font-size:1.5em;  font-weight:bold; } .item-blog .img-over .tag {  color:white;  background:rgba(0,0,0,0.5);  display:inline-block;  padding:3px 15px;  border-radius:20px;  font-size:14px; } .item-blog .img-over i {  color:var(--purple);  background:white;  transition:0.5s ease; } .item-blog a:hover .img-over i {  color:white;  background:var(--purple); } .item-faq {  background:white;  padding:10px 15px;  border-radius:20px;  margin-bottom:5px; } .item-faq a {  display:flex; color:black;  font-weight:bold;  align-items:center;  gap:10px; } .item-faq a i {  margin-left:auto;  transition:0.5s ease } .item-faq a.clicked i {  transform:rotate(90deg); } .overbox {  background:rgba(0,0,0,0.1);  border-radius:30px;  padding:20px;  color:white;  display:flex;  align-items:center;  gap:10px;  line-height:1.2;  margin-bottom:20px; } .overbox .big {  font-weight:bold;  font-size:40px; } .overbox i {  font-size:40px;  width:40px;  text-align:center; }  .box.blog {  background:url(//datasideautomacao.com.br/__dataside/imgs/element.webp) no-repeat left center; } footer {   background: #353535;   color: white;   padding: 40px 0; } footer .sidea .text {   margin: 20px 0; } footer .info {   display: flex;   gap: 5px;   margin-bottom: 10px;   flex-basis: 100%;  justify-content: center;   align-items: center; } footer .info i {  width:25px;  text-align:center;   color:var(--purple); } footer .redes-sociais {  display:flex;  gap:10px;  justify-content: center;  margin-top:30px; } footer .redes-sociais a{  border:1px solid #626262;  width:40px;  height:40px;  border-radius:50%;  display:inline-flex;  align-items:center;  justify-content:center;  color:white;  transition:0.5s ease; } footer .redes-sociais a:hover {  background:var(--purpledeg); } form.sample .input {  padding:20px;  border-radius:20px;  background:white; } .swiper-certificados .swiper-slide, .swiper-planos .swiper-slide, .swiper-atuacao .swiper-slide, .swiper-blog .swiper-slide{  max-width:350px; } footer .sides {  display:grid;  gap:30px; } footer .sidea {  order:2;  text-align: center; } footer .infos {  display:flex;  flex-wrap:wrap;  justify-content:center;  }  footer a.logo img {  margin:0 auto; } footer .sideb h1 {  margin:0 0 20px; } .ban .sideb img {  margin:0 auto; } footer .infos a {  color:white; } .item-atuacao h2 {   margin-bottom: 0; } .swiper-pagination-bullet {  width:20px;  height:5px;  border:none;  border-radius:10px;  } .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){  background:#c3cee4; } .info.mail {   display: none; } .login-contador form.loginform {   margin-bottom:30px; } .cashback {   background: #71d76e;   color: white;   margin-left: -40px;   margin-right: -40px;   padding: 40px;   margin-bottom: 20px; } .item-preco .cashback .preco-num, .item-preco .cashback .preco-mes{  color:white; }  .wordcash { font-size:28px;  font-weight:bold; } .tag, .sumpart-value, .cashback-wait {  background:#71d76e;  color:white;  padding:3px 15px;  border-radius:15px;  display:inline-block; }  .sumpart-val-0 .sumpart-value , .tag.tag-pago {  background:#c6c5c5; } .sumpart-title {  font-weight:bold; } .tocenter {  text-align:center; } .upup {  margin-top:30px; } .upup .button {  font-weight:bold; }  .pessoa-choose {   display: flex;   flex-direction: column;   gap: 10px;   align-items:center; } .userwrap {   background: var(--purple);   padding: 5px 20px;   border-radius: 20px;   color: white;  display:flex;  align-items:center; } .userwrap a {  color:white; } .userwrap .control-btns {  color:white;  font-weight:bold;  margin-left:auto;  gap:20px;  display:flex; } .userwrap a:hover {  text-decoration:underline; } .box.userbar {  padding:10px 0 } .swiper-item-list .swiper-icon-next, .swiper-item-list .swiper-icon-prev {  display:block; } .links-uteis {  display: flex;  gap: 5px;  align-items:center; } .links-uteis a, a.plup_pick {  background:var(--purple);  color:white;  padding:3px 15px;  border-radius:20px } .helper-text {  font-size:16px;  color:black; }