:root {
  --box-shadow--header:0 3px 18px #AEAEAE3B;
  --pdg-header-main--hor:0 4px;
  --color-background--header: var(--color-background);
  --color-on-background--header: var(--color-primary);
  --color-background-main-container:var(--color-background);
  --color-on-background-main-container:var(--color-on-background);
  --hgt-footer-main--theme:252px;
  --color-footer:var(--color-background-main-container);
  --color-on-footer:var(--color-on-background-main-container);
  --wid-logo-footer: 240px;
  --main-gap: 32px ;
}

.header-main--container {
  overflow: hidden;
}
.header-main--container.horizontal ~ .main-container {
  margin-top: var(--h-header-main--hor);
}
.header-main--content {
  gap: 16px;
}
.header-main--content .button[href="/"], .header-main--content a[href="#funcionalidades"] {
  display: none;
}
.header-main-logo {
  display: flex;
}
.header-main-logo svg:first-child {
  display: none;
  width: 219px;
}
.header-main-logo svg:last-child {
  width: 52px;
  min-width: 52px;
}

.main-container .main-content {
  padding: 32px 0;
  display: flex;
  gap: var(--main-gap);
}

.gap-90--px {
  gap: var(--main-gap);
}

.footer-main--container {
  min-height: var(--hgt-footer-main--theme);
  padding: 1rem 0;
  background-color: var(--color-background);
  color: var(--color-primary-secondary);
}
.footer-main--container .button {
  fill: var(--color-primary-secondary);
  color: var(--color-primary-secondary);
}
.footer-main--container .container-logo #Camada_1 path {
  fill: var(--color-primary-secondary);
}
.footer-main--container .container-logo #Camada_2 {
  width: var(--wid-logo-footer);
  height: auto;
}
.footer-main--container .container-social-media ul {
  list-style-type: none;
}

@media screen and (min-width: 360px) {
  :root {
    --pdg-header-main--hor: 0 16px;
    --gap-header-main--drawer: 16px;
  }
}
@media screen and (max-width: 639px) {
  .container-list-icon .txt-start, .container-list-icon .txt-end {
    text-align: center !important;
  }
}
@media screen and (min-width: 719px) {
  .header-main--content .button[href="/"], .header-main--content a[href="#funcionalidades"] {
    display: flex;
  }
}
@media screen and (min-width: 839px) {
  .header-main-logo svg:first-child {
    display: flex;
  }
  .header-main-logo svg:last-child {
    display: none;
  }
}
@media screen and (min-width: 1279px) {
  :root {
    --main-gap:42px ;
  }
}

/*# sourceMappingURL=theme.css.map */