:root {
  --pt-sans: "PT Sans", sans-serif;
  --white: white;
  --dark-blue: #0e2857;
  --white-ice: #e8edf4;
  --gray-700: #344054;
  --dim-cyan: #2d75c0;
  --gray-600: #475467;
  --primary: #204a94;
  --secondary: #33b7be;
  --orange: #d07e14;
  --gray-500: #667085;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

@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 {
  color: #333;
  font-family: PT Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 32px;
}

li {
  font-size: 16px;
  line-height: 24px;
}

.section {
  background-image: url('../images/bg-section_1.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-left: 8px;
  padding-right: 8px;
}

.section.hero {
  background-image: url('../images/bg-hero_1.avif');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 0;
}

.section.hero.full-height {
  height: 100vh;
}

.section.hero.uta {
  background-image: url('../images/bg-section_1.avif');
  background-repeat: repeat;
  background-size: cover;
}

.section.hero.rooftop {
  background-image: url('../images/bg-rooftop_1.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  height: 90vh;
  min-height: 1012px;
}

.section.transparent {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.section.blue {
  background-image: url('../images/bg-hero_1.avif');
  background-size: cover;
}

.section.blue.padding-hero {
  margin-top: -128px;
}

.section.hooftop {
  z-index: 10;
  background-image: none;
  margin-top: 120px;
  position: relative;
}

.section.hooftop.top-negative {
  margin-top: -48px;
}

.section.hooftop.form-hooftop {
  z-index: 5;
  margin-bottom: 120px;
}

.section.hooftop.overflow-hidden {
  overflow: hidden;
}

.section.no-tile {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.section.hero-ac {
  mix-blend-mode: multiply;
  background-image: url('../images/hero-ac_1.avif');
}

.container {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 1200px;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.container.center {
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.container.center.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.container.right {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 60px;
}

.container.align-center {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  text-align: center;
  justify-content: space-between;
  align-items: center;
}

.container.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(16px, 1fr) minmax(auto, 552px) minmax(96px, 96px) minmax(auto, 552px) minmax(16px, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.container.grid.margin-top {
  margin-top: 32px;
}

.container.gap-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.sticky-container {
  height: 90vh;
  position: sticky;
  top: 152px;
  overflow: auto;
}

.content-form {
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  height: 100%;
  display: grid;
  position: sticky;
  top: 16px;
}

.content_item-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.content-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.content-grid.form-grid {
  margin-top: 92px;
}

.content-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.content-hero.uta {
  flex-flow: column;
  align-items: center;
}

.content_hero-clients {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-image {
  height: 550px;
}

.hero-image.uta {
  height: 700px;
}

.hero-image.acpe {
  height: auto;
}

.content_hero-text {
  width: 600px;
}

.content_hero-text.uta {
  width: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.spacer._64--px {
  height: 64px;
}

.spacer._16--px {
  height: 16px;
}

.spacer._32--px {
  height: 32px;
}

.spacer._128--px {
  height: 128px;
}

.spacer._48--px {
  height: 48px;
}

.spacer._8--px {
  height: 8px;
}

.spacer._192--px {
  height: 192px;
}

.heading {
  font-family: var(--pt-sans);
  color: var(--white);
  width: 450px;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 700;
  line-height: 74px;
}

.heading.hero.uta {
  color: var(--dark-blue);
  text-align: center;
  width: auto;
  font-size: 80px;
  line-height: 86px;
}

.heading.hero.white-ice {
  color: var(--white-ice);
  text-align: center;
  text-shadow: 0 4px 4px #00000059;
  width: auto;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
}

.heading.hero.ac {
  width: 700px;
  font-size: 74px;
  line-height: 84px;
}

.heading.blue {
  color: var(--dark-blue);
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.heading.blue.left {
  color: var(--dark-blue);
  text-align: left;
  font-weight: 400;
}

.heading.blue.center {
  text-align: center;
  width: auto;
}

.heading.blue.center.card-uta {
  font-size: 24px;
  line-height: 30px;
}

.heading.blue.rooftop {
  font-size: 39px;
}

.heading.blue.rooftop.width-auto {
  text-align: center;
  width: auto;
}

.heading.blue._w-auto {
  width: auto;
}

.heading.white {
  color: var(--dark-blue);
  width: 500px;
  font-size: 36px;
  font-weight: 500;
  line-height: 46px;
}

.heading.white.left {
  color: var(--white);
  text-align: left;
  font-weight: 400;
}

.heading.white.left.card {
  width: 400px;
}

.heading.white.left.dark-blue {
  color: var(--dark-blue);
  max-width: 100%;
}

.paragraph {
  font-family: var(--pt-sans);
  color: var(--white);
  width: 400px;
  margin-bottom: 0;
  font-weight: 300;
}

.paragraph.hero {
  width: 450px;
  font-size: 18px;
  line-height: 24px;
}

.paragraph.hero.small {
  width: 200px;
}

.paragraph.hero.left {
  text-align: left;
  width: 350px;
  line-height: 28px;
}

.paragraph.hero.big {
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
}

.paragraph.center {
  color: var(--gray-700);
  text-align: center;
  width: 550px;
  font-size: 18px;
  line-height: 24px;
}

.paragraph.center.blue {
  color: var(--dark-blue);
  width: 660px;
  font-weight: 400;
  text-decoration: none;
}

.paragraph.center.blue.no-width {
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 400;
}

.paragraph.center.dim-cyan {
  color: var(--dark-blue);
  width: 660px;
  font-weight: 400;
  text-decoration: none;
}

.paragraph.center.dim-cyan.no-width {
  color: var(--dim-cyan);
  width: 100%;
  font-style: italic;
}

.paragraph.center.white-ice {
  color: var(--white-ice);
  text-shadow: 0 4px 4px #00000059;
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.paragraph.dark-blue {
  color: var(--dark-blue);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph.dark-blue.small {
  color: var(--dark-blue);
  font-size: 16px;
}

.paragraph.dark-blue.small.left {
  text-decoration: none;
}

.paragraph.dark-blue.middle {
  width: auto;
  font-size: 20px;
  font-weight: 400;
}

.paragraph.dark-blue.middle.bold {
  font-weight: 700;
}

.paragraph.dark-blue.bigger {
  width: auto;
  font-size: 25px;
  font-weight: 400;
  line-height: 28px;
}

.paragraph.gray {
  color: var(--gray-700);
  width: 450px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph.no-width {
  width: auto;
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;
}

.paragraph.blue.no-width {
  color: var(--white);
  -webkit-text-stroke-color: var(--dark-blue);
}

.paragraph.blue.no {
  color: var(--dark-blue);
  width: auto;
}

.paragraph.blue {
  -webkit-text-stroke-color: var(--white);
  font-size: 18px;
  text-decoration: underline;
}

.paragraph.blue.no-width {
  color: var(--dark-blue);
}

.paragraph.white {
  -webkit-text-stroke-color: var(--white);
  font-size: 18px;
  text-decoration: underline;
}

.paragraph.white-ice {
  color: var(--white-ice);
  width: auto;
  font-size: 20px;
  font-weight: 400;
  text-decoration: underline;
  transition: all .3s ease-in-out;
}

.paragraph.white-ice:hover {
  text-shadow: 0 2px 4px var(--dark-blue);
}

.paragraph.white-ice.no-width {
  color: var(--white);
  -webkit-text-stroke-color: var(--dark-blue);
}

.paragraph.white-ice.no {
  color: var(--dark-blue);
  width: auto;
}

.paragraph.gray-600 {
  color: var(--gray-600);
  width: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.button {
  background-image: linear-gradient(310deg, var(--primary) 20%, var(--secondary) 100%, white);
  font-family: var(--pt-sans);
  color: var(--white);
  border-radius: 8px;
  padding: 16px;
  font-size: 18px;
  font-weight: 700;
  transition: all .2s;
}

.button:hover {
  box-shadow: 5px 5px 5px 5px #0003;
}

.button.center {
  text-align: center;
  width: 100%;
  padding: 20px;
  font-size: 18px;
  display: inline-block;
}

.button.white {
  background-color: var(--white);
  color: var(--secondary);
  background-image: none;
  padding: 24px;
  font-size: 20px;
}

.button.white.bold {
  font-weight: 700;
}

.button.orange {
  background-color: var(--orange);
  background-image: none;
  padding: 20px;
  font-weight: 700;
}

.button.bigger {
  padding: 24px 32px;
  font-weight: 700;
}

.content_hero-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120%;
  display: flex;
}

.link-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

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

.content-images {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-benefits {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  border-radius: 8px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  height: 160px;
  padding: 32px;
  display: flex;
}

.card-benefits.uta {
  background-color: var(--white-ice);
  width: 280px;
  height: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.card-benefits.uta:hover {
  box-shadow: 0 2px 5px #0003;
}

.content_card-benefits {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.content_card-benefits.center {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
}

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

.content.flex {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.content.card {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 64px;
  display: flex;
  position: relative;
}

.content.card.no-margin-right {
  padding-right: 0;
}

.content.card.no-margin-right.overflow-hidden {
  overflow: hidden;
}

.content_service-text {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 445px;
  display: flex;
}

.footer {
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.footer-left {
  flex-flow: column;
  display: flex;
}

.card-catalog {
  z-index: 1;
  background-image: url('../images/bg-section_1.avif'), linear-gradient(135deg, var(--secondary), var(--primary) 80%, white);
  background-position: 100%, 0 0;
  background-repeat: repeat-y, repeat;
  background-size: 365px, auto;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  box-shadow: 5px 5px 5px 5px #0003;
}

.card-catalog.linear-gradient {
  background-image: linear-gradient(135deg, var(--secondary), var(--primary) 100%, white);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.card-catalog.withe-bg {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  box-shadow: 0 11px 42px #0000001a, 0 43px 43px #00000017, 0 96px 58px #0000000d, 0 171px 69px #00000003, 0 268px 75px #0000;
}

.content_card-catalog {
  z-index: 1000;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content_card-catalog.no-margin {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  margin-right: 0;
}

.content_card-catalog.no-margin.rooftop-lp {
  width: 100%;
}

.content_card-catalog.full-width {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
}

.content_catalog-text {
  flex-flow: column;
  align-items: flex-start;
  max-width: 45%;
  display: flex;
}

.content_catalog-text.row {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
}

.content_catalog-text.width-30 {
  max-width: 36%;
}

.button-stroke {
  background-image: linear-gradient(225deg, #00000080, #ffffffb3);
  border-radius: 8px;
  padding: 1px;
}

.logo_hero-image {
  width: 150px;
}

.field-label {
  font-family: var(--pt-sans);
  color: var(--gray-700);
  font-weight: 400;
}

.card-stroke {
  background-image: linear-gradient(180deg, var(--secondary), var(--primary) 100%, #d6f1f2 100%, white);
  border-radius: 8px;
  width: 220px;
  padding: 1px;
}

.footer_logo-image {
  width: 150px;
}

.sub-title {
  background-color: var(--white);
  font-family: var(--pt-sans);
  color: var(--dark-blue);
  text-align: center;
  border-radius: 8px;
  width: 28%;
  padding: 8px;
  font-size: 16px;
  font-weight: 700;
}

.card-text {
  font-family: var(--pt-sans);
  color: var(--dark-blue);
  text-align: center;
  font-size: 16px;
}

.card-text.uta {
  width: 200px;
}

.text-field {
  font-family: var(--pt-sans);
  color: var(--gray-500);
  border-radius: 8px;
  height: 44px;
  margin-bottom: 0;
}

.text-field.big {
  height: 88px;
}

.button_stroke-card {
  background-image: linear-gradient(180deg, var(--secondary), var(--primary) 100%, #d6f1f2 100%, white);
  border-radius: 8px;
  padding: 1px;
}

.form.rooftop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.checkbox {
  cursor: pointer;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
  transition: all .3s ease-in-out;
}

.checkbox.w--redirected-checked {
  border-style: none;
  border-color: var(--white);
  box-shadow: 0 0 6px 0 var(--dim-cyan);
  background-color: #0000;
  background-image: radial-gradient(circle, #0000, #2d75c026), url('../images/check_1.svg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
}

.card-image {
  width: 500px;
}

.card-image.rotation-12deg {
  max-width: 50%;
  position: absolute;
  inset: 9% 4% 0% auto;
  transform: rotate(12.64deg);
}

.service-image {
  width: 400px;
}

.service-image.projetos {
  width: 600px;
}

.service-image.filtragem {
  width: 380px;
}

.service-image.opcionais {
  width: 500px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.sucess {
  background-color: #0000;
}

.form-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.popup-close-bg {
  position: absolute;
  inset: 0%;
}

.popup-form {
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.popup-form.hide {
  z-index: 9999;
  flex-flow: column;
  display: none;
}

.popup-form.hide.catalogo {
  display: block;
}

.popup-form.hide.orcamento, .popup-form.hide.planos, .popup-form.hide.catalogo, .popup-form.hide.cotacao, .popup-form.hide.catalogo-uta {
  display: none;
}

.popup_form-block {
  z-index: 50;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-height: 80vh;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-bg {
  background-color: #fff;
  background-image: url('../images/bg-section_1.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
  max-width: 576px;
  overflow: auto;
}

.body-form {
  background-image: url('../images/bg-section_1.avif');
  background-position: 50%;
  background-size: cover;
}

.bold-text {
  font-family: var(--pt-sans);
  font-weight: 700;
}

.wpp-image {
  width: 64px;
}

.wpp {
  z-index: 1000;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.content_hero-email {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.content_hero-button {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: center;
  display: flex;
}

.div-block {
  align-items: center;
  display: flex;
}

.image-2 {
  width: 115px;
  display: none;
}

.image-2.mobile {
  display: none;
}

.hero-heading-center {
  background-color: #f5f7fa;
  background-image: url('../images/bg-section_1.avif');
  background-position: 0 0;
  background-size: cover;
  border-bottom: 1px solid #e4ebf3;
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-heading.margin-bottom-32px {
  margin-bottom: 32px;
}

.blog-hero-img {
  justify-content: center;
  align-items: stretch;
  width: 1010px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 24px #96a3b514;
}

.blog-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 960px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-img-title-container {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100vh;
  height: 400px;
  display: flex;
  overflow: hidden;
}

.navbar {
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.blog-cta {
  border-radius: 24px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
}

.list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  list-style-type: disc;
  display: flex;
}

.nav {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-number {
  background-color: var(--dim-cyan);
  border-radius: 32px;
  padding: 2px 8px;
}

.link-block {
  text-decoration: none;
}

.content_card-catalogo {
  background-image: url('../images/bg-section_1.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 16px;
  padding: 32px;
  overflow: auto;
}

.uta-image {
  width: 100%;
}

.text-block {
  color: var(--white);
}

.slider {
  background-color: #0000;
  height: 100%;
}

.slide-nav {
  display: none;
}

.image-3 {
  width: 60%;
}

.icon, .icon-2 {
  color: var(--primary);
}

.bold {
  font-weight: 700;
}

.card-rooftop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 380px;
  display: flex;
}

.card-rooftop-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px;
  width: 369px;
}

.card-rooftop-image.shadows {
  width: 100%;
  max-width: 369px;
  transition: all .3s ease-in-out;
}

.card-rooftop-image.shadows:hover {
  box-shadow: none;
}

.shadows {
  box-shadow: 0 204px 57px #0000, 0 131px 52px #00000003, 0 74px 44px #0000000d, 0 33px 33px #00000017, 0 8px 16px #0000001a;
}

.card-rooftop-text {
  color: #0e2857;
  text-align: center;
  font-size: 25px;
  line-height: 100%;
}

.card-rooftop-text.title {
  font-weight: 700;
}

.rooftop-image {
  object-fit: cover;
  max-height: 100%;
  position: sticky;
  top: 8px;
}

.rooftop-image.shadows.left {
  left: 0;
  right: auto;
}

.rooftop-image.left {
  object-position: 50% 0%;
  left: 0;
  right: auto;
}

.list-rooftop {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.list-item-rooftop {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.subtitle-rooftop {
  color: var(--dark-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
}

.subtitle-rooftop.bold {
  white-space: nowrap;
  font-weight: 700;
}

.paragraph-2 {
  color: var(--dark-blue);
  margin-bottom: 0;
  font-size: 20px;
  line-height: 24px;
}

.eficienty-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gap-16 {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.form-rooftop {
  text-align: left;
  padding: 64px 32px;
}

.form-rooftop.shadows {
  background-color: var(--white);
  border-radius: 16px;
  position: relative;
}

.image-4 {
  width: 100%;
  max-width: 60vw;
  position: absolute;
  left: 0%;
}

.body {
  background-color: #ebeff5;
}

.interactive-image-rooftop {
  position: relative;
}

.interactive-absolute {
  z-index: 50;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 8% auto auto 38%;
}

.interactive-absolute:where(.w-variant-591a850c-3a9b-223a-b501-1ecd18eb805b) {
  top: 42%;
  left: 76%;
}

.interactive-absolute:where(.w-variant-5d4e9ed0-a473-c3a5-e500-15cdde23f94a) {
  top: 12%;
  left: 46%;
}

.interactive-absolute:where(.w-variant-1d7375a2-3c29-03fe-3611-a6709127ed48) {
  top: 64%;
  left: 40%;
}

.interactive-absolute:where(.w-variant-5cb9eced-0029-d275-96a5-b68da56c98b4) {
  top: 63%;
  left: 22%;
}

.interactive-absolute.position-2 {
  top: 9%;
  left: 21%;
}

.interactive-main-image {
  width: 998px;
}

.interactive-card-content {
  background-color: var(--white);
  border: 2px solid #204a94;
  border-radius: 16px;
  position: relative;
}

.interactive-card-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.interactive-card-arrow {
  background-color: var(--white);
  border-top: 2px solid #204a94;
  border-right: 2px solid #204a94;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translate(-50%)rotate(-45deg);
}

.card-default-size {
  z-index: 50;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  object-position: 50% 0%;
  position: absolute;
  top: 64px;
}

.interactive-card-image {
  min-width: 250px;
}

.teste {
  position: sticky;
  top: 1px;
}

.navbar-2 {
  background-color: #0000;
  width: 100%;
}

.container-2 {
  max-width: 100%;
}

.div-block-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tag {
  background-color: var(--white-ice);
  color: var(--dark-blue);
  text-transform: uppercase;
  border-radius: 8px;
  padding: 8px 14px;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  display: inline-block;
}

.tag:where(.w-variant-ba87bf5e-873e-f87c-7d4c-5bd1cc36f770) {
  background-color: var(--white);
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
}

.tag:where(.w-variant-31275d64-8a14-46d4-8aa1-abde89212c3b) {
  text-transform: none;
  padding: 24px;
}

.tag.white {
  background-color: var(--white);
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
}

.tag.bigger {
  text-transform: none;
  padding: 24px;
}

.advantages {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link {
  color: var(--dark-blue);
  background-color: #0000;
  border-bottom: 2px solid #d9d9d9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 24px;
  font-size: 25px;
  line-height: 100%;
  display: flex;
}

.tab-link.w--current {
  color: var(--primary);
  background-color: #0000;
  border-bottom-color: #204a94;
  font-weight: 700;
}

.tab-menu {
  margin-bottom: 32px;
  display: flex;
}

.tabs-area {
  max-width: 100%;
}

.tab-pane-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tab-pane-content.horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.tab-pane-content.horizontal.wrap-down {
  flex-flow: wrap;
}

.model-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  list-style-type: decimal;
  display: flex;
}

.div-block-3 {
  width: 100%;
  display: flex;
}

.image-6 {
  mix-blend-mode: multiply;
}

.point-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 100%;
}

.point-area {
  color: var(--dark-blue);
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 164px;
  padding: 32px;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.point-area:where(.w-variant-ba87bf5e-873e-f87c-7d4c-5bd1cc36f770) {
  background-color: var(--white);
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
}

.point-area:where(.w-variant-31275d64-8a14-46d4-8aa1-abde89212c3b) {
  text-transform: none;
  padding: 24px;
}

.point-area.white {
  background-color: var(--white);
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
}

.point-area.bigger {
  text-transform: none;
  padding: 24px;
}

.point-text {
  font-size: 16px;
  font-weight: 400;
}

.point-border {
  background-image: linear-gradient(135deg, #33b7be, #204a94);
  border-radius: 8px;
  max-width: 250px;
  padding: 1px;
  overflow: hidden;
}

.point-border:where(.w-variant-effd0e85-b80b-7a06-fc91-8cce7afc6f70) {
  max-width: 346px;
}

.point-border:where(.w-variant-8012b053-d487-c3b8-38c4-22a825ff4386) {
  max-width: 309px;
}

.point-border:where(.w-variant-93e4d628-6016-1c11-bc8c-e0c23088ff39) {
  max-width: 368px;
}

.point-border:where(.w-variant-8d4ef15e-8365-0321-f21b-50dfb55f98cc) {
  max-width: 319px;
}

.points-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.list-item-ac {
  color: var(--dark-blue);
  font-size: 20px;
}

.image-ac-mobile {
  display: none;
}

@media screen and (min-width: 1920px) {
  .sticky-container {
    height: 80vh;
  }

  .content-form {
    height: 100%;
  }

  .content_card-catalogo {
    height: 80vh;
  }

  .image-4 {
    max-width: 55vw;
  }
}

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

  .section.hooftop {
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    width: 100%;
  }

  .container.center.flex {
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container.grid {
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .sticky-container {
    height: auto;
    position: static;
  }

  .content-form {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    align-items: center;
    display: flex;
    position: static;
  }

  .content-grid {
    grid-template-columns: 1fr;
  }

  .content-hero {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .content_hero-clients {
    flex-flow: wrap;
  }

  .hero-image {
    height: 450px;
  }

  .hero-image.uta {
    height: 500px;
  }

  .content_hero-text {
    flex-flow: column;
    align-items: flex-start;
    width: auto;
    display: flex;
  }

  .content_hero-text.uta {
    align-items: center;
  }

  .spacer._128--px {
    height: 64px;
  }

  .spacer._48--px {
    height: 24px;
  }

  .heading.blue {
    text-align: center;
    width: auto;
  }

  .heading.blue.left {
    text-align: center;
  }

  .heading.blue.width {
    width: 80%;
  }

  .heading.white {
    text-align: center;
    width: auto;
  }

  .heading.white.left {
    text-align: center;
  }

  .heading.white.left.dark-blue {
    text-align: left;
  }

  .paragraph.hero.left {
    text-align: center;
    width: auto;
  }

  .paragraph.dark-blue {
    text-align: center;
    width: auto;
  }

  .paragraph.dark-blue.small.left {
    text-align: left;
  }

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

  .paragraph.blue, .paragraph.white, .paragraph.white-ice, .content_hero-links {
    width: auto;
  }

  .content-images {
    justify-content: center;
    align-items: center;
  }

  .content.flex {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    align-items: center;
  }

  .content.flex.mobile {
    flex-flow: wrap;
    justify-content: center;
  }

  .content.card.no-margin-right.overflow-hidden {
    padding: 32px;
  }

  .content.card.mobile {
    margin-top: 32px;
  }

  .content_service-text {
    order: -1;
    align-items: center;
    width: auto;
  }

  .card-catalog {
    background-image: linear-gradient(135deg, var(--secondary), var(--primary) 100%, white);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .content_card-catalog {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: center;
  }

  .content_card-catalog.no-margin.rooftop-lp {
    flex-flow: row;
  }

  .content_catalog-text {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    margin-right: 0;
  }

  .content_catalog-text.row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: center;
    margin-right: 0;
  }

  .card-stroke {
    width: 50%;
  }

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

  .card-image {
    width: auto;
  }

  .card-image.rotation-12deg {
    top: auto;
    bottom: auto;
  }

  .service-image, .service-image.projetos, .service-image.filtragem {
    width: auto;
  }

  .list {
    align-items: center;
  }

  .content_card-catalogo {
    height: auto;
    position: static;
  }

  .slide-nav {
    display: block;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .card-rooftop {
    max-width: 48%;
  }

  .card-rooftop-image.shadows {
    width: 246px;
    height: 167.333px;
  }

  .rooftop-image {
    order: 1;
  }

  .content-rooftop {
    text-align: center;
    padding-bottom: 16px;
  }

  .gap-16 {
    z-index: -1;
    position: relative;
  }

  .interactive-absolute:where(.w-variant-1d7375a2-3c29-03fe-3611-a6709127ed48) {
    transform: rotate(0);
  }

  .image-5 {
    width: 179.333px;
  }

  .div-block-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .tab-pane-content.horizontal {
    flex-flow: column;
  }

  .image-ac-desktop {
    display: none;
  }

  .image-ac-mobile {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section.hooftop {
    margin-top: 80px;
  }

  .container {
    height: auto;
  }

  .container.center.flex {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .sticky-container {
    height: auto;
    position: static;
  }

  .content-form {
    grid-template-rows: auto;
  }

  .content_item-grid {
    grid-column-gap: 32px;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .content-grid.form-grid {
    margin-top: 120px;
    position: relative;
  }

  .hero-image {
    height: auto;
  }

  .hero-image.uta {
    height: 400px;
  }

  .content_hero-text {
    width: auto;
    max-width: 100%;
  }

  .content_hero-text.uta {
    align-items: center;
  }

  .spacer._16--px.mobile {
    display: none;
  }

  .spacer._128--px {
    height: 64px;
  }

  .heading.hero {
    width: auto;
  }

  .heading.hero.white-ice {
    font-size: 40px;
  }

  .heading.blue, .heading.white {
    width: 100%;
  }

  .heading.white.left.card {
    width: auto;
  }

  .heading.white.left.dark-blue {
    text-align: center;
  }

  .paragraph.hero, .paragraph.center.blue, .paragraph.center.dim-cyan, .paragraph.dark-blue, .paragraph.gray {
    width: auto;
  }

  .content_hero-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: flex-start;
    width: auto;
  }

  .content-images {
    flex-flow: wrap;
  }

  .card-benefits.uta {
    width: 250px;
  }

  .content_card-benefits {
    justify-content: center;
  }

  .content.flex {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: center;
    align-items: center;
  }

  .content.flex.mobile {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .content.card {
    padding: 32px;
  }

  .content_card-catalog {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    align-items: center;
  }

  .content_card-catalog.no-margin.rooftop-lp {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .content_catalog-text {
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    margin-right: 0;
  }

  .card-image.rotation-12deg {
    max-width: 100%;
    position: relative;
  }

  .content_hero-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    align-items: center;
  }

  .hero-heading-center {
    padding: 60px 15px;
  }

  .content_card-catalogo {
    height: auto;
    position: static;
  }

  .card-rooftop {
    max-width: 46vw;
  }

  .image-4 {
    max-width: 100vw;
    top: -91px;
    left: auto;
  }

  .interactive-absolute {
    width: 24px;
  }

  .interactive-card-arrow {
    display: none;
  }

  .card-default-size:where(.w-variant-5cb9eced-0029-d275-96a5-b68da56c98b4) {
    left: -102px;
  }

  .card-default-size:where(.w-variant-591a850c-3a9b-223a-b501-1ecd18eb805b) {
    right: -87px;
  }

  .menu-button {
    color: #fff;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #ffffff26;
    border-radius: 8px;
  }

  .nav-menu {
    background-color: #0000;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 8px;
    top: 72px;
    box-shadow: 0 4px 5px #fff3;
  }

  .tab-link {
    padding: 16px 12px;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
  }

  .section.blue.padding-hero {
    margin-top: -64px;
  }

  .container {
    height: 100%;
  }

  .content-form {
    grid-auto-flow: row;
  }

  .content_item-grid {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .hero-image {
    height: auto;
  }

  .hero-image.uta {
    z-index: 1;
    height: auto;
    position: relative;
  }

  .content_hero-text.uta {
    padding-left: 16px;
    padding-right: 16px;
  }

  .spacer._64--px.mobile {
    display: none;
  }

  .spacer._16--px.mobile {
    display: block;
  }

  .spacer._192--px {
    height: 96px;
    display: block;
  }

  .heading.hero.uta {
    font-size: 64px;
    line-height: 70px;
  }

  .heading.hero.white-ice {
    font-size: 34px;
  }

  .heading.hero.ac {
    font-size: 56px;
    line-height: 64px;
  }

  .paragraph.center.white-ice {
    font-size: 22px;
  }

  .paragraph.dark-blue, .paragraph.blue.no-width, .paragraph.white-ice.no-width {
    text-align: center;
  }

  .card-benefits.uta {
    width: 100%;
  }

  .content_card-benefits {
    justify-content: center;
  }

  .content_catalog-text.width-30 {
    max-width: none;
  }

  .card-stroke {
    width: 70%;
  }

  .sub-title {
    width: 38%;
  }

  .service-image {
    width: auto;
  }

  .popup-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content_hero-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
  }

  .div-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    align-items: flex-start;
  }

  .image-2 {
    display: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .list-item {
    justify-content: center;
    align-items: center;
  }

  .nav-links {
    flex-flow: column;
  }

  .interactive-card-body {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .card-default-size:where(.w-variant-1d7375a2-3c29-03fe-3611-a6709127ed48) {
    left: -120px;
  }

  .card-default-size:where(.w-variant-5cb9eced-0029-d275-96a5-b68da56c98b4) {
    left: -75px;
  }

  .card-default-size:where(.w-variant-591a850c-3a9b-223a-b501-1ecd18eb805b) {
    right: -51px;
  }

  .tag:where(.w-variant-31275d64-8a14-46d4-8aa1-abde89212c3b) {
    width: 100%;
  }

  .tab-link {
    font-size: 18px;
  }
}

#w-node-dff7e439-d439-771b-28c3-d72bcae86f3f-c2191574 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dff7e439-d439-771b-28c3-d72bcae86f48-c2191574 {
  grid-area: 1 / 4 / 2 / 6;
}

#w-node-_8bef8ee7-a119-aa0d-ec36-1e38b89717a9-c2191574 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_8bef8ee7-a119-aa0d-ec36-1e38b897179e-c2191574 {
  grid-area: 1 / 4 / 2 / 5;
}

#fale-conosco.w-node-_40e9ca21-4e7d-6665-c983-8855bbc1d638-c2191574 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 767px) {
  #fale-conosco.w-node-_40e9ca21-4e7d-6665-c983-8855bbc1d638-c2191574 {
    grid-column-start: 1;
  }
}