@font-face {
  font-family: Arkibal Display;
  src: url('../fonts/Arkibal-Display-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Arkibal Display;
  src: url('../fonts/Arkibal-Display-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Arkibal Display;
  src: url('../fonts/Arkibal-Display-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Arkibal Display;
  src: url('../fonts/Arkibal-Display-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --_cores---branco: #eee;
  --_cores---preto: #161616;
  --_tamanhos---desktop-size: 1440px;
  --_tamanhos---16px: 16px;
  --_tamanhos---64px: 64px;
  --_cores---azul-claro--azul-claro: #00b3e3;
  --_cores---sombra: #00000026;
  --_cores---azul-escuro--azul-escuro: #00204e;
  --_tamanhos---32px: 32px;
  --_cores---transparente: #fff0;
  --_tamanhos---4px: 4px;
  --_tamanhos---8px: 8px;
  --_tamanhos---256px: 256px;
  --fundo-cards: #fff;
  --_tamanhos---128px: 128px;
  --_cores---azul-médio--azul-médio: #0069b1;
  --_tamanhos---512px: 512px;
}

/* Botão WhatsApp Flutuante */
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 25px;
  right: 25px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 1000;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  animation: pulse-whatsapp 2s infinite;
}

.whatsapp-float:hover {
  background-color: #20ba5a;
  transform: scale(1.1);
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
  text-decoration: none;
  color: #FFF;
}

.whatsapp-float:visited {
  color: #FFF;
  text-decoration: none;
}

.whatsapp-float:focus {
  color: #FFF;
  text-decoration: none;
  outline: none;
}

/* Animação de pulso */
@keyframes pulse-whatsapp {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

/* Ícone do WhatsApp */
.whatsapp-float .whatsapp-icon {
  width: 32px;
  height: 32px;
  fill: currentColor;
}

/* Responsividade */
@media screen and (max-width: 768px) {
  .whatsapp-float {
    width: 55px;
    height: 55px;
    bottom: 20px;
    right: 20px;
    font-size: 26px;
  }
  
  .whatsapp-float .whatsapp-icon {
    width: 28px;
    height: 28px;
  }
}
  --_cores---azul-escuro--azul-escuro-900: #1a375a;
  --_cores---azul-escuro--azul-escuro-800: #334d6c;
  --_cores---azul-escuro--azul-escuro-700: #4d637f;
  --_cores---azul-escuro--azul-escuro-600: #667991;
  --_cores---azul-escuro--azul-escuro-500: #7f8fa3;
  --_cores---azul-escuro--azul-escuro-400: #99a6b5;
  --_cores---azul-escuro--azul-escuro-300: #b2bcc7;
  --_cores---azul-escuro--azul-escuro-200: #ccd2da;
  --_cores---azul-escuro--azul-escuro-100: #e5e8ec;
  --_cores---azul-médio--azul-médio-900: #4f7ab4;
  --_cores---azul-médio--azul-médio-800: #6289bd;
  --_cores---azul-médio--azul-médio-700: #7698c5;
  --_cores---azul-médio--azul-médio-600: #89a6cd;
  --_cores---azul-médio--azul-médio-500: #9db5d5;
  --_cores---azul-médio--azul-médio-400: #b1c4de;
  --_cores---azul-médio--azul-médio-300: #c4d2e6;
  --_cores---azul-médio--azul-médio-200: #d8e1ee;
  --_cores---azul-médio--azul-médio-100: #ebf0f7;
  --_cores---azul-claro--azul-claro-900: #6fb9e0;
  --_cores---azul-claro--azul-claro-800: #7fc1e3;
  --_cores---azul-claro--azul-claro-700: #8fc9e7;
  --_cores---azul-claro--azul-claro-600: #9fd0ea;
  --_cores---azul-claro--azul-claro-500: #afd8ed;
  --_cores---azul-claro--azul-claro-400: #bfe0f1;
  --_cores---azul-claro--azul-claro-300: #cfe7f4;
  --_cores---azul-claro--azul-claro-200: #dfeff8;
  --_cores---azul-claro--azul-claro-100: #eff7fb;
}

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

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.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;
  }
}

.body {
  background-color: var(--_cores---branco);
  color: var(--_cores---preto);
  font-family: Arkibal Display, Arial, sans-serif;
  font-weight: 300;
}

.navbar-no-shadow {
  z-index: 99;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--_cores---preto);
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-no-shadow-container {
  z-index: 5;
  max-width: var(--_tamanhos---desktop-size);
  padding: var(--_tamanhos---16px);
  background-color: #eeeeeeb3;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
}

.container-regular {
  width: 100%;
  max-width: none;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary {
  border-radius: var(--_tamanhos---64px);
  background-color: var(--_cores---azul-claro--azul-claro);
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
  color: var(--_cores---branco);
  letter-spacing: normal;
  text-transform: none;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  background-color: var(--_cores---azul-escuro--azul-escuro);
  color: var(--_cores---branco);
}

.button-primary:active {
  background-color: #43464d;
}

.hero-section {
  padding-top: var(--_tamanhos---64px);
}

.container-1440 {
  max-width: var(--_tamanhos---desktop-size);
  padding: var(--_tamanhos---64px) var(--_tamanhos---16px);
  margin-left: auto;
  margin-right: auto;
}

.hero-grid {
  grid-column-gap: var(--_tamanhos---32px);
  grid-row-gap: var(--_tamanhos---32px);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.hero-heading-wrapper {
  background-color: var(--_cores---transparente);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.hero-img-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  background-color: var(--_cores---transparente);
  width: auto;
  display: flex;
}

.upper-heading {
  margin-top: 0;
  margin-bottom: var(--_tamanhos---16px);
  padding: var(--_tamanhos---4px) var(--_tamanhos---8px);
  border-radius: var(--_tamanhos---256px);
  background-color: var(--fundo-cards);
  box-shadow: 0 var(--_tamanhos---4px) var(--_tamanhos---8px) 0 var(--_cores---sombra);
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.hero-heading {
  margin-top: 0;
  margin-bottom: var(--_tamanhos---8px);
  line-height: 42px;
}

.hero-p {
  margin-bottom: var(--_tamanhos---32px);
  font-size: 16px;
  line-height: 20px;
}

.hero-img1 {
  border-radius: var(--_tamanhos---16px);
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
  width: 50%;
}

.hero-img2 {
  padding: var(--_tamanhos---16px);
  border-radius: var(--_tamanhos---16px);
  background-color: var(--_cores---azul-escuro--azul-escuro);
  background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--_cores---azul-escuro--azul-escuro) 18%, var(--_cores---azul-claro--azul-claro));
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 30%;
  display: flex;
}

.hero-img3 {
  border-radius: var(--_tamanhos---16px);
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
  object-fit: fill;
  background-image: url('../images/SegundaImagen_LP2.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 70%;
  display: flex;
  overflow: visible;
}

.hero-img2-3-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  flex-flow: column;
  width: 50%;
  display: flex;
}

.image-2 {
  border-radius: var(--_tamanhos---16px);
}

.image-3 {
  max-width: 150px;
}

.text-span {
  color: var(--_cores---azul-claro--azul-claro);
}

.heading {
  color: var(--_cores---branco);
  margin-top: 0;
  margin-bottom: 0;
}

.main-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 42px;
}

.main-paragraph {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
}

.solucao-txt-wrapper {
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
  justify-content: flex-start;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.solucao-card {
  padding: var(--_tamanhos---8px) var(--_tamanhos---16px);
  grid-column-gap: var(--_tamanhos---4px);
  grid-row-gap: var(--_tamanhos---4px);
  border-radius: var(--_tamanhos---128px);
  background-color: var(--fundo-cards);
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
  align-items: center;
  display: flex;
}

.solucao-item {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.solucao-card-checkimg {
  width: var(--_tamanhos---16px);
}

.solucao-card-wrapper {
  margin-top: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: flex;
}

.solucao-img {
  border-radius: var(--_tamanhos---8px) var(--_tamanhos---8px) 0px 0px;
}

.solucao-img-wrapper {
  padding-top: var(--_tamanhos---32px);
}

.solucao-img-border {
  padding-top: var(--_tamanhos---64px);
  padding-right: var(--_tamanhos---64px);
  padding-left: var(--_tamanhos---64px);
  border-radius: var(--_tamanhos---16px);
  background-image: linear-gradient(140deg, var(--_cores---azul-escuro--azul-escuro), var(--_cores---azul-claro--azul-claro));
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
}

.beneficios-txt-wrapper {
  padding-bottom: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.beneficios-card-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.beneficios-card {
  padding: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  border-radius: var(--_tamanhos---16px);
  background-color: var(--fundo-cards);
  box-shadow: 0 var(--_tamanhos---4px) var(--_tamanhos---8px) 0 #0003;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.beneficios-item {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
}

.beneficios-heading {
  margin-top: 0;
  margin-bottom: var(--_tamanhos---8px);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.beneficios-card-txt-wrapper {
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
}

.beneficios-card-wrapper2 {
  padding-top: var(--_tamanhos---16px);
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.beneficios-card2 {
  padding: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  border-radius: var(--_tamanhos---16px);
  background-color: var(--fundo-cards);
  box-shadow: 0 var(--_tamanhos---4px) var(--_tamanhos---8px) 0 #0003;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.beneficios-img2 {
  max-width: var(--_tamanhos---128px);
  flex: 0 auto;
  width: auto;
  height: auto;
  max-height: none;
  display: block;
  overflow: clip;
}

.beneficios-img1 {
  max-width: var(--_tamanhos---128px);
  margin-right: var(--_tamanhos---16px);
  margin-bottom: var(--_tamanhos---16px);
  opacity: .1;
  align-self: flex-end;
  position: absolute;
  inset: auto 0% 0% auto;
}

.integrado-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.integrado-cards-esquerda-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.integrado-txt-wrapper {
  padding-bottom: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integrado-card {
  padding: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  border-radius: var(--_tamanhos---16px);
  background-color: var(--fundo-cards);
  box-shadow: 0 var(--_tamanhos---4px) var(--_tamanhos---8px) 0 #0003;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integrado-card-txt-wrapper {
  grid-column-gap: var(--_tamanhos---4px);
  grid-row-gap: var(--_tamanhos---4px);
}

.integrado-card-paragraph {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
}

.appstores-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.appstores-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.appstores-img {
  max-width: var(--_tamanhos---32px);
}

.flex-block {
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
}

.image-5 {
  width: var(--_tamanhos---32px);
}

.compliance-grid {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: flex;
}

.compliance-txt-wrapper {
  padding-bottom: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 750px;
  display: flex;
}

.compliance-paragraph {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
}

.compliance-main-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 42px;
}

.compliance-cards-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.compliance-card-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  display: flex;
}

.compliance-p {
  border-radius: var(--_tamanhos---256px);
  background-color: var(--_cores---transparente);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.compliance-card {
  padding: var(--_tamanhos---16px);
  border-radius: var(--_tamanhos---16px);
  background-color: var(--fundo-cards);
  box-shadow: 0 var(--_tamanhos---4px) var(--_tamanhos---8px) 0 #0003;
  color: var(--_cores---preto);
  background-image: none;
}

.banner-bg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_tamanhos---16px);
  background-image: url('../images/BG.webp');
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 450px;
  display: flex;
}

.banner-txt-button-wrapper {
  padding-top: var(--_tamanhos---64px);
  padding-left: var(--_tamanhos---64px);
  grid-column-gap: var(--_tamanhos---32px);
  grid-row-gap: var(--_tamanhos---32px);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.banner-main-heading {
  color: var(--_cores---branco);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 42px;
}

.banner-main-paragraph {
  color: var(--_cores---branco);
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
}

.banner-txt-wrapper {
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
}

.footer-section {
  border-bottom: 1px solid #e4ebf3;
  position: relative;
}

.container {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  grid-column-gap: var(--_tamanhos---8px);
  grid-row-gap: var(--_tamanhos---8px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-divider {
  margin-bottom: var(--_tamanhos---16px);
  background-color: var(--fundo-cards);
  width: 100%;
  height: 1px;
}

.footer-copyright-center {
  margin-bottom: var(--_tamanhos---16px);
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.image-6 {
  max-width: 150px;
}

.social-img {
  width: var(--_tamanhos---32px);
}

.list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5 {
  display: none;
}

.image-7 {
  max-height: 512px;
}

.banner-cards-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  flex-flow: column;
  display: flex;
}

.banner-card {
  padding: var(--_tamanhos---32px);
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  border-radius: var(--_tamanhos---16px);
  background-color: var(--fundo-cards);
  box-shadow: 0 var(--_tamanhos---4px) var(--_tamanhos---8px) 0 #0003;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.banner-card-paragraph {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
}

.banner-card-hflex {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
}

.image-8 {
  max-width: var(--_tamanhos---64px);
  margin-top: var(--_tamanhos---16px);
}

.image-9 {
  display: none;
}

.blue-txt {
  color: var(--_cores---azul-claro--azul-claro);
}

.bullet-wrapper {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
}

.beneficios-item-wrapper {
  grid-column-gap: var(--_tamanhos---4px);
  grid-row-gap: var(--_tamanhos---4px);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beneficios-item-check {
  width: var(--_tamanhos---16px);
  height: var(--_tamanhos---16px);
}

.features-metrics {
  background-color: var(--_cores---transparente);
  border-bottom: 1px solid #e4ebf3;
  padding: 0;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.features-wrapper {
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.features-block {
  padding: var(--_tamanhos---16px) var(--_tamanhos---32px);
  border-radius: var(--_tamanhos---512px);
  background-color: var(--fundo-cards);
  box-shadow: 0 var(--_tamanhos---4px) var(--_tamanhos---8px) 0 var(--_cores---sombra);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.features-title {
  color: var(--_cores---azul-claro--azul-claro);
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
}

.features-title-small {
  font-size: 24px;
  line-height: 32px;
}

.beneficios-card-wrapper-copy {
  grid-column-gap: var(--_tamanhos---16px);
  grid-row-gap: var(--_tamanhos---16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.div-block {
  margin-top: var(--_tamanhos---32px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-img3-copy {
  border-radius: var(--_tamanhos---16px);
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
  object-fit: fill;
  background-image: url('../images/SegundaImage.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 70%;
  display: flex;
  overflow: visible;
}

.background-video {
  aspect-ratio: 16 / 9;
  border-radius: var(--_tamanhos---16px);
  height: auto;
}

.bold-text {
  font-size: 18px;
}

.text-span-2 {
  font-size: 18px;
  font-weight: 700;
}

.button-wrapper {
  margin-top: var(--_tamanhos---32px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field {
  border: 1px solid var(--_cores---transparente);
  border-radius: var(--_tamanhos---256px);
  background-color: var(--fundo-cards);
  box-shadow: 0 4px 8px 0 var(--_cores---sombra);
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .button-primary {
    text-align: center;
    align-self: center;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .hero-heading {
    font-size: 32px;
    line-height: 36px;
  }

  .hero-img1 {
    align-self: center;
  }

  .heading {
    font-size: 16px;
    line-height: 20px;
  }

  .solucao-card {
    grid-column-gap: var(--_tamanhos---8px);
    grid-row-gap: var(--_tamanhos---8px);
  }

  .beneficios-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .beneficios-heading {
    font-size: 20px;
    line-height: 24px;
  }

  .beneficios-img2 {
    max-width: 85px;
  }

  .beneficios-img1 {
    align-self: center;
    max-width: 85px;
  }

  .integrado-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .integrado-card {
    justify-content: flex-start;
    align-items: center;
  }

  .appstores-wrapper {
    margin-top: var(--_tamanhos---32px);
  }

  .banner-bg {
    background-position: 50% 100%;
  }

  .banner-txt-button-wrapper {
    max-width: var(--_tamanhos---512px);
  }

  .container {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .container-2 {
    max-width: 728px;
  }

  .features-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid;
  }

  .beneficios-card-wrapper-copy {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-2 {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr;
    display: flex;
  }

  .form {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .hero-grid {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: .75fr;
    display: flex;
  }

  .hero-heading-wrapper {
    justify-content: center;
    align-items: center;
  }

  .hero-img-wrapper {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .hero-heading, .hero-p {
    text-align: center;
  }

  .hero-img1 {
    display: flex;
  }

  .hero-img2-3-wrapper {
    flex-flow: column;
  }

  .solucao-card {
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
  }

  .solucao-card-wrapper {
    grid-column-gap: var(--_tamanhos---16px);
    grid-row-gap: var(--_tamanhos---16px);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .beneficios-card-wrapper {
    flex-flow: column;
    display: flex;
  }

  .beneficios-card-wrapper2 {
    display: flex;
  }

  .beneficios-card2 {
    flex-flow: column;
  }

  .beneficios-img2, .beneficios-img1 {
    align-self: flex-end;
  }

  .compliance-card {
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .banner-bg {
    background-position: 65% 100%;
  }

  .banner-txt-button-wrapper {
    max-width: var(--_tamanhos---256px);
    padding-top: var(--_tamanhos---32px);
    padding-left: var(--_tamanhos---32px);
  }

  .banner-main-heading {
    font-size: 28px;
    line-height: 32px;
  }

  .footer-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .bullet-wrapper {
    flex-flow: column;
  }

  .features-metrics {
    padding: 0;
  }

  .features-wrapper {
    flex-wrap: wrap;
    justify-content: stretch;
  }

  .features-block {
    align-items: center;
    width: auto;
  }

  .beneficios-card-wrapper-copy {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .nav-menu {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .hero-img-wrapper {
    flex-flow: column;
    align-self: auto;
  }

  .upper-heading {
    font-size: 12px;
    line-height: 16px;
  }

  .hero-p {
    font-size: 14px;
    line-height: 18px;
  }

  .hero-img1 {
    align-self: auto;
    width: 100%;
  }

  .hero-img2 {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .hero-img3 {
    width: 100%;
    height: 250px;
  }

  .hero-img2-3-wrapper {
    flex-flow: column;
    justify-content: space-between;
    width: auto;
  }

  .heading {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
  }

  .main-heading {
    font-size: 32px;
    line-height: 36px;
  }

  .main-paragraph {
    font-size: 14px;
    line-height: 18px;
  }

  .solucao-img-border {
    padding-top: var(--_tamanhos---16px);
    padding-right: var(--_tamanhos---16px);
    padding-left: var(--_tamanhos---16px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .beneficios-item {
    font-size: 14px;
    line-height: 18px;
  }

  .beneficios-heading {
    font-size: 18px;
    line-height: 22px;
  }

  .beneficios-card-wrapper2 {
    flex-flow: column;
  }

  .integrado-card-paragraph {
    font-size: 14px;
    line-height: 18px;
  }

  .appstores-wrapper {
    flex-flow: column;
  }

  .appstores-heading {
    font-size: 14px;
    line-height: 18px;
  }

  .compliance-card-wrapper {
    flex-flow: column;
  }

  .banner-bg {
    background-image: linear-gradient(175deg, var(--_cores---azul-escuro--azul-escuro), var(--_cores---azul-claro--azul-claro));
    background-position: 0 0;
    height: 550px;
    position: relative;
  }

  .container {
    max-width: none;
  }

  .footer-wrapper {
    grid-column-gap: var(--_tamanhos---32px);
    grid-row-gap: var(--_tamanhos---32px);
  }

  .footer-content {
    grid-column-gap: 0px;
    margin-top: 0;
  }

  .footer-social-block {
    margin-top: 0;
    margin-left: 0;
  }

  .footer-social-link {
    margin-left: 0;
  }

  .footer-divider {
    margin-top: 0;
  }

  .image-9 {
    z-index: auto;
    display: block;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .container-2 {
    max-width: none;
  }

  .features-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .hero-img3-copy {
    width: 100%;
    height: 250px;
  }
}

#w-node-_2b33dff1-2907-ef13-eb52-ef450c1e8be4-7d54cb3c, #w-node-_3a02399d-e2b7-0623-8554-18a732796142-7d54cb3c, #w-node-_31970478-88c3-00b8-0d09-87852f1ff4e1-7d54cb3c, #w-node-a9a77bd5-7b1f-361a-f57d-0cdc737192a9-7d54cb3c, #w-node-_05e550c3-0b86-d9f2-cdf5-289f5622d24e-7d54cb3c, #w-node-_76a91985-77a3-aff2-e2b1-df8d493f5c66-7d54cb3c, #w-node-_2b33dff1-2907-ef13-eb52-ef450c1e8be4-ebd5c428, #w-node-_3a02399d-e2b7-0623-8554-18a732796142-ebd5c428, #w-node-_31970478-88c3-00b8-0d09-87852f1ff4e1-ebd5c428, #w-node-_05e550c3-0b86-d9f2-cdf5-289f5622d24e-ebd5c428 {
  align-self: auto;
}

@media screen and (max-width: 767px) {
  #w-node-_54eeedd4-3a77-006f-7413-57c6f56a21e1-7d54cb3c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_54afc585-a071-6f8d-bd34-d6de7ee200b6-7d54cb3c, #w-node-_9bfffe7e-12bb-b913-2f22-343ad7896d63-7d54cb3c {
    justify-self: auto;
  }

  #w-node-fe357c72-b2d0-b284-485f-b569f10b48d7-f10b48d4, #w-node-_54eeedd4-3a77-006f-7413-57c6f56a21e1-ebd5c428 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_54afc585-a071-6f8d-bd34-d6de7ee200b6-ebd5c428, #w-node-_9bfffe7e-12bb-b913-2f22-343ad7896d63-ebd5c428 {
    justify-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fe357c72-b2d0-b284-485f-b569f10b48d7-f10b48d4 {
    place-self: center;
  }

  #w-node-fe357c72-b2d0-b284-485f-b569f10b48de-f10b48d4 {
    place-self: auto;
  }
}


@font-face {
  font-family: 'Arkibal Display';
  src: url('../fonts/Arkibal-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arkibal Display';
  src: url('../fonts/Arkibal-Display-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arkibal Display';
  src: url('../fonts/Arkibal-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arkibal Display';
  src: url('../fonts/Arkibal-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}