html {
  /*zoom: 1.22;*/
}

.bg-banner-icon,
.portal-de-assinaturas-child {
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.portal-de-assinaturas-child {
  width: 100%;
  height: 1548px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -80px;
  left: 0;
  flex-shrink: 0;
  z-index: 2;
}
.bg-banner-icon {
  height: 768px;
  flex: 1;
  position: relative;
}
.image-18-icon {
  position: absolute;
  top: -121px;
  left: 0;
  width: 936px;
  height: 889px;
  object-fit: cover;
  z-index: 1;
}
.frame-child {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  display: none;
}
.vector-icon {
  position: absolute;
  height: 47.27%;
  width: 47.27%;
  top: 25.45%;
  right: 27.27%;
  bottom: 27.27%;
  left: 25.45%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.rectangle-parent {
  position: absolute;
  top: 694px;
  left: 641px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-3xs);
  background-color: var(--color-white);
  width: 55px;
  height: 55px;
  cursor: pointer;
  z-index: 2;
}
.bg-banner-parent,
.image-18-parent {
  margin: 0 !important;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.image-18-parent {
  height: 100%;
  width: 721px;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.bg-banner-parent {
  /*width: 1366px;*/
  width: 100%;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.subtitle {
  position: relative;
}
.subtitle-wrapper {
  border-radius: var(--br-3xs);
  background-color: var(--prpura-vivo);
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-sm);
  z-index: 2;
}
.bg,
.bg1 {
  width: 279px;
  height: 30px;
  position: relative;
  filter: blur(50px);
  border-radius: var(--br-base);
  background-color: var(--color-lightgreen);
  display: none;
  z-index: 3;
}
.bg1 {
  background-color: var(--color-lightsteelblue);
  z-index: 4;
}
.frame-item {
  height: 1202px;
  flex: 1;
  position: relative;
  width: 100%;
  overflow: hidden;
  object-fit: contain;
  z-index: 2;
  background-color: var(--color-elevasign);
}
.download-on-the-app-store-badg-icon {
  height: 47px;
  width: 139px;
  position: absolute;
  margin: 0 !important;
  bottom: 210px;
  left: 384px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 4;
}
.vector-parent {
  /*width: 1366px;*/
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 5600px;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.capa-2-icon {
  height: 33.6px;
  width: 107.9px;
  position: relative;
  z-index: 1;
}
.capa-2-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 2px 99.4px;
}
.frame-inner {
  width: 82px;
  height: 49.7px;
  position: relative;
  z-index: 1;
}
.title {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 78px;
  font-weight: 700;
  font-family: inherit;
  z-index: 2;
}
.sub-title {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: 40px;
  line-height: 78px;
  font-weight: 700;
  font-family: inherit;
  z-index: 2;
}
.frame-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3px;
}
.subtitle1 {
  width: 578px;
  height: 105px;
  position: relative;
  font-size: var(--font-size-base);
  color: #eab0f9;
  display: inline-block;
  max-width: 100%;
  z-index: 2;
}
.frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.subtitle2 {
  position: relative;
  font-size: var(--font-size-sm);
  display: inline-block;
  font-family: var(--font-vivo-type);
  color: var(--color-white);
  text-align: left;
  min-width: 93px;
}
.hero-description {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-smi) var(--padding-3xs)
    var(--padding-sm);
  background-color: var(--prpura-vivo);
  border-radius: var(--br-3xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.hero-description:hover {
  background-color: #93c;
}
.hero-content,
.hero-content-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.hero-content {
  width: 616px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 42px;
}
.hero-content-wrapper {
  width: 898px;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  font-size: 60px;
}
.bg2,
.bg3 {
  position: relative;
  border-radius: var(--br-base);
  background-color: var(--color-lightsalmon);
  display: none;
}
.bg2 {
  width: 279px;
  height: 30px;
  filter: blur(50px);
}
.bg3 {
  width: 313px;
  height: 176px;
}
.icon,
.milhes {
  position: relative;
  z-index: 2;
}
.icon {
  width: 40px;
  height: 40px;
}
.milhes {
  margin: 0;
  width: 197px;
  font-size: inherit;
  line-height: 32px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.pginas-processadas {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-base);
  line-height: 24px;
  z-index: 2;
}
.div,
.milhes-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.milhes-parent {
  width: 224px;
  gap: var(--gap-5xs);
}
.div {
  flex: 0.8722;
  border-radius: var(--br-base);
  background-color: var(--color-lightsalmon);
  padding: var(--padding-xl) var(--padding-xl) var(--padding-7xl);
  box-sizing: border-box;
  gap: var(--gap-7xl);
  min-width: 204px;
  z-index: 1;
}
.mask-group-icon {
  height: 655px;
  width: 1206px;
  position: absolute;
  margin: 0 !important;
  top: -567px;
  right: -484px;
  object-fit: cover;

  /* temporario */
  /* height: 90vh;
  width: 90vw;
  position: absolute;
  margin: 0 !important;
  top: -567px;
  right: -484px;
  object-fit: cover;
  border-radius: 4vh; */
}
.bg4 {
  width: 279px;
  height: 30px;
  filter: blur(50px);
  border-radius: var(--br-base);
  background-color: var(--color-mediumpurple);
  display: none;
}
.bg4,
.bg5,
.icon1 {
  position: relative;
}
.bg5 {
  width: 314px;
  height: 176px;
  border-radius: var(--br-base);
  background-color: var(--color-mediumpurple);
  display: none;
}
.icon1 {
  width: 40px;
  height: 40px;
  z-index: 2;
}
.assinaturas-realizadas,
.mil {
  position: relative;
  line-height: 32px;
  z-index: 2;
}
.assinaturas-realizadas {
  align-self: stretch;
  font-size: var(--font-size-base);
  line-height: 24px;
}
.div1,
.mil-parent,
.signed-contracts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.mil-parent {
  width: 224px;
  flex-direction: column;
  gap: var(--gap-5xs);
}
.div1,
.signed-contracts {
  flex: 1;
}
.div1 {
  border-radius: var(--br-base);
  background-color: var(--color-mediumpurple);
  flex-direction: column;
  padding: var(--padding-xl) var(--padding-5xl) var(--padding-7xl);
  gap: var(--gap-7xl);
  z-index: 1;
}
.signed-contracts {
  flex-direction: row;
  position: relative;
  min-width: 204px;
}
.bg6,
.bg7 {
  position: relative;
  border-radius: var(--br-base);
  background-color: var(--color-indianred);
  display: none;
}
.bg6 {
  width: 279px;
  height: 30px;
  filter: blur(50px);
}
.bg7 {
  width: 313px;
  height: 176px;
}
.icon2 {
  width: 40px;
  height: 40px;
}
.b,
.icon2,
.mdulos-integrados {
  position: relative;
  z-index: 2;
}
.b {
  line-height: 32px;
  display: inline-block;
  min-width: 50px;
}
.mdulos-integrados {
  align-self: stretch;
  font-size: var(--font-size-base);
  line-height: 24px;
}
.div2,
.parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent {
  width: 224px;
  gap: var(--gap-5xs);
}
.div2 {
  flex: 0.8466;
  border-radius: var(--br-base);
  /*background-color: var(--color-indianred);*/
  padding: var(--padding-xl) var(--padding-5xl) var(--padding-7xl);
  box-sizing: border-box;
  gap: var(--gap-7xl);
  min-width: 204px;
  z-index: 1;
}
.bg8,
.icon3 {
  position: absolute;
}
.bg8 {
  top: 0;
  left: 0;
  border-radius: var(--br-base);
  background-color: var(--color-lightgreen);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.icon3 {
  top: 20px;
  left: 24px;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.bg-parent {
  width: 314px;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -127px;
  bottom: 0;
}
.area-count,
.reas-transformadas {
  position: relative;
  display: inline-block;
  z-index: 2;
}
.area-count {
  line-height: 32px;
  min-width: 76px;
}
.reas-transformadas {
  width: 225px;
  font-size: var(--font-size-base);
  line-height: 24px;
}
.statistic-item-one,
.transformed-areas {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.transformed-areas {
  width: 187px;
  flex-direction: column;
  padding: var(--padding-67xl) var(--padding-xl) var(--padding-7xl)
    var(--padding-5xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-5xs);
}
.statistic-item-one {
  width: 1223px;
  flex-direction: row;
  gap: var(--gap-13xl);
  max-width: 100%;
}
.rectangle-div,
.rectangle-icon {
  position: relative;
  border-radius: var(--br-11xl);
  display: none;
}
.rectangle-icon {
  height: 327px;
  width: 1080px;
  max-width: 100%;
}
.rectangle-div {
  height: 149px;
  width: 149px;
  background-color: var(--color-lavender);
}
.system-solid-14-article-hover-icon {
  height: 110.9px;
  width: 110.9px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.rectangle-group {
  border-radius: var(--br-11xl);
  background-color: var(--color-lavender);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19.6px 18px 18.5px;
  z-index: 1;
}
.subtitle3,
.title1 {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.title1 {
  margin: 0;
  width: 617px;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.subtitle3 {
  height: 84px;
  font-size: var(--font-size-base);
  color: var(--color-slategray);
}
.title-parent {
  width: 679px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.frame-child1,
.vector-group {
  border-radius: var(--br-11xl);
  max-width: 100%;
}
.vector-group {
  align-self: stretch;
  box-shadow: 0 10px 60px rgba(222, 234, 251, 0.8);
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-70xl) var(--padding-57xl);
  box-sizing: border-box;
  gap: var(--gap-47xl);
}
.frame-child1 {
  height: 310px;
  width: 1080px;
  position: relative;
  display: none;
}
.subtitle4,
.title2 {
  position: relative;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.title2 {
  margin: 0;
  width: 617px;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.subtitle4 {
  height: 84px;
  flex: 1;
}
.folder-description {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 4px 0 0;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--font-size-base);
  color: var(--color-slategray);
}
.folder-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.frame-child2 {
  height: 149px;
  width: 149px;
  position: relative;
  border-radius: var(--br-11xl);
  background-color: var(--color-pink);
  display: none;
}
.system-solid-44-folder-hover-f-icon {
  height: 114.3px;
  width: 114.3px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.rectangle-container,
.vector-container {
  border-radius: var(--br-11xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.rectangle-container {
  background-color: var(--color-pink);
  padding: 17.3px 17px 17.4px;
  z-index: 1;
}
.vector-container {
  align-self: stretch;
  box-shadow: 0 10px 60px rgba(222, 234, 251, 0.8);
  background-color: var(--color-white);
  padding: 81px 73px 80px 122px;
  box-sizing: border-box;
  gap: var(--gap-47xl);
  max-width: 100%;
  text-align: right;
  color: #eb3c7d;
}
.frame-child3,
.frame-child4 {
  position: relative;
  border-radius: var(--br-11xl);
  display: none;
}
.frame-child3 {
  height: 326px;
  width: 1080px;
  max-width: 100%;
}
.frame-child4 {
  height: 149px;
  width: 149px;
  background-color: var(--color-palegoldenrod);
}
.system-solid-43-pie-chart-diag-icon {
  height: 125.9px;
  width: 125.9px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.rectangle-parent1 {
  border-radius: var(--br-11xl);
  background-color: var(--color-palegoldenrod);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 11.6px var(--padding-2xs) 11.5px;
  z-index: 1;
}
.subtitle5,
.title3 {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.title3 {
  margin: 0;
  width: 617px;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.subtitle5 {
  height: 84px;
  font-size: var(--font-size-base);
  color: var(--color-slategray);
}
.group-div,
.title-group {
  justify-content: flex-start;
}
.title-group {
  width: 667px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.group-div {
  align-self: stretch;
  box-shadow: 0 10px 60px rgba(222, 234, 251, 0.8);
  border-radius: var(--br-11xl);
  background-color: var(--color-white);
  flex-direction: row;
  padding: var(--padding-70xl) var(--padding-57xl) var(--padding-69xl);
  box-sizing: border-box;
  gap: var(--gap-47xl);
  color: #82d400;
}
.featured-content,
.featured-items,
.group-div {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.featured-items {
  width: 1080px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 64px;
}
.featured-content {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  font-size: var(--font-size-13xl);
  color: var(--prpura-vivo);
}
.frame-child5 {
  /*width: 1366px;*/
  width: 100%;
  height: 944px;
  position: relative;
  background: linear-gradient(146.52deg, #5d0e93, #d84c7d);
  display: none;
  max-width: 100%;
}
.title4 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  display: inline-block;
  width: 1081px;
  height: 52px;
  z-index: 1;
  font-family: inherit;
}
.animation-1731088181595-1 {
  position: absolute;
  top: 50px;
  left: 621px;
  width: 184px;
  height: 45px;
  object-fit: cover;
  z-index: 1;
}
.animation-title {
  align-self: stretch;
  height: 95px;
  position: relative;
}
.frame-child10,
.frame-child11,
.frame-child12,
.frame-child6,
.frame-child7,
.frame-child8,
.frame-child9,
.group-icon {
  height: 41.84%;
  width: 17.44%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 82.56%;
  bottom: 58.16%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 0;
}
.frame-child10,
.frame-child11,
.frame-child12,
.frame-child6,
.frame-child14,
.frame-child7,
.frame-child8,
.frame-child9 {
  height: 41.16%;
  right: 55.04%;
  bottom: 58.84%;
  left: 27.52%;
  z-index: 1;
}
.frame-child10,
.frame-child11,
.frame-child12,
.frame-child7,
.frame-child8,
.frame-child9 {
  height: 41.84%;
  right: 27.52%;
  bottom: 58.16%;
  left: 55.04%;
  z-index: 2;
}
.frame-child10,
.frame-child11,
.frame-child12,
.frame-child8,
.frame-child9 {
  right: 0;
  left: 82.56%;
  z-index: 3;
}
.frame-child10,
.frame-child11,
.frame-child12,
.frame-child9 {
  top: 58.16%;
  right: 82.56%;
  bottom: 0;
  left: 0;
  z-index: 4;
}
.frame-child10,
.frame-child11,
.frame-child12 {
  right: 55.04%;
  left: 27.52%;
  z-index: 5;
}
.frame-child11,
.frame-child12 {
  right: 27.52%;
  left: 55.04%;
  z-index: 6;
}
.frame-child12 {
  right: 0;
  left: 82.56%;
  z-index: 7;
}
.frame-div {
  height: 294px;
  width: 694px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  position: relative;
  gap: 48px 70px;
  z-index: 2;
}
.frame-child13 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-11xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 0;
}
.hint-icon {
  width: 51px;
  height: 42px;
  position: relative;
}
.para-visualizar-movimente {
  width: 251px;
  height: 63px;
  position: relative;
  display: inline-block;
}
.hint-icon-parent {
  height: 121px;
  width: 251px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  z-index: 1;
}
.vector-parent1 {
  height: 294px;
  width: 311px;
  flex-direction: row;
  padding: var(--padding-67xl) var(--padding-11xl) 87px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.animation-content,
.frame-container,
.rectangle-parent2,
.vector-parent1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-container {
  width: 1080px;
  height: 294px;
  flex-direction: row;
  gap: 75px;
  z-index: 2;
  font-size: var(--font-size-base);
  color: var(--color-slategray);
}
.animation-content,
.rectangle-parent2 {
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-parent2 {
  flex: 1;
  background: linear-gradient(146.52deg, #5d0e93, #d84c7d);
  flex-direction: column;
  padding: 245px var(--padding-124xl) 244px;
  gap: var(--gap-47xl);
  flex-shrink: 0;
}
.animation-content {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 5px;
}
.unsplashzu6-nhyntsi-icon {
  /*width: 1366px;*/
  width: 100%;
  position: relative;
  /*max-height: 100%;*/
  max-height: 980px;
  object-fit: cover;
  max-width: 100%;
  z-index: 1;
}
.menu-icon {
  position: absolute;
  top: calc(50% - 40.5px);
  left: calc(50% - 34px);
  width: 67.1px;
  height: 81px;
}
.frame1,
.menu-spacer-one {
  position: relative;
  border-radius: var(--br-11xl);
}
.frame1 {
  align-self: stretch;
  width: 352px;
  background-color: #55c1ff;
  overflow: hidden;
  flex-shrink: 0;
}
.menu-spacer-one {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.frame,
.menu-spacer-one,
.menu-spacer-two {
  align-self: stretch;
  overflow: hidden;
}
.menu-spacer-two {
  width: 335px;
  position: relative;
  border-radius: var(--br-11xl);
  max-height: 100%;
  flex-shrink: 0;
}
.frame {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
}
.vector-icon1 {
  position: absolute;
  top: calc(50% - 40.5px);
  left: calc(50% - 52.5px);
  width: 106px;
  height: 81px;
}
.frame-icon,
.frame3 {
  position: relative;
  border-radius: var(--br-11xl);
  flex-shrink: 0;
}
.frame3 {
  align-self: stretch;
  width: 379px;
  background-color: #e1e1e1;
  overflow: hidden;
}
.frame-icon {
  width: 329px;
  max-height: 100%;
}
.frame-icon,
.frame-icon1,
.frame2 {
  align-self: stretch;
  overflow: hidden;
}
.frame-icon1 {
  width: 244px;
  position: relative;
  border-radius: var(--br-11xl);
  max-height: 100%;
  flex-shrink: 0;
}
.frame2 {
  flex: 1;
  flex-direction: row;
  gap: var(--gap-13xl);
}
.bento,
.frame2,
.gallery-image-one {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.bento {
  height: 502px;
  width: 1080px;
  background-color: var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  padding: 32px;
  box-sizing: border-box;
  gap: var(--gap-13xl);
}
.gallery-image-one {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: row;
  row-gap: 20px;
  max-width: 100%;
  height: 100%;
}
.chad-madden-fnieigld6jq-unspla-icon,
.wrapper-rectangle-18853-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrapper-rectangle-18853-child {
  z-index: 2;
  object-fit: contain;
  top: 10px;
  transform: scale(1.189);
}
.wrapper-rectangle-18853 {
  position: absolute;
  top: 177px;
  left: 108px;
  border-radius: var(--br-11xl);
  width: 1157px;
  height: 636px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-image-two {
  width: 100%;
  height: 989px;
  position: absolute;
  margin: 0 !important;
  top: 0px;
  right: 0;
  left: 0;
}
.bom-para-o-planeta {
  color: #76c000;
}
.title5 {
  margin: 0;
  width: 837px;
  position: relative;
  font-size: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 3;
  font-family: inherit;
}
.gallery-image-one-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 251px var(--padding-xl) 717px 177px;
  box-sizing: border-box;
  position: relative;
  min-height: 1020px;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 2;
  margin-top: -18px;
  color: var(--color-slategray);
}
.testimonial-background {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0px;
  background-color: var(--color-ghostwhite-100);
  width: 100%;
}

.wrapper-group-1000006223 {
  position: absolute;
  top: 55%; /* Move para o meio vertical */
  left: 50%; /* Move para o meio horizontal */
  transform: translate(-50%, -50%); /* Centraliza completamente */
  width: 203px;
  height: 203px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.wrapper-group-1000006223-child {
  width: 100%;
  height: 100%;
  z-index: 2;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.141);
  transition: transform 0.3s ease-in-out;
}

.wrapper-group-1000006223:hover .wrapper-group-1000006223-child {
  transform: scale(1.2); /* Efeito de zoom */
}

/* Meia lua branca */
.half-moon {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0%;
  background-color: white; /* Cor da meia lua */
  z-index: 3;
  border-radius: 0 0 50% 50%; /* Forma de meia lua */
  transition: height 0.3s ease-in-out;
}

.wrapper-group-1000006223:hover .half-moon {
  height: 38%; /* Ajusta o tamanho da meia lua ao passar o mouse */
}

/* Texto centralizado */
.text-content {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  font-size: 1rem;
  color: #666;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.wrapper-group-1000006223:hover .text-content {
  opacity: 1; /* Mostra o texto ao passar o mouse */
}

.wrapper-group-1000006224-child {
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 2px;
  transform: scale(1.142);
}
.wrapper-group-1000006224 {
  position: absolute;
  top: 55%;
  left: 25%;
  transform: translateX(-50%); /* Centraliza o bloco dentro do 25% */
  width: 202px;
  height: 202px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-group-1000006227-child {
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 2px;
  transform: scale(1.142);
}
.wrapper-group-1000006227 {
  position: absolute;
  top: 55%;
  left: 75%; /* Posiciona no quarto 25% */
  transform: translateX(-50%); /* Centraliza o bloco dentro do 75% */
  width: 202px;
  height: 202px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-one,
.testimonial-one {
  position: absolute;
  top: -424px;
  left: 0;
  /*width: 1366px;*/
  width: 100%;
  height: 1239px;
}
.quote-one {
  top: 173px;
  left: 199px;
  box-shadow: 0 1.8px 14.3px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background-color: var(--prpura-vivo);
  width: 930px;
  height: 930px;
  z-index: 1;
}
.quote-two {
  filter: drop-shadow(0 1.8px 14.3px rgba(0, 0, 0, 0.08));
  border-radius: 50%;
  border: 0 solid var(--gradiente-vivo);
  box-sizing: border-box;
  z-index: 2;
}
.quote-two,
.quotes,
.title6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.title6 {
  margin: 0;
  top: 230px;
  left: 446px;
  font-size: inherit;
  display: inline-block;
  width: 436px;
  height: 52px;
  z-index: 3;
  font-family: inherit;
}
.wrapper-group-1000006222-child {
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 2px;
  transform: scale(1.142);
}
.wrapper-group-1000006222 {
  position: absolute;
  top: 206px;
  left: 10px;
  width: 202px;
  height: 202px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-group-1000006226-child {
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 2px;
  transform: scale(1.142);
}
.wrapper-group-1000006226 {
  position: absolute;
  top: 207px;
  left: 1125px;
  width: 202px;
  height: 202px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Estilo geral aplicado a todas as estruturas */
.wrapper-group-1000006224,
.wrapper-group-1000006227,
.wrapper-group-1000006222,
.wrapper-group-1000006226 {
  position: absolute;
  width: 202px;
  height: 202px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.wrapper-group-1000006224-child,
.wrapper-group-1000006227-child,
.wrapper-group-1000006222-child,
.wrapper-group-1000006226-child {
  width: 100%;
  height: 100%;
  z-index: 2;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.142);
  transition: transform 0.3s ease-in-out;
}

/* Efeito de zoom ao passar o mouse */
.wrapper-group-1000006224:hover .wrapper-group-1000006224-child,
.wrapper-group-1000006227:hover .wrapper-group-1000006227-child,
.wrapper-group-1000006222:hover .wrapper-group-1000006222-child,
.wrapper-group-1000006226:hover .wrapper-group-1000006226-child {
  transform: scale(1.2);
}

/* Meia lua branca */
.wrapper-group-1000006224::after,
.wrapper-group-1000006227::after,
.wrapper-group-1000006222::after,
.wrapper-group-1000006226::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0%;
  background-color: white;
  z-index: 3;
  border-radius: 0 0 50% 50%;
  transition: height 0.3s ease-in-out;
}

.wrapper-group-1000006224:hover::after,
.wrapper-group-1000006227:hover::after,
.wrapper-group-1000006222:hover::after,
.wrapper-group-1000006226:hover::after {
  height: 38%;
}

/* Texto centralizado */
.text-content-6224,
.text-content-6227,
.text-content-6222,
.text-content-6226 {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  font-size: 1rem;
  color: #666;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.wrapper-group-1000006224:hover .text-content-6224,
.wrapper-group-1000006227:hover .text-content-6227,
.wrapper-group-1000006222:hover .text-content-6222,
.wrapper-group-1000006226:hover .text-content-6226 {
  opacity: 1;
}

.gerenciados-de-forma,
.integraes-permitem-que {
  font-family: var(--font-vivo-type);
}
.blank-line,
.integraes-permitem-que-docum,
.o-tempo-de {
  margin: 0;
}
.conformidade-com-polticas {
  font-family: var(--font-vivo-type);
}
.alm-disso-assegura-a-conform,
.blank-line1,
.para-todas-as {
  margin: 0;
}
.cada-rea-pode,
.colaborando-de-forma {
  font-family: var(--font-vivo-type);
}
.a-experincia-dos,
.com-mdulos-conectados-cada {
  margin: 0;
}
.subtitle6 {
  position: relative;
  top: 355px;
  left: 0px;
  font-size: 16px;
  /*var(--font-size-base);*/
  z-index: 3;
  width: 700px;
}

/*.testimonial-two {
  position: absolute;
  top: 188px;
  left: 19px;
  width: 1327px;
  height: 1327px;
}*/

.testimonial-two {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1327px;
  height: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-one-parent {
  align-self: stretch;
  height: 815px;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
  z-index: 4;
  margin-top: -18px;
  text-align: center;
  top: -50px;
  /* left: 80px; */
}
.animation-content-parent,
.statistics-items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /*max-width: 100%;*/
  width: 100%;
}
.animation-content-parent {
  align-self: stretch;
  align-items: flex-start;
}
.statistics-items {
  align-items: flex-end;
  gap: 141.5px;
  flex-shrink: 0;
}
.bg9 {
  width: 313px;
  height: 176px;
  position: relative;
  border-radius: var(--br-base);
  background-color: var(--color-lightsteelblue);
  display: none;
  z-index: 0;
}
.acessos-realizados,
.mil1 {
  width: 162px;
  position: relative;
  line-height: 32px;
  display: inline-block;
  z-index: 2;
}
.acessos-realizados {
  width: 225px;
  font-size: var(--font-size-base);
  line-height: 24px;
}
.icon4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.access-shape-icon {
  position: absolute;
  top: 10px;
  left: 12px;
  width: 16px;
  height: 20px;
  z-index: 3;
}
.icon-parent {
  width: 40px;
  height: 40px;
  position: absolute;
  margin: 0 !important;
  top: 20px;
  left: 24px;
}
.statistics-content,
.website-access {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.website-access {
  width: 313px;
  border-radius: var(--br-base);
  background-color: var(--color-lightsteelblue);
  flex-direction: column;
  padding: var(--padding-67xl) var(--padding-xl) var(--padding-7xl)
    var(--padding-5xl);
  position: relative;
  gap: var(--gap-5xs);
  flex-shrink: 0;
  z-index: 1;
}
.statistics-content {
  align-self: stretch;
  flex-direction: row;
  padding: 0;
  gap: 159px;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-white);
  font-family: var(--font-vivo-type);
}
.title7 {
  margin: 0;
  width: 367px;
  position: relative;
  font-size: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 3;
  font-family: inherit;
}
.convenincia-e-agilidade,
.span {
  font-family: var(--font-vivo-type);
}
.blank-line2,
.ter-todas-as-funcionalidades-d {
  margin: 0;
}
.com-o-app,
.gerenciar-documentos-de {
  font-family: var(--font-vivo-type);
}
.gerenciar-documentos-de a {
  color: var(--color-white);
}
.blank-line3,
.com-o-app-possvel-assinar {
  margin: 0;
}
.tornando-o-processo {
  font-family: var(--font-vivo-type);
}
.alm-disso-o-uso-de-recursos {
  margin: 0;
}
.subtitle7 {
  height: 287px;
  width: 448px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 3;
}
.subtitle-container,
.title-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.subtitle-container {
  flex-direction: row;
  padding: 0 0 0 1px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-base);
}
.title-container {
  flex-direction: column;
  gap: var(--gap-5xl);
}
.group-icon1 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.disponvel-no {
  flex: 1;
  position: relative;
  z-index: 1;
}
.getitongoogleplay-badge-web-co {
  position: absolute;
  top: 184px;
  left: 26px;
  width: 138px;
  height: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6.8px 35px 25.2px var(--padding-23xl);
  box-sizing: border-box;
  z-index: 4;
}
.app-store-container-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-4xl-9);
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 3;
}
.google-icon {
  position: absolute;
  top: 36.3px;
  left: 25.5px;
  width: 138.7px;
  height: 138.7px;
  object-fit: cover;
  z-index: 4;
}
.app-store-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.play-store-container {
  height: 236px;
  flex: 1;
  position: relative;
  min-width: 123px;
}
.play-store-container-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-4xl-9);
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 3;
}
.apple-1-icon {
  position: absolute;
  top: 26.3px;
  left: 25.8px;
  width: 138.7px;
  height: 138.7px;
  object-fit: cover;
  z-index: 4;
}
.play-store-container1 {
  height: 236px;
  flex: 1;
  position: relative;
  min-width: 123px;
}
.app-download-buttons,
.benefits-container,
.benefits-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.app-download-buttons {
  width: 405px;
  flex-direction: row;
  gap: var(--gap-6xl);
  text-align: left;
  font-size: 6.1px;
  font-family: var(--font-inter);
}
.benefits-container,
.benefits-description {
  flex-direction: column;
}
.benefits-description {
  align-self: stretch;
  gap: 65px;
  flex-shrink: 0;
}
.benefits-container {
  padding: 9px 0 0;
  box-sizing: border-box;
}
.divider-icon {
  width: 945px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 3;
  /*top: -390px;*/
  top: -350px;
}
.benefits-container-parent {
  width: 1243px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 var(--padding-xl);
  box-sizing: border-box;
  gap: 101px;
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-21xl);
  color: var(--color-white);
  font-family: var(--font-vivo-type);
  position: relative;
  top: -300px;
}
.jason-goodman-nf0nquqbsri-unsp-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  display: none;
  z-index: 1;
}
.features-title-child {
  /*width: 1366px;*/
  width: 100%;
  height: 492px;
  position: relative;
  background: linear-gradient(168.82deg, #000, rgba(115, 115, 115, 0));
  display: none;
  max-width: 100%;
}
.title8,
.title9 {
  margin: 0;
  position: relative;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 2;
}
.title8 {
  width: 726px;
  font-size: inherit;
}
.title9 {
  width: 459px;
  font-size: var(--font-size-5xl);
  font-weight: 400;
}
.features-title {
  align-self: stretch;
  background: linear-gradient(168.82deg, #000, rgba(115, 115, 115, 0));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 65px var(--padding-xl) 336px 148px;
  box-sizing: border-box;
  gap: var(--gap-5xs);
  max-width: 100%;
  z-index: 1;
}
.showcase-container-child {
  height: 504px;
  width: 425px;
  position: relative;
  border-radius: var(--br-11xl);
  display: none;
  max-width: 100%;
}
.group-input,
.showcase-slider-child,
.showcase-slider-inner,
.showcase-slider-item {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: var(--color-ghostwhite-200);
  align-self: stretch;
  border-radius: var(--br-xs);
  flex-direction: row;
  font-family: var(--font-vivo-type);
  font-size: var(--font-size-smi);
  color: var(--color-gray);
  min-width: 230px;

  display: flex;
  align-items: center;
}
.showcase-slider-child,
.showcase-slider-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs-2) var(--padding-smi) var(--padding-3xs-8);
  box-sizing: border-box;
}
.group-input,
.showcase-slider-inner {
  padding: var(--padding-xs-1) var(--padding-smi) var(--padding-3xs-9);
}
.group-input,
.group-textarea,
.showcase-slider,
.showcase-slider-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.group-textarea {
  border: 0;
  background-color: var(--color-ghostwhite-200);
  height: 104px;
  width: auto;
  outline: 0;
  align-self: stretch;
  border-radius: var(--br-xs);
  flex-direction: row;
  padding: var(--padding-xs-1) var(--padding-smi) var(--padding-2xs);
  font-family: var(--font-vivo-type);
  font-size: var(--font-size-smi);
  color: var(--color-gray);
}
.showcase-slider {
  flex: 1;
  flex-direction: column;
  padding: 0 12px 0 0;
  gap: var(--gap-5xl);
  max-width: 100%;
  z-index: 3;
}
.showcase-container {
  align-self: stretch;
  flex: 1;
  box-shadow: 0 10px 60px rgba(80, 80, 80, 0.8);
  border-radius: var(--br-11xl);
  background-color: var(--color-white);
  flex-direction: row;
  padding: var(--padding-7xl) var(--padding-3xs) var(--padding-7xl)
    var(--padding-xl);
  z-index: 2;
}
.client-showcase,
.jason-goodman-nf0nquqbsri-unsp-parent,
.showcase-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.client-showcase {
  width: 711px;
  height: auto;
  /* height: 504px; */
  flex-direction: row;
  padding: 0 var(--padding-124xl);
  margin-top: -274px;
}
.jason-goodman-nf0nquqbsri-unsp-parent {
  align-self: stretch;
  flex-direction: column;
  padding: 0 0 120px;
  background-image: url(./public/jasongoodmannf0nquqbsriunsplash-1@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.title10 {
  display: inline-block;
  min-width: 67.5px;
}
.title10,
.title11,
.title12 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  z-index: 3;
}
.title11 {
  display: inline-block;
  min-width: 90px;
}
.title12 {
  flex: 1;
}
.logo-one-subtitles,
.logo-row-one-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.logo-one-subtitles {
  width: 335px;
  justify-content: flex-start;
  gap: 82px;
}
.logo-row-one-items {
  align-self: stretch;
  justify-content: space-between;
  gap: 20px;
}
.title13,
.title14 {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.title13 {
  align-self: stretch;
  width: 235px;
  flex-shrink: 0;
}
.title14 {
  min-width: 128px;
}
.title15,
.title16,
.title17 {
  position: relative;
  text-decoration: underline;
  z-index: 3;
}
.title15 {
  align-self: stretch;
}
.title16,
.title17 {
  display: inline-block;
}
.title16 {
  color: inherit;
  min-width: 53px;
}
.title17 {
  min-width: 108px;
}
.logo-row-one,
.logo-two-items,
.logo-two-subtitles {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.logo-two-subtitles {
  width: 166px;
  flex-direction: column;
  gap: 5px;
}
.logo-row-one,
.logo-two-items {
  align-self: stretch;
}
.logo-two-items {
  flex: 1;
  flex-direction: row;
  gap: var(--gap-25xl);
  font-size: var(--font-size-sm);
}
.logo-row-one {
  height: 245px;
  flex-direction: column;
  gap: var(--gap-base);
  max-width: 100%;
}
.title18 {
  width: 461px;
  position: relative;
  font-size: var(--font-size-xs);
  display: inline-block;
  max-width: 100%;
  z-index: 3;
}
.logo-grid {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 106px;
  min-width: 400px;
  max-width: 100%;
}
.title19 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  min-width: 101px;
  z-index: 3;
}
.logo2-qmqvm6f3d948km330xhxf7jx-icon {
  align-self: stretch;
  height: 34px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 3;
}
.logo-soluarq3-1-1-icon {
  width: 109px;
  height: 27px;
  position: relative;
  object-fit: cover;
  z-index: 3;
}
.logo-three-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.title20,
.title21 {
  position: relative;
  z-index: 3;
}
.title20 {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.title21 {
  align-self: stretch;
  font-size: var(--font-size-sm);
  text-decoration: underline;
}
.logo-three-items,
.logo-three-subtitles {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.logo-three-subtitles {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-base);
  min-width: 140px;
}
.logo-three-items {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-25xl);
}
.poltica-de-privacidade,
.termos-e-condies {
  text-decoration: underline;
}
.title22 {
  width: 240px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  z-index: 3;
}
.logo-row-two-items,
.more-clients {
  display: flex;
  align-items: flex-start;
}
.more-clients {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 40px;
  font-size: var(--font-size-xs);
}
.logo-row-two-items {
  flex-direction: column;
  justify-content: flex-start;
  gap: 227px;
  min-width: 427px;
  max-width: 100%;
}
.client-logos,
.logos-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  /*max-width: 100%;*/
}
.logos-container {
  justify-content: flex-start;
  gap: var(--gap-25xl);
}
.client-logos {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 27px;
  box-sizing: border-box;
  font-size: var(--font-size-5xl);
}
.features-and-clients {
  align-self: stretch;
  align-items: flex-end;
  gap: 600px;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-white);
  font-family: var(--font-vivo-type);
  position: relative;
  top: -430px;

  margin-top: 40px;
}

.intelligence-section {
  align-self: stretch;
  align-items: flex-end;
  gap: 600px;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-white);
  font-family: var(--font-vivo-type);
  position: relative;
  top: -230px;

  /*display: flex;
  align-items: center;
  justify-content: center;*/
  background: linear-gradient(135deg, #e0e0f4 0%, #e0e1f4 50%, #ffffff 100%);
  /*padding: 50px 0;
  position: relative;
  height: 600px;
  width: 100%;*/
}

.intelligence-section,
.features-and-clients,
.portal-de-assinaturas,
.statistics-content-parent {
  display: flex;
  flex-direction: column;
  /* justify-content: flex-start; */
  justify-content: center;
}
.statistics-content-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 0px;
  max-width: 100%;
  /* ajuste pontual de cima pra baixo */
  margin-top: 903px;
  /* ajuste pontual */
}
.portal-de-assinaturas {
  width: 100%;
  position: relative;
  background-color: var(--color-ghostwhite-100);
  overflow: hidden;
  align-items: flex-start;
  padding: 34px 0 1032px;
  box-sizing: border-box;
  /* ajuste pontual */
  /* gap: 903px; */
  gap: 0;
  /* ajuste pontual */
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: var(--font-size-xs);
  color: var(--color-white);
  font-family: var(--font-vivo-type);
}
@media screen and (max-width: 1325px) {
  .unsplashzu6-nhyntsi-icon {
    flex: 1;
  }
  .bento {
    flex: 1;
    min-width: 100%;
  }
  .gallery-image-one {
    flex-wrap: wrap;
  }
  .statistics-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .benefits-container,
  .divider-icon {
    flex: 1;
  }
  .benefits-container-parent {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1125px) {
  .statistic-item-one {
    flex-wrap: wrap;
  }
  .vector-group {
    padding-left: var(--padding-19xl);
    padding-right: var(--padding-19xl);
  }
  .group-div,
  .vector-container,
  .vector-group {
    gap: var(--gap-14xl);
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  .vector-container {
    padding-left: 61px;
    padding-right: 36px;
  }
  .group-div {
    padding-left: var(--padding-19xl);
    padding-right: var(--padding-19xl);
  }
  .featured-items {
    gap: var(--gap-13xl);
  }
  .rectangle-parent2 {
    padding-top: var(--padding-140xl);
    padding-bottom: var(--padding-140xl);
    box-sizing: border-box;
  }
  .gallery-image-one-parent {
    padding-left: var(--padding-69xl);
    padding-bottom: 466px;
    box-sizing: border-box;
  }
  .features-title {
    padding-left: 74px;
    box-sizing: border-box;
  }
  .jason-goodman-nf0nquqbsri-unsp-parent {
    padding-bottom: 78px;
    box-sizing: border-box;
  }
  .logo-row-two-items {
    flex: 1;
  }
  .logos-container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 800px) {
  .title {
    font-size: 48px;
  }
  .hero-content {
    gap: 21px;
  }
  .area-count,
  .b,
  .mil,
  .milhes {
    font-size: var(--font-size-13xl);
    line-height: 26px;
  }
  .statistic-item-one {
    gap: var(--gap-base);
  }
  .title1 {
    font-size: var(--font-size-7xl);
  }
  .vector-group {
    gap: var(--gap-base);
  }
  .title2 {
    font-size: var(--font-size-7xl);
  }
  .folder-content {
    min-width: 100%;
  }
  .vector-container {
    gap: var(--gap-base);
    padding-left: var(--padding-11xl);
    box-sizing: border-box;
  }
  .title3 {
    font-size: var(--font-size-7xl);
  }
  .featured-items,
  .group-div {
    gap: var(--gap-base);
  }
  .title4 {
    font-size: var(--font-size-13xl);
  }
  .rectangle-parent2 {
    gap: var(--gap-14xl);
    padding: 103px var(--padding-52xl);
    box-sizing: border-box;
  }
  .title5 {
    font-size: var(--font-size-13xl);
  }
  .gallery-image-one-parent {
    padding-left: 44px;
    padding-bottom: 303px;
    box-sizing: border-box;
  }
  .title6 {
    font-size: var(--font-size-13xl);
  }
  .statistics-items {
    gap: 71px;
  }
  .mil1 {
    font-size: var(--font-size-13xl);
    line-height: 26px;
  }
  .statistics-content {
    gap: 79px;
  }
  .title7 {
    font-size: var(--font-size-13xl);
  }
  .benefits-container {
    min-width: 100%;
  }
  .benefits-container-parent {
    gap: var(--gap-31xl);
  }
  .title8 {
    font-size: var(--font-size-13xl);
  }
  .features-title {
    padding-top: var(--padding-23xl);
    padding-bottom: 218px;
    box-sizing: border-box;
  }
  .client-showcase {
    padding-left: var(--padding-52xl);
    padding-right: var(--padding-52xl);
    box-sizing: border-box;
  }
  .logo-row-one-items {
    flex-wrap: wrap;
  }
  .logo-two-items {
    gap: var(--gap-3xl);
    flex-wrap: wrap;
  }
  .logo-grid {
    gap: 53px;
  }
  .logo-grid,
  .logo-row-two-items {
    min-width: 100%;
  }
  .logos-container {
    gap: var(--gap-3xl);
  }
  .statistics-content-parent {
    gap: 100px;
  }
  .portal-de-assinaturas {
    gap: 451px;
  }
}
@media screen and (max-width: 450px) {
  .title {
    font-size: 36px;
  }
  .milhes {
    font-size: var(--font-size-5xl);
    line-height: 19px;
  }
  .div {
    flex: 1;
  }
  .b,
  .mil {
    font-size: var(--font-size-5xl);
    line-height: 19px;
  }
  .div2 {
    flex: 1;
  }
  .area-count {
    font-size: var(--font-size-5xl);
    line-height: 19px;
  }
  .title1,
  .title2,
  .title3 {
    font-size: var(--font-size-lgi);
  }
  .title4 {
    font-size: var(--font-size-5xl);
  }
  .rectangle-parent2 {
    gap: var(--gap-base);
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .title5 {
    font-size: var(--font-size-5xl);
  }
  .gallery-image-one-parent {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .title6 {
    font-size: var(--font-size-5xl);
  }
  .statistics-items {
    gap: 35px;
  }
  .mil1 {
    font-size: var(--font-size-5xl);
    line-height: 19px;
  }
  .statistics-content {
    gap: 40px;
  }
  .title7 {
    font-size: var(--font-size-5xl);
  }
  .app-download-buttons {
    flex-wrap: wrap;
  }
  .benefits-description {
    gap: var(--gap-13xl);
  }
  .benefits-container-parent {
    gap: var(--gap-6xl);
  }
  .title8 {
    font-size: var(--font-size-5xl);
  }
  .title9 {
    font-size: var(--font-size-lgi);
  }
  .features-title {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .showcase-container {
    padding-top: 294px;
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .client-showcase {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .jason-goodman-nf0nquqbsri-unsp-parent {
    padding-bottom: 51px;
    box-sizing: border-box;
  }
  .title10,
  .title11,
  .title12 {
    font-size: var(--font-size-lgi);
  }
  .logo-one-subtitles {
    gap: 41px;
    flex-wrap: wrap;
  }
  .logo-grid {
    gap: var(--gap-7xl);
  }
  .title19 {
    font-size: var(--font-size-lgi);
  }
  .logo-three-titles {
    flex: 1;
  }
  .title20 {
    font-size: var(--font-size-lgi);
  }
  .logo-three-items {
    gap: var(--gap-3xl);
    flex-wrap: wrap;
  }
  .logo-row-two-items {
    gap: 113px;
  }
  .statistics-content-parent {
    gap: var(--gap-31xl);
  }
  .portal-de-assinaturas {
    gap: 226px;
  }
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.icon-custom {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.icon-details {
  margin: 30px 0px 0px 30px; /* Margem inferior */
  width: 60px;
  height: 60px;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.details {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Alinha à esquerda */
  justify-content: flex-start; /* Garante o alinhamento no topo */
  text-align: left; /* Alinha o texto à esquerda */
  color: white;
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  width: 100%; /* Ajusta para o tamanho do contêiner */
  height: 100%; /* Ajusta para ocupar todo o contêiner */
  padding: 10px; /* Adiciona espaçamento interno */
}

.specific-color {
  color: #a19898;
}

.highlight {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0px 0px 0px 30px; /* Margem inferior */
}

.description {
  font-size: 1.2rem;
  margin: 0px 0px 0px 30px; /* Margem inferior */
}

.card-1:hover .icon-custom {
  opacity: 0; /* Ícone desaparece */
}

.card-1:hover .details {
  opacity: 1; /* Detalhes aparecem */
}

/*****/

/*****/

/*****/

/*****/

/*****/

.card-6 {
  width: 36%;
  height: 100%;
  background-color: #54c1ff; /* Verde */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.card-6:hover {
  /*transform: scale(1.05);*/
}

.card-6:hover .icon-custom {
  opacity: 0; /* Ícone desaparece */
}

.card-6:hover .details {
  opacity: 1; /* Detalhes aparecem */
}

.card-1 {
  width: 28%;
  height: 100%;
  background-color: #82d400; /* Verde */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.card-1:hover {
  /*transform: scale(1.05);*/
}

.card-2 {
  width: 36%;
  height: 100%;
  background-color: #660099; /* Verde */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.card-2:hover {
  /*transform: scale(1.05);*/
}

.card-2:hover .icon-custom {
  opacity: 0; /* Ícone desaparece */
}

.card-2:hover .details {
  opacity: 1; /* Detalhes aparecem */
}

/***/

.card-5 {
  width: 40%;
  height: 100%;
  background-color: #e1e1e1; /* Verde */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.card-5:hover {
  /*transform: scale(1.05);*/
}

.card-5:hover .icon-custom {
  opacity: 0; /* Ícone desaparece */
}

.card-5:hover .details {
  opacity: 1; /* Detalhes aparecem */
}

.card-3 {
  width: 35%;
  height: 100%;
  background-color: #ff9900; /* Verde */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.card-3:hover {
  /*transform: scale(1.05);*/
}

.card-3:hover .icon-custom {
  opacity: 0; /* Ícone desaparece */
}

.card-3:hover .details {
  opacity: 1; /* Detalhes aparecem */
}

.card-4 {
  width: 25%;
  height: 100%;
  background-color: #425166; /* Verde */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.card-4:hover {
  /*transform: scale(1.05);*/
}

.card-4:hover .icon-custom {
  opacity: 0; /* Ícone desaparece */
}

.card-4:hover .details {
  opacity: 1; /* Detalhes aparecem */
}

.statistics-container-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  width: 100%;
  padding: 0px 0px 0px 0px;
  user-select: none; /* Evita seleção de texto */
}

.statistics-items-custom {
  display: flex;
  gap: 20px;
  overflow: hidden;
  cursor: grab;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  width: 99%;
  padding: 0px;
}

.statistics-items-custom::-webkit-scrollbar {
  display: none; /* Remove a barra de rolagem */
}

.statistic-item-custom {
  flex: 0 0 auto;
  min-width: 250px;
  max-width: 300px;
  background-color: #e6e6e6;
  border-radius: 12px;
  text-align: left;
  padding: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  user-select: none; /* Evita seleção de texto */
  scroll-snap-type: x mandatory; /* Gruda nos itens */
  scroll-snap-align: center; /* Alinha o item no centro */
}

/*.statistic-item-custom:hover {
  transform: scale(1.05);
  background-color: #4a0d8f;
  color: #fff;
}*/

.statistics-items-custom:hover .statistic-item-custom {
  /*opacity: 0.7;*/
  /* Suaviza os blocos não focados */
}

.statistic-item-custom:hover {
  /*opacity: 1;*/
  /*transform: scale(1.1);*/ /* Zoom ao passar o mouse */
  /*box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);*/
}

.stat-icon-custom {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  transition: transform 0.3s ease;
}

.stat-number-custom {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0;
}

.statistics-items-custom:active {
  cursor: grabbing; /* Feedback visual enquanto arrasta */
}

.stat-description-custom {
  font-size: 1.05rem;
  margin: 5px 0 0;
}

.bg-s-0 {
  background-color: transparent;
}

.bg-s-1 {
  background-color: #ff947a;
}

.bg-s-2 {
  background-color: #bf83ff;
}

.bg-s-3 {
  background-color: #fa5a7e;
}

.bg-s-4 {
  background-color: #76c165;
}

.bg-s-5 {
  background-color: #aabce1;
}

/*.intelligence-section {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #E0E0F4 0%, #e0e1f4 50%, #ffffff 100%);
  padding: 50px 0;
  position: relative;
  height: 600px;
  width: 100%;
}*/

.white-background {
  position: relative;
  background-color: #ffffff;
  border-radius: 0px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 20px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.intelligence-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 100%;
}

.intelligence-image {
  flex: 1;
  position: relative;
  z-index: 2;

  margin-right: -50px; /* Para a imagem sobrepor a faixa */
}

.background-image {
  width: 100%;
  height: auto;
  max-width: 550px;
  border-radius: 0px;
  /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
  top: -320px;
  position: absolute;
}

.intelligence-text {
  flex: 1;
  background-color: #ffffff;
  padding: 40px 0px 0px 0px;
  color: #607697;
  z-index: 3;
}

.main-title p {
  margin: 0;
  font-size: 2.5rem;
}

.main-title .highlight {
  font-weight: bold;
  color: #eb3d7d;
}

.main-title p:last-child {
  font-weight: normal;
  color: #eb3d7d;
}

.intelligence-description {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.intelligence-description b {
  color: #607697;
  font-weight: bold;
}

.footer {
  background-image: url("./public/group-1000006185@2x.png");
  background-size: cover; /* Ajusta a imagem para cobrir todo o fundo */
  background-position: center; /* Centraliza a imagem no fundo */
  background-repeat: no-repeat; /* Evita que a imagem se repita */
  color: #ffffff; /* Ajusta a cor do texto para maior contraste */
  padding: 20px; /* Adiciona espaçamento interno */
}

.politica-de-privacidade-container {
  color: #5f7697;
  line-height: 1.6;
  margin: 0 auto; /* Certifique-se de que o margin não afeta a centralização */
  padding: 40px;
  background: #ffffff; /* Fundo branco para destaque */
  border-radius: 24px; /* Bordas arredondadas suaves */
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); /* Sombra para realce */
  border: none; /* Remove borda fixa */
  position: relative;
  width: 80%;
  /*max-width: 1200px;*/

  /* Centralização */
  /*top: 55%;*/
  /*left: 50%;
  transform: translate(-50%, -50%);*/

  margin-top: 180px;
}

.politica-de-privacidade-titulo {
  font-size: 24px;
  font-weight: bold;
  color: #660099;
  margin-bottom: 10px;
}
.politica-de-privacidade-subtitulo {
  font-size: 18px;
  font-weight: bold;
  color: #5f7697;
  margin-top: 20px;
  margin-bottom: 10px;
}
.politica-de-privacidade-paragrafo {
  margin-bottom: 15px;
  text-align: justify;
}
.politica-de-privacidade-lista {
  margin-left: 20px;
  margin-bottom: 15px;
}
.politica-de-privacidade-lista li {
  margin-bottom: 5px;
}
.politica-de-privacidade-destaque {
  font-weight: bold;
  color: #76c165;
}
.politica-de-privacidade-contato {
  margin-top: 20px;
  font-size: 16px;
  color: #fa5a7d;
}

.btn-flutuante {
  position: fixed;
  bottom: 20px;
  right: 20px;
  top: initial;
  left: initial;
  z-index: 9999;
}

.success-contact-message {
  margin-top: 20px;
  font-size: 16px;
  margin-top: 10px;
  color: #76c000;
}

.sending-contact-message {
  margin-top: 20px;
  font-size: 16px;
  margin-top: 10px;
  color: #555;
}

body,
html {
  scroll-behavior: smooth;
}

/* .portal-de-assinaturas > div { */
/* margin: 903px 0; */
/* } */

/* .portal-de-assinaturas > div:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
} */

/* Estilização da barra de cookies */
#cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #93c;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-vivo-type);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 9999; /* Sempre acima de todos os elementos */
  opacity: 0;
  transition: opacity 0.8s ease-in-out, bottom 0.5s ease-in-out;
}

/* Link da Política de Privacidade */
#cookie-banner a {
  color: #fff; /* Tom mais claro do roxo */
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
  font-family: var(--font-vivo-type);
}

/* Botão de fechar */
#close-cookie {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

#close-cookie:hover {
  transform: scale(1.2);
}