@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYBLACKITALIC.OTF') format("opentype"), url('../fonts/SFPRODISPLAYHEAVYITALIC.OTF') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYLIGHTITALIC.OTF') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYSEMIBOLDITALIC.OTF') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYTHINITALIC.OTF') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYREGULAR.OTF') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYULTRALIGHTITALIC.OTF') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYMEDIUM.OTF') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF_PRO_DISPLAY;
  src: url('../fonts/SFPRODISPLAYBOLD.OTF') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.container {
  max-width: 1440px;
  padding-left: 100px;
  padding-right: 100px;
}

.container.full {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.container.full-2 {
  width: 100%;
  max-width: 1440px;
  padding-left: 100px;
  padding-right: 0;
}

.menu-container {
  z-index: 99;
  border: 1px solid #eee;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1040px;
  min-height: 60px;
  margin-top: 36px;
  margin-left: 100px;
  margin-right: auto;
  position: fixed;
  overflow: hidden;
}

.logo {
  max-width: 91px;
}

.menu-itens-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  min-width: 750px;
  display: flex;
}

.list {
  list-style-type: none;
  display: flex;
}

.menu-item-link {
  color: #091435;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.menu-item-link:hover {
  color: #091435;
  text-decoration: underline;
}

.menu-item-link:visited, .menu-item-link.w--current:hover {
  color: #091435;
}

.body {
  color: #091435;
  font-family: SF_PRO_DISPLAY, Arial, sans-serif;
  font-size: 16px;
}

.btn-teste-gratis {
  text-align: center;
  background-color: #091435;
  border: 1px solid #091435;
  border-radius: 1px;
  min-width: 159px;
}

.btn-teste-gratis:hover {
  background-color: #2959e9;
}

.btn-teste-gratis.max {
  min-width: 200px;
  font-weight: 700;
}

.btn-teste-gratis.max-1 {
  min-width: 236px;
  font-weight: 700;
}

.hero-1-container {
  background-image: url('../images/bg_hero1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 880px;
  margin-top: 90px;
  display: flex;
}

.hero-1-titulo {
  text-align: center;
  max-width: 708px;
  font-size: 36px;
}

.hero-1-descricao {
  text-align: center;
  max-width: 500px;
  font-size: 18px;
  line-height: 120%;
}

.hero-1-wrapper {
  flex-flow: column;
  align-items: center;
  margin-top: 149px;
  display: flex;
}

.hero-1-botoes {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 23px;
  display: flex;
}

.btn-funcionalidades {
  color: #091435;
  text-align: center;
  background-color: #0000;
  border: 1px solid #091435;
  min-width: 200px;
  font-weight: 700;
}

.btn-funcionalidades:hover {
  color: #2959e9;
  background-color: #0000;
  border-color: #2959e9;
}

.btn-funcionalidades.max {
  min-width: 200px;
  font-weight: 700;
}

.hero-1-img {
  transform-style: preserve-3d;
  height: 616px;
  min-height: 616px;
  margin-top: 43px;
  transform: rotateX(32deg)rotateY(0)rotateZ(0);
}

.letreiro-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
  overflow: hidden;
}

.letreiro-texto {
  white-space: nowrap;
  font-size: 200px;
  font-weight: 100;
  line-height: 100%;
}

.espaco {
  min-height: 100px;
}

.hero-2-container {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.hero-2-titulo {
  text-align: center;
  max-width: 550px;
  font-size: 36px;
}

.hero-2-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 27px;
  display: grid;
}

.hero-2-grid-item {
  background-color: #fafafa;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 535px;
  padding: 20px 24px;
  display: flex;
}

.hero-2-grid-item:hover {
  background-image: url('../images/bg_hero2_item.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-2-grid-item-wrapper {
  width: 100%;
  margin-top: 25px;
}

.hero-2-grid-item-titulo {
  font-size: 33px;
  line-height: 120%;
}

.hero-2-grid-item-descricao {
  margin-top: 19px;
  font-size: 18px;
  line-height: 120%;
}

.hero-2-grid-item-img-wrapper {
  background-color: #fff;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 273px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 20px #0000001a;
}

.hero-3-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 156px;
  display: flex;
}

.hero-3-titulo {
  text-align: left;
  max-width: 708px;
  font-size: 36px;
}

.hero-3-descricao {
  text-align: left;
  max-width: 500px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 120%;
}

.plano-containter {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 200px;
  display: flex;
  position: relative;
}

.planos-titulo {
  text-align: center;
  max-width: 708px;
  font-size: 36px;
}

.planos-widget {
  margin-top: 64px;
}

.moeda-1 {
  z-index: 999;
  position: absolute;
  top: 100px;
  right: 0%;
}

.moeda-2 {
  z-index: 999;
  position: absolute;
  inset: auto auto -150px 0%;
}

.funcionalidades-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 300px;
  display: grid;
}

.funcionalidades-esquerda {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 100px;
}

.funcionalidades-titulo {
  text-align: left;
  max-width: 708px;
  font-size: 36px;
}

.funcionalidades-descricao {
  text-align: left;
  max-width: 500px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 120%;
}

.funcionalidades-direita {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.faq {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 200px;
  display: flex;
}

.faq-titulo {
  text-align: center;
  max-width: 708px;
  font-size: 36px;
}

.faq-descricao {
  text-align: center;
  max-width: 500px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 120%;
}

.faq-itens {
  flex-flow: column;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.faq-item-titulo {
  font-size: 24px;
}

.faq-item-descricao {
  font-size: 18px;
  line-height: 120%;
}

.hr {
  margin-top: 20px;
}

.footer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  margin-top: 280px;
  display: grid;
}

.footer-titulo {
  text-align: left;
  max-width: 708px;
  font-size: 36px;
}

.footer-descricao {
  text-align: left;
  max-width: 500px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 120%;
}

.footer-descricao.baixo {
  margin-top: 89px;
  margin-bottom: 0;
}

.menu-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff75;
  width: 100%;
  height: 100%;
  position: absolute;
}

.menu-wrapper {
  z-index: 2;
  flex-flow: row;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  display: flex;
  position: absolute;
}

.hero-1-img-wrapper {
  perspective: 1000px;
}

.link, .link-2 {
  color: #091435;
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.full-2 {
    padding-left: 20px;
  }

  .menu-container {
    border-style: none;
    border-width: 0;
    justify-content: space-between;
    margin-left: auto;
    position: static;
  }

  .menu-itens-wrapper {
    min-width: auto;
    display: none;
  }

  .btn-teste-gratis.variacao-1 {
    display: none;
  }

  .hero-1-container {
    background-position: 50%;
    background-size: cover;
    margin-top: 0;
  }

  .hero-1-titulo {
    max-width: 500px;
    font-size: 30px;
    line-height: 120%;
  }

  .hero-1-wrapper {
    margin-top: 73px;
  }

  .hero-1-img {
    height: 400px;
    min-height: 400px;
  }

  .hero-2-grid {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .hero-2-grid-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    min-height: auto;
  }

  .hero-2-grid-item-titulo {
    font-size: 28px;
  }

  .hero-3-container {
    flex-flow: column;
  }

  .hero-3-wrapper {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .hero-3-titulo, .hero-3-descricao {
    text-align: center;
  }

  .funcionalidades-container {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .funcionalidades-esquerda {
    align-items: center;
    position: static;
  }

  .funcionalidades-titulo, .funcionalidades-descricao {
    text-align: center;
  }

  .menu-blur {
    height: auto;
  }

  .menu-wrapper {
    justify-content: center;
    height: auto;
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .container.full-2 {
    padding-right: 20px;
  }

  .hero-1-container {
    min-height: 800px;
  }

  .hero-1-img {
    height: auto;
    min-height: auto;
  }

  .hero-2-titulo {
    max-width: 400px;
  }

  .footer-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: wrap-reverse;
    justify-content: center;
    display: flex;
  }

  .footer-esquerda {
    flex-flow: column;
    justify-content: center;
    display: flex;
  }

  .footer-titulo, .footer-descricao {
    text-align: center;
  }

  .hero-1-img-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }
}

@media screen and (max-width: 479px) {
  .menu-container {
    border-style: none;
    justify-content: center;
    max-width: 100%;
  }

  .btn-teste-gratis, .btn-teste-gratis.max {
    display: block;
  }

  .btn-teste-gratis.variacao-1 {
    display: none;
  }

  .hero-1-titulo {
    font-size: 28px;
  }

  .hero-1-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-1-botoes {
    flex-flow: column;
  }

  .btn-funcionalidades {
    min-width: 210px;
  }

  .letreiro-wrapper {
    min-height: 200px;
  }

  .letreiro-texto {
    font-size: 100px;
  }

  .hero-2-container {
    margin-top: 100px;
  }

  .hero-2-titulo {
    font-size: 28px;
    line-height: 120%;
  }

  .hero-2-grid-item {
    flex-flow: wrap-reverse;
  }

  .hero-3-titulo {
    font-size: 28px;
    line-height: 120%;
  }

  .hero-3-descricao {
    font-size: 16px;
  }

  .planos-titulo {
    font-size: 28px;
    line-height: 120%;
  }

  .moeda-1 {
    position: static;
    inset: 0% 0% auto auto;
  }

  .moeda-2 {
    display: none;
  }

  .funcionalidades-container {
    margin-top: 200px;
  }

  .funcionalidades-titulo {
    font-size: 28px;
    line-height: 120%;
  }

  .funcionalidades-descricao {
    font-size: 16px;
  }

  .faq-titulo {
    font-size: 28px;
  }

  .faq-descricao {
    font-size: 16px;
  }

  .faq-item-titulo {
    font-size: 20px;
    line-height: 120%;
  }

  .faq-item-descricao {
    font-size: 14px;
  }

  .menu-wrapper {
    display: flex;
    position: static;
  }
}


@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYBLACKITALIC.OTF') format('opentype'), url('../fonts/SFPRODISPLAYHEAVYITALIC.OTF') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYLIGHTITALIC.OTF') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYSEMIBOLDITALIC.OTF') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYTHINITALIC.OTF') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYREGULAR.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYULTRALIGHTITALIC.OTF') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYMEDIUM.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF_PRO_DISPLAY';
  src: url('../fonts/SFPRODISPLAYBOLD.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}