:root {
  --azul: #1b2c3e;
  --rosa: #f7cac9;
  --rosa-escuro: #f09e9d;
  --lilas: #e0b0ff;
  --lilas-escuro: #cc7dff;
  --rosa-complementar: #c9f6f7;
  --lilas-complementar: #cfffb0;
}

body{
  font-family: 'Varela Round', sans-serif;
  background: #ffffff;
  font-size: 18px;
}

button{
  border:0;
  cursor: pointer;
}

.container-fluid{
  padding: 0;
}

.content{
  width: 100%;
}

.content-margin{
  margin:0 auto;
  width: 100%;
  max-width: 1280px;
}

.content .row {
  margin: 0px;
}

.text-align-center{
  text-align: center;
}

.header-top{
  width: 100%;
  height: 120px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.body[data-theme="consultoria-theme"] .header-top{
  background: var(--rosa);
}
.body[data-theme="analise-theme"] .header-top{
  background: var(--lilas);
}
.header-top .brand{
  width: 230px;
  height: 61px;
  background: url(img/logo.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  text-indent: -10000px;
}

.header-top .menu-md .menu{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 0;
  /*width: calc(100% - 290px);*/
}
.header-top .menu-md .menu .item{
  list-style: none;
  margin: 5px 10px;
  padding: 5px 10px;
  height: 37px;
  font-size: 22px;
  line-height: 25px;
}
.header-top .menu-md .menu .item a{
  font-weight: bold;
  text-decoration: none;
}

.header-top .btn-open-close-menu{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  color: var(--azul);
  font-size: 32px;
  line-height: 42px;
  border-radius: 15px;
}
.body[data-theme="consultoria-theme"] .header-top .btn-open-close-menu{
  background: var(--rosa-escuro);
}
.body[data-theme="analise-theme"] .header-top .btn-open-close-menu{
  background: var(--lilas-escuro);
}
.header-top .btn-open-close-menu[data-state=closed] .fa-bars, .header-top .btn-open-close-menu[data-state=opened] .fa-remove{
  display: block;
}
.header-top .btn-open-close-menu[data-state=closed] .fa-remove, .header-top .btn-open-close-menu[data-state=opened] .fa-bars{
  display: none;
}
.header-top .header-body{
  position: absolute;
  top:120px;
  left:0px;
  width: 100%;
  height: calc(100vh - 120px);
  transition: height .25s ease-in-out;
}
.body[data-theme="consultoria-theme"] .header-top .header-body{
  background: var(--rosa);
}
.body[data-theme="analise-theme"] .header-top .header-body{
  background: var(--lilas);
}
.header-top[data-state=closed] .header-body{
  height: 0vh;
  overflow: hidden;
}
.header-top .header-body .menu{
  margin: 7px auto;
  padding: 0;
  text-align: center;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}
.header-top .header-body .menu li{
  list-style: none;
  margin: 45px 0px;
  width: auto;
  height: 50px;
}
.header-top .header-body .menu li span{
  display: inline-block;
  padding: 5px 10px;
}
.header-top .header-body .menu li a{
  font-size: 35px;
  line-height: 37px;
  font-weight: bold;
  text-decoration: none;
}

.body[data-theme="consultoria-theme"] .header-top .header-body .menu li a, .body[data-theme="consultoria-theme"] .header-top .menu-md .menu .item a{
  color: var(--azul);
}
.body[data-theme="consultoria-theme"] .header-top .header-body .menu li a:hover, .body[data-theme="consultoria-theme"] .header-top .menu-md .menu .item a:hover{
  color: var(--rosa-escuro);
}
.body[data-theme="consultoria-theme"] .header-top .header-body .menu li.active span, .body[data-theme="consultoria-theme"] .header-top .menu-md .menu .item.active{
  background-color:var(--rosa-escuro);
  border-radius: 15px;
}
.body[data-theme="consultoria-theme"] .header-top .header-body .menu li.active a, .body[data-theme="consultoria-theme"] .header-top .menu-md .menu .item.active a{
  color: var(--azul);
}
.body[data-theme="consultoria-theme"] .header-top .header-body .menu li.active a:hover, .body[data-theme="consultoria-theme"] .header-top .menu-md .menu .item.active a:hover{
  color: var(--azul);
}

.body[data-theme="analise-theme"] .header-top .header-body .menu li a, .body[data-theme="analise-theme"] .header-top .menu-md .menu .item a{
  color: var(--azul);
}
.body[data-theme="analise-theme"] .header-top .header-body .menu li a:hover, .body[data-theme="analise-theme"] .header-top .menu-md .menu .item a:hover{
  color: var(--lilas-escuro);
}
.body[data-theme="analise-theme"] .header-top .header-body .menu li.active span, .body[data-theme="analise-theme"] .header-top .menu-md .menu .item.active{
  background-color:var(--lilas-escuro);
  border-radius: 15px;
}
.body[data-theme="analise-theme"] .header-top .header-body .menu li.active a, .body[data-theme="analise-theme"] .header-top .menu-md .menu .item.active a{
  color: var(--azul);
}
.body[data-theme="analise-theme"] .header-top .header-body .menu li.active a:hover, .body[data-theme="analise-theme"] .header-top .menu-md .menu .item.active a:hover{
  color: var(--azul);
}

.page{
  margin-top: 120px;
  color: var(--azul);
}

.page h1, .page h3{
  font-family: 'Concert One', cursive;
}
.page ul{
  padding: 0;
}
.page ul li{
  list-style: none;
  margin-bottom: 10px;
}
.page h3{
  font-size: 32px;
  line-height: 35px;
  font-weight: bold;
}
.page .round{
  color: var(--azul);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
}

.body[data-theme="consultoria-theme"] .page .round{
  background: var(--rosa-escuro);
}
.body[data-theme="analise-theme"] .page .round{
  background: var(--lilas-escuro);
}

.page .bloco1{
  padding: 70px 0 110px 0;
}
.body[data-theme="consultoria-theme"] .page .bloco1{
  background: transparent url(img/bg-bloco1-rosa.png) no-repeat top center;
}
.body[data-theme="analise-theme"] .page .bloco1{
  background: transparent url(img/bg-bloco1-lilas.png) no-repeat top center;
}
.page .bloco1 h1{
  font-size: 70px;
  line-height: 73px;
  margin-bottom: 20px;
}
.page .bloco1 button{
  color: var(--azul);
  font-size: 25px;
  line-height: 28px;
  font-weight: bold;
  border-radius: 25px;
  padding:10px 20px;
}
.body[data-theme="consultoria-theme"] .page .bloco1 button{
  background: var(--rosa-escuro);
}
.body[data-theme="analise-theme"] .page .bloco1 button{
  background: var(--lilas-escuro);
}

.page .bloco2{
  margin-top: 10px;
}
.page .bloco3, .page .bloco4, .page .bloco5, .page .bloco6{
  margin-top: 60px;
}
.page .bloco2 h3, .page .bloco3 h3, .page .bloco4 h3, .page .bloco5 h3, .page .bloco6 h3{
  margin-bottom: 50px;
}

.page .bloco4 .box{
  text-align: center;
  padding: 20px 20px 5px 20px;
  border-radius: 15px;
  margin-bottom: 15px;
  height: 96%;
}
.body[data-theme="consultoria-theme"] .bloco4 .box{
  box-shadow: var(--rosa-escuro) 5px 5px 0px;
  background: var(--rosa-complementar);
}
.body[data-theme="analise-theme"] .bloco4 .box{
  box-shadow: var(--lilas-escuro) 5px 5px 0px;
  background: var(--lilas-complementar);
}
.page .bloco4 .box strong{
  display: block;
  text-transform: uppercase;
  margin:15px 0;
}
.page .bloco4 .box .fa{
  font-size: 50px;
  text-shadow: var(--azul) 2px 1px 0px;
}
.body[data-theme="consultoria-theme"] .page .bloco4 .box .fa{
  color: var(--rosa-escuro);;
}
.body[data-theme="analise-theme"] .page .bloco4 .box .fa{
  color: var(--lilas-escuro);
}

.page .bloco6 .box{
  padding: 15px;
  border-radius: 15px;
  box-shadow: var(--rosa-escuro) 5px 5px 0px;
  margin-bottom: 15px;
}
.body[data-theme="consultoria-theme"] .bloco6 .box{
  background: var(--rosa);
  box-shadow: var(--rosa-escuro) 5px 5px 0px;
}
.body[data-theme="analise-theme"] .bloco6 .box{
  background: var(--lilas);
  box-shadow: var(--lilas-escuro) 5px 5px 0px;
}
.page .bloco6 .box .fa{
  margin-right: 15px;
}

.page .bloco6 .box .destaque{
  font-family: 'Concert One', cursive;
  font-size: 50px;
  line-height: 53px;
  display: block;
  margin:15px 0;
}
.page .bloco6 .box  button{
  color: var(--azul);
  font-size: 25px;
  line-height: 28px;
  font-weight: bold;
  border-radius: 25px;
  padding:10px 20px;
  margin:15px 0;
}
.body[data-theme="consultoria-theme"] .page .bloco6 .box button{
  background: var(--rosa-escuro);
}
.body[data-theme="analise-theme"] .page .bloco6 .box button{
  background: var(--lilas-escuro);
}

.ondas{
  padding: 65px 0;
  position: relative;
}
.ondas::after{
  content:'';
  position: absolute;
  height: 60px;
  width: 100%;
  top: 5px;
  left: 0px;
  z-index: -1;
}
.ondas::before{
  content:'';
  position: absolute;
  height: 60px;
  width: 100%;
  bottom: 5px;
  left: 0px;
  z-index: -1;
}
.ondas .inside{
  width: 100%;
  padding: 50px 0 25px 0;
}
.body[data-theme="consultoria-theme"] .ondas .inside{
  background: var(--rosa);
}
.body[data-theme="consultoria-theme"] .ondas::after{
  background: url(img/topo-onda-rosa.png) no-repeat top left;
  background-size: cover;
}
.body[data-theme="consultoria-theme"] .ondas::before{
  background: url(img/base-onda-rosa.png) no-repeat bottom left;
  background-size: cover;
}
.body[data-theme="analise-theme"] .ondas .inside{
  background: var(--lilas);
}
.body[data-theme="analise-theme"] .ondas::after{
  background: url(img/topo-onda-lilas.png) no-repeat top left;
  background-size: cover;
}
.body[data-theme="analise-theme"] .ondas::before{
  background: url(img/base-onda-lilas.png) no-repeat bottom left;
  background-size: cover;
}

.content footer{
  width: 100%;
  text-align: center;
  color: var(--azul);
  height: 50px;
  margin-top:25px;
  padding: 0 50px;
}
.content footer nav a{
  color: var(--azul);
}

.btn-whatsapp-footer{
  position: fixed;
  left: 25px;
  bottom: 30px;
}

.btn-whatsapp-footer img{
  width: 50px;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
      transform: scale(1.2);
  }
  100% {
      transform: scale(1);
  }
}

@media only screen and (max-width: 386px) {}

@media only screen and (max-width: 576px) {
  .page .bloco1 h1{
    font-size: 35px;
    line-height: 38px;
  }
  .page .bloco6 .box .destaque{
    font-size: 35px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 768px) {
  .page .bloco1 h1{
    font-size: 45px;
    line-height: 45px;
  }
  .page .bloco6 .box .destaque{
    font-size: 45px;
    line-height: 45px;
  }
}