:root {
  --cores--pérola-a: #dbd5d3;
  --cores--marrom-c: #252424;
  --cores--marrom-c-50: #25242480;
  --cores--marrom-a: #424040;
  --cores--pérola-b: #686565;
  --cores--sombra: #0006;
  --cores--marrom-b: #313030;
  --cores--transparente: transparent;
  --cores--pérola-a-50: #dbd5d380;
  --cores--laranja: #eb6418;
  --cores--rosa: #e51a76;
  --untitled-ui--primary700\<deleted\|variable-da4f7fa3\>: #6941c6;
}

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

.global-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.global-horizontal-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.global-paragraph {
  z-index: 1;
  letter-spacing: normal;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
}

.global-paragraph.small {
  margin-bottom: 0;
  font-size: .8rem;
}

.global-bigtitle {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
  position: relative;
}

.quemsomos-quemsomos-lightbox-icon {
  z-index: 2;
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--marrom-c);
  -webkit-backdrop-filter: saturate(150%) blur(5px);
  backdrop-filter: saturate(150%) blur(5px);
  color: var(--cores--pérola-a);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 8rem;
  max-width: 8rem;
  height: 8rem;
  max-height: 8rem;
  display: flex;
  position: absolute;
}

.quemsomos-quemsomos-lightbox-videooverlay {
  z-index: 1;
  background-color: var(--cores--marrom-c-50);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-quemsomos-quemsomos {
  background-color: var(--cores--marrom-a);
  padding-top: 5rem;
}

.quemsomos-quemsomos-panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.quemsomos-quemsomos-lightbox {
  border: 1px solid var(--cores--pérola-b);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.global-space-s {
  width: 100%;
  min-height: 1rem;
}

.global-vertical-padding {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.global-smalltitle {
  letter-spacing: .3rem;
  text-transform: uppercase;
  font-size: .8rem;
  line-height: 1.5;
}

.quemsomos-objetivo-content {
  width: 100%;
  max-width: 40rem;
}

.global-itemtitle {
  z-index: 1;
  letter-spacing: .05rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}

.quemsomos-equipe-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.quemsomos-equipe-panel {
  width: 100%;
  margin: 0;
}

.section-quemsomos-equipe {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-c);
}

.quemsomos-objetivos-panel {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.section-quemsomos-objetivos {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-b);
}

.quemsomos-clientes-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  transition: all .2s;
  display: flex;
}

.quemsomos-clientes-card:hover {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  transform: translate(0, -.2rem);
}

.quemsomos-clientes-ratingwrapper {
  display: flex;
}

.quemsomos-clientes-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.quemsomos-clientes-clientwrapper {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: auto;
  display: flex;
}

.section-quemsomos-clientes {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-a);
}

.quemsomos-clientes-ratingicon-fill {
  color: var(--cores--marrom-c);
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5px;
  height: 1.5rem;
  min-height: 1.5px;
  margin-right: .5rem;
  display: flex;
}

.global-iconbutton-background-light {
  background-image: linear-gradient(333deg, var(--cores--pérola-a), var(--cores--pérola-a-50) 80%);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
}

.quemsomos-objetivo-icon {
  color: var(--cores--pérola-a);
  width: 1.5rem;
  height: 1.5rem;
}

.beneficios-list-item {
  display: flex;
}

.beneficios-list-item-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: .75rem;
}

.beneficios-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2.5rem;
  display: grid;
}

.beneficios-list-wrapper {
  padding-top: 3rem;
  display: flex;
}

.beneficios-blog-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.beneficios-blog-panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.section-beneficios-blog {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-b);
}

.global-iconbutton-dark {
  grid-column-gap: .5rem;
  border: 1px solid var(--cores--marrom-c);
  background-color: var(--cores--transparente);
  box-shadow: .3rem .3rem .8rem 0rem var(--cores--sombra);
  color: var(--cores--pérola-a);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.global-iconbutton-dark:hover {
  background-color: var(--cores--marrom-c);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  color: var(--cores--pérola-a);
}

.global-iconbutton-dark:active {
  border-color: var(--cores--laranja);
  background-color: var(--cores--marrom-c);
  color: var(--cores--laranja);
}

.global-iconbutton-dark:focus {
  box-shadow: 0 0 0 4px var(--cores--marrom-c-50);
}

.global-iconbutton-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.beneficios-integracoes-panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.beneficios-integracoes-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.beneficios-integracoes-logo-camera {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  perspective: 1000px;
  transform-style: preserve-3d;
  border-radius: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem;
  display: grid;
  transform: scale(1.05)rotateX(60deg)rotateY(-5deg)rotateZ(30deg);
}

.beneficios-integracoes-logo-image {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  object-fit: contain;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  padding: 15%;
  overflow: visible;
}

.section-beneficios-crm {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-c);
}

.beneficios-landingpages-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  width: 100%;
}

.section-beneficios-landingpages {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-a);
}

.beneficios-landingpages-panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.beneficios-landingpages-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.quemsomos-objetivo-iconwrapper {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--laranja);
  background-image: linear-gradient(240deg, var(--cores--laranja), var(--cores--rosa));
  box-shadow: -3rem -3rem 12rem 3rem var(--cores--laranja);
  color: var(--cores--laranja);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.section-beneficios-integracao {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-a);
  padding-top: 5rem;
}

.blog-blog-button-link {
  grid-column-gap: .5rem;
  color: var(--cores--laranja);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.blog-blog-button-link:hover {
  color: var(--cores--pérola-a-50);
}

.blog-blog-button-link:active {
  color: var(--cores--pérola-b);
}

.section-recursos-recursos {
  padding-top: 5rem;
}

.recursos-recursos-content {
  text-align: center;
  width: 100%;
  max-width: 50rem;
}

.section-modelos-modelos {
  padding-top: 5rem;
}

.blog-blog-item-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.blog-blog-list-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.blog-blog-list {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.blog-blog-content {
  position: sticky;
  top: 9rem;
}

.blog-blog-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
  position: relative;
}

.section-blog-blog {
  padding-top: 5rem;
}

.blog-blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-blog-image-wrapper {
  border: 1px solid var(--cores--pérola-b);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  border-radius: .5rem;
  width: 100%;
  padding-top: 70%;
  position: relative;
  overflow: hidden;
}

.blog-blog-image-link {
  width: 100%;
  transition: all .3s;
}

.blog-blog-image-link:hover {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.planos-planos-iconwrapper {
  flex: none;
  align-self: flex-start;
  margin-right: .75rem;
}

.planos-planos-item {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.planos-planos-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.planos-planos-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-planos-planos {
  padding-top: 5rem;
}

.planos-planos-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  padding: 1.5rem;
}

.body {
  background-color: var(--cores--marrom-a);
  color: var(--cores--pérola-a);
  font-family: Exo, sans-serif;
}

.quemsomos-quemsomos-lightbox-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-highlight {
  background-image: linear-gradient(240deg, var(--cores--laranja), var(--cores--rosa));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.quemsomos-objetivo-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.quemsomos-objetivo-card:hover {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  transform: translate(0, -.2rem);
}

.quemsomos-objetivo-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.global-space-m {
  width: 100%;
  min-height: 3rem;
}

.quemsomos-equipe-content {
  width: 100%;
  max-width: 40rem;
}

.quemsomos-equipe-image {
  object-fit: cover;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.quemsomos-equipe-imagewrapper {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--marrom-c);
  box-shadow: -3rem -3rem 12rem 3rem var(--cores--laranja);
  border-radius: .5rem;
  margin-right: .75rem;
  overflow: hidden;
}

.quemsomos-equipe-cardcontent {
  text-align: left;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.quemsomos-equipe-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.quemsomos-equipe-card:hover {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  transform: translate(0, -.2rem);
}

.quemsomos-clientes-content {
  width: 100%;
  max-width: 40rem;
}

.quemsomos-clientes-ratingicon-nofill {
  color: var(--cores--pérola-b);
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5px;
  height: 1.5rem;
  min-height: 1.5px;
  margin-right: .5rem;
  display: flex;
}

.global-iconbutton-text {
  letter-spacing: .05rem;
}

.beneficios-landingpages-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50) 80%);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
}

.beneficios-landingpages-icon-wrapper {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--laranja);
  background-image: linear-gradient(240deg, var(--cores--laranja), var(--cores--rosa));
  box-shadow: -3rem -3rem 12rem 3rem var(--cores--laranja);
  color: var(--cores--laranja);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.beneficios-landingpages-icon {
  color: var(--cores--pérola-a);
  width: 1.5rem;
  height: 1.5rem;
}

.beneficios-list-item-icon {
  color: var(--cores--pérola-b);
  width: 1.5rem;
  height: 1.5rem;
}

.beneficios-crm-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.global-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.recursos-recursos-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
}

.recursos-recursos-iconwrapper {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--laranja);
  background-image: linear-gradient(240deg, var(--cores--laranja), var(--cores--rosa));
  box-shadow: -3rem -3rem 12rem 3rem var(--cores--laranja);
  color: var(--cores--laranja);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.recursos-recursos-icon {
  color: var(--cores--pérola-a);
  width: 1.5rem;
  height: 1.5rem;
}

.modelos-modelos-content {
  text-align: center;
  width: 100%;
  max-width: 60rem;
}

.blog-blog-text-link {
  color: var(--cores--pérola-a);
  text-decoration: none;
}

.planos-planos-content {
  text-align: center;
  width: 100%;
  max-width: 60rem;
}

.planos-planos-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.planos-planos-icon.light {
  color: var(--cores--pérola-b);
}

.planos-planos-price-text {
  font-size: 1.8rem;
  font-weight: 800;
}

.planos-planos-card-text {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.planos-planos-buttonwrapper {
  display: block;
}

.section-home-quemsomos {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-c);
}

.home-quemsomos-panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.home-quemsomos-decoration {
  border: 1px solid var(--cores--pérola-b);
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.home-quemsomos-decorativebuttons {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: .75rem;
  display: flex;
  position: absolute;
}

.home-quemsomos-decorativebutton {
  background-color: var(--cores--pérola-b);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  border-radius: .2rem;
  width: 1rem;
  height: 1rem;
}

.home-quemsomos-image {
  z-index: 2;
  height: 119%;
  position: absolute;
}

.section-home-beneficios {
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-b);
}

.home-beneficios-panel {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-beneficios-content {
  text-align: center;
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.home-beneficios-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.home-beneficios-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.home-beneficios-card:hover {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  transform: translate(0, -.2rem);
}

.home-beneficios-cardcontent {
  text-align: center;
}

.home-beneficios-iconwrapper {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--laranja);
  background-image: linear-gradient(240deg, var(--cores--laranja), var(--cores--rosa));
  box-shadow: 0rem -3rem 12rem 3rem var(--cores--laranja);
  color: var(--cores--laranja);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-beneficios-icon {
  color: var(--cores--pérola-a);
  width: 1.5rem;
  height: 1.5rem;
}

.home-beneficios-highlightedcard {
  border: 1px solid var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  background-image: linear-gradient(240deg, var(--cores--laranja), var(--cores--rosa));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--pérola-a);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.home-beneficios-highlightedcard:hover {
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  transform: translate(0, -.5rem);
}

.home-beneficios-darkiconwrapper {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--marrom-c);
  background-image: linear-gradient(333deg, var(--cores--marrom-c), var(--cores--marrom-a) 80%);
  box-shadow: 0rem -3rem 12rem 3rem var(--cores--laranja);
  color: var(--cores--laranja);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-beneficios-linkblock {
  text-decoration: none;
}

.section-home-contato {
  border-top: 1px solid var(--cores--laranja);
  border-bottom: 1px solid var(--cores--laranja);
  background-color: var(--cores--laranja);
  background-image: linear-gradient(45deg, var(--cores--rosa), var(--cores--laranja));
}

.home-contato-panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.home-contato-decoration {
  border: 1px solid var(--cores--pérola-a-50);
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.home-contato-decorativebuttons {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: .75rem;
  display: flex;
  position: absolute;
}

.home-contato-decorativebutton {
  background-color: var(--cores--pérola-a-50);
  border-radius: .2rem;
  width: 1rem;
  height: 1rem;
}

.home-contato-image {
  z-index: 2;
  height: 123%;
  position: absolute;
}

.global-iconbutton-light {
  grid-column-gap: .5rem;
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  box-shadow: .3rem .3rem .8rem 0rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.global-iconbutton-light:hover {
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  color: var(--cores--marrom-c);
}

.global-iconbutton-light:active {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  color: var(--cores--laranja);
}

.global-iconbutton-light:focus {
  box-shadow: 0 0 0 4px var(--cores--marrom-c-50);
}

.global-iconbutton-background-dark {
  background-color: var(--cores--marrom-c-50);
  background-image: linear-gradient(333deg, var(--cores--marrom-c), var(--cores--marrom-c-50) 80%);
  color: var(--cores--pérola-a);
  border-radius: .5rem;
}

.section-home-modelos {
  z-index: 0;
  border-top: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-b);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.home-modelos-panel {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--pérola-a);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 1.5rem;
  display: grid;
}

.home-modelos-decoration {
  border: 1px solid var(--cores--pérola-b);
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.home-modelos-decorativebuttons {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: .75rem;
  display: flex;
  position: absolute;
}

.homemodelos-decorativebutton {
  background-color: var(--cores--pérola-b);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  border-radius: .2rem;
  width: 1rem;
  height: 1rem;
}

.home-modelos-image {
  z-index: 2;
  height: 123%;
  position: absolute;
}

.global-iconbutton-highlight {
  grid-column-gap: .5rem;
  border: 1px solid var(--cores--laranja);
  background-color: var(--cores--transparente);
  box-shadow: .3rem .3rem .8rem 0rem var(--cores--sombra);
  color: var(--cores--pérola-a);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.global-iconbutton-highlight:hover {
  background-color: var(--cores--laranja);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  color: var(--cores--pérola-a);
}

.global-iconbutton-highlight:active {
  border-color: var(--cores--laranja);
  background-color: var(--cores--laranja);
  color: var(--cores--marrom-c);
}

.global-iconbutton-highlight:focus {
  box-shadow: 0 0 0 4px var(--cores--marrom-c-50);
}

.global-iconbutton-background-highlight {
  background-color: var(--cores--laranja);
  background-image: linear-gradient(45deg, var(--cores--rosa), var(--cores--transparente) 80%);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
}

.home-modelos-animation {
  z-index: 1;
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.home-modelos-animation-grid {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-modelos-animation-image {
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  border-radius: .5rem;
}

.home-modelos-animation-gradient {
  background-image: linear-gradient(180deg, var(--cores--transparente), var(--cores--marrom-c));
  width: 100%;
  height: 100%;
  position: absolute;
}

.home-modelos-container {
  z-index: 2;
  width: 100%;
  max-width: 80rem;
  margin: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
}

.recurso-recurso-collection-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.recurso-recurso-collection-cardwrapper {
  width: 100%;
  height: 100%;
}

.section-home-recursos {
  border-top: 1px solid var(--cores--pérola-b);
}

.home-recursos-panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
  position: relative;
}

.home-recursos-content {
  position: sticky;
  top: 9rem;
}

.home-recursos-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-recursos-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.home-recursos-card:hover {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  transform: translate(.2rem);
}

.home-recursos-cardcontent {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: auto;
  padding-left: 1rem;
  display: flex;
}

.home-recursos-iconwrapper {
  border: 1px solid var(--cores--pérola-a);
  background-image: linear-gradient(333deg, var(--cores--marrom-c), var(--cores--marrom-a) 80%);
  color: var(--cores--laranja);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  display: flex;
}

.home-recursos-icon {
  color: var(--cores--pérola-a);
  width: 1.5rem;
  height: 1.5rem;
}

.home-faq-content {
  text-align: center;
}

.section-home-faq {
  background-color: var(--cores--marrom-c);
}

.home-faq-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.home-faq-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(90deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem -.5rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  text-align: center;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.home-faq-card:hover {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
}

.home-faq-card:active {
  color: var(--cores--laranja);
}

.home-faq-question {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-faq-icon {
  justify-content: center;
  align-items: center;
  max-width: 1.2rem;
  max-height: 1.2rem;
  display: flex;
}

.home-faq-answer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  display: none;
}

.navbar {
  border-bottom: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--marrom-c), var(--cores--marrom-c-50));
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  display: flex;
  position: fixed;
}

.logo-link {
  margin-right: auto;
  padding: 0;
}

.navbar-menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  display: flex;
}

.navbar-link {
  border-top: 2px solid var(--cores--transparente);
  border-bottom: 2px solid var(--cores--transparente);
  color: var(--cores--pérola-a);
  padding: 0;
  transition: all .2s;
}

.nav-link-laranja {
  color: var(--cores--laranja);
}

.navbar-link:hover {
  border-bottom-color: var(--cores--laranja);
  color: var(--cores--pérola-a);
}

.navbar-link:active, .navbar-link:focus, .navbar-link.w--current {
  color: var(--cores--laranja);
}

.navbar-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-button-background-highlight {
  background-color: var(--cores--laranja);
  background-image: linear-gradient(45deg, var(--cores--rosa), var(--cores--transparente) 80%);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
}

.navbar-button-highlight {
  grid-column-gap: .5rem;
  border: 1px solid var(--cores--laranja);
  background-color: var(--cores--transparente);
  box-shadow: .3rem .3rem .8rem 0rem var(--cores--sombra);
  color: var(--cores--pérola-a);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.navbar-button-highlight:hover {
  background-color: var(--cores--laranja);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  color: var(--cores--pérola-a);
}

.navbar-button-highlight:active {
  border-color: var(--cores--laranja);
  background-color: var(--cores--laranja);
  color: var(--cores--marrom-c);
}

.navbar-button-highlight:focus {
  box-shadow: 0 0 0 4px var(--cores--marrom-c-50);
}

.navbar-button-background-light {
  background-image: linear-gradient(333deg, var(--cores--pérola-a), var(--cores--pérola-a-50) 80%);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
}

.navbar-button-light {
  grid-column-gap: .5rem;
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  box-shadow: .3rem .3rem .8rem 0rem var(--cores--sombra);
  color: var(--cores--marrom-c);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.navbar-button-light:hover {
  background-color: var(--cores--pérola-a);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  color: var(--cores--marrom-c);
}

.navbar-button-light:active {
  border-color: var(--cores--laranja);
  background-color: var(--cores--pérola-a);
  color: var(--cores--laranja);
}

.navbar-button-light:focus {
  box-shadow: 0 0 0 4px var(--cores--marrom-c-50);
}

.logo-image {
  object-fit: contain;
  height: 2.5rem;
}

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

.footer {
  background-color: var(--cores--marrom-c);
  width: 100%;
  margin-top: auto;
}

.highlight {
  z-index: 3;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(240deg, var(--cores--laranja), var(--cores--rosa));
  -webkit-background-clip: text;
  background-clip: text;
}

.footer-cell3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-cell2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-socialbutton {
  border: 1px solid var(--cores--pérola-b);
  box-shadow: .3rem .3rem .8rem .3rem var(--cores--sombra);
  color: var(--cores--pérola-a);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
}

.footer-socialbutton:hover {
  color: var(--cores--pérola-a);
  border-color: var(--cores--laranja);
  box-shadow: 0rem 0rem 2rem -.5rem var(--cores--laranja);
  transform: translate(0, -.2rem);
}

.footer-socialbutton:active {
  color: var(--cores--laranja);
}

.footer-socialbutton-icon {
  justify-content: center;
  align-items: center;
  max-width: 1.2rem;
  max-height: 1.2rem;
  display: flex;
}

.footer-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 0;
}

.footer-cell1 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.footer-logo-link {
  margin-right: auto;
  padding: 0;
}

.modelos-modelos-image-wrapper {
  border: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-c);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  perspective: 1000px;
  object-fit: cover;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25rem;
  display: flex;
  overflow: hidden;
}

.modelos-modelos-card {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--transparente);
  background-image: linear-gradient(180deg, var(--cores--pérola-a), var(--cores--pérola-a-50));
  box-shadow: .3rem .3rem .8rem 0 var(--cores--sombra);
  color: var(--cores--marrom-c);
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.modelos-modelos-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 1.5rem;
  display: grid;
}

.modelos-modelos-image {
  object-fit: cover;
  max-width: none;
  height: 100%;
}

.section-home-header {
  height: 100vh;
}

.home-header-slider-mask {
  background-color: #313030;
}

.slide {
  z-index: 1;
  background-color: #424040;
}

.playbutton-wrapper {
  border: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-c);
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  color: var(--cores--pérola-a);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin-top: 2rem;
  text-decoration: none;
  display: flex;
}

.playbutton-wrapper:hover {
  color: var(--cores--pérola-a);
}

.header-leftarrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-background-video {
  z-index: 2;
  opacity: .5;
  flex-flow: column;
  width: 100%;
  height: 100%;
}

.header-container {
  z-index: 4;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.header-gradient {
  z-index: 3;
  background-image: linear-gradient(180deg, var(--cores--transparente), var(--cores--marrom-b)), linear-gradient(180deg, var(--cores--transparente), var(--cores--marrom-b));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header-rightarrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.playbutton-text {
  letter-spacing: .05rem;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .8rem;
  font-weight: 600;
}

.header-button {
  letter-spacing: 1.1px;
  text-transform: uppercase;
  background-color: #252424;
  border: 1px solid #686565;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin-top: 2rem;
  padding: 0 1rem;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  box-shadow: 5px 5px 10px -5px #0000004d;
}

.header-button:hover {
  color: var(--cores--pérola-a);
  border-color: var(--cores--laranja);
  box-shadow: 0 0 20px -5px var(--cores--laranja);
}

.header-button:active {
  color: var(--cores--laranja);
}

.header-filter {
  background-color: var(--cores--laranja);
  mix-blend-mode: hue;
  width: 100%;
  height: 100%;
  position: absolute;
}

.playbutton-circle {
  border: 1px solid var(--cores--pérola-a);
  background-color: var(--cores--laranja);
  background-image: linear-gradient(45deg, var(--cores--rosa), var(--cores--laranja));
  box-shadow: .3rem .3rem .8rem -.3rem var(--cores--sombra);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-left: -.5rem;
  display: flex;
}

.header-title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
}

.playbutton-icon {
  justify-content: center;
  align-items: center;
  max-width: 1.2rem;
  max-height: 1.2rem;
  display: flex;
}

.home-header-slider {
  width: 100%;
  height: 100%;
}

.header-slider-icon {
  opacity: .5;
  max-width: 1.5rem;
  max-height: 1.5rem;
}

.header-slider-nav {
  mix-blend-mode: overlay;
}

.beneficios-integracoes-logowrapper {
  border: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--marrom-b);
  background-image: linear-gradient(333deg, var(--cores--marrom-c), var(--cores--marrom-a));
  box-shadow: .3rem 2px .8rem -.3rem var(--cores--sombra);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  height: 22rem;
  display: flex;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .quemsomos-quemsomos-panel {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .global-vertical-padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .quemsomos-equipe-grid, .quemsomos-clientes-grid {
    grid-template-columns: 1fr 1fr;
  }

  .beneficios-blog-panel {
    grid-column-gap: 3rem;
  }

  .beneficios-integracoes-panel {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .beneficios-integracoes-logo-camera {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 0;
  }

  .beneficios-landingpages-panel {
    grid-template-columns: 1fr;
  }

  .blog-blog-list-item {
    grid-column-gap: 2rem;
  }

  .blog-blog-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .blog-blog-content {
    position: static;
  }

  .blog-blog-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .planos-planos-grid, .quemsomos-objetivo-grid {
    grid-template-columns: 1fr;
  }

  .home-quemsomos-panel {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .home-quemsomos-image {
    object-fit: contain;
    height: 90%;
  }

  .home-beneficios-grid {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .home-contato-panel {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .home-contato-image {
    object-fit: contain;
    height: 100%;
  }

  .home-modelos-panel {
    grid-column-gap: 3rem;
    box-shadow: none;
    border-radius: 0;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .home-modelos-image {
    object-fit: contain;
    height: 95%;
  }

  .home-modelos-animation {
    height: 50vw;
    position: static;
  }

  .home-modelos-container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .recurso-recurso-collection-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-recursos-panel {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .navbar-link {
    z-index: 1;
    border-top-width: 0;
    border-top-color: var(--cores--pérola-b);
    border-bottom-width: 1px;
    border-bottom-color: var(--cores--pérola-b);
    background-color: var(--cores--marrom-c);
    letter-spacing: .05rem;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.5;
    display: flex;
  }

  .navbar-link:hover {
    z-index: 2;
    border-top-color: var(--cores--laranja);
    border-bottom-color: var(--cores--laranja);
    position: relative;
  }

  .navbar-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .navbar-button-highlight {
    z-index: 1;
    border-color: var(--cores--pérola-b);
    background-color: var(--cores--marrom-c);
    box-shadow: none;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
    margin-top: 0;
    padding: 1rem 0;
    position: relative;
  }

  .navbar-button-highlight:hover {
    z-index: 2;
    border-top-color: var(--cores--laranja);
    border-bottom-color: var(--cores--laranja);
    background-color: var(--cores--marrom-c);
    box-shadow: none;
  }

  .navbar-button-highlight:active {
    color: var(--cores--laranja);
  }

  .navbar-button-light {
    z-index: 1;
    border-top-width: 0;
    border-top-color: var(--cores--pérola-b);
    border-right-width: 0;
    border-bottom-color: var(--cores--pérola-b);
    background-color: var(--cores--marrom-c);
    box-shadow: none;
    color: var(--cores--pérola-a);
    border-left-width: 0;
    border-radius: 0;
    margin-top: 0;
    padding: 1rem 0;
  }

  .navbar-button-light:hover {
    z-index: 2;
    border-top-color: var(--cores--laranja);
    border-bottom-color: var(--cores--laranja);
    background-color: var(--cores--marrom-c);
    box-shadow: none;
    color: var(--cores--pérola-a);
    position: relative;
  }

  .menu-button {
    border: 1px solid var(--cores--pérola-b);
    background-color: var(--cores--marrom-c);
    border-radius: .5rem;
    transition: all .2s;
  }

  .menu-button:hover {
    border-color: var(--cores--laranja);
  }

  .menu-button:active {
    color: var(--cores--laranja);
  }

  .menu-button.w--open {
    border: 1px solid var(--cores--pérola-b);
    background-color: var(--cores--marrom-b);
    border-radius: .5rem;
  }

  .menu-button.w--open:hover {
    border-color: var(--cores--laranja);
  }

  .footer-grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .beneficios-integracoes-logowrapper {
    height: 18rem;
  }
}

@media screen and (max-width: 767px) {
  .global-horizontal-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .global-paragraph {
    font-size: 1rem;
  }

  .global-bigtitle {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .quemsomos-quemsomos-lightbox-icon {
    width: 4rem;
    height: 4rem;
  }

  .quemsomos-quemsomos-content {
    text-align: center;
  }

  .quemsomos-quemsomos-panel {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .global-space-s {
    min-height: .75rem;
  }

  .global-vertical-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .quemsomos-objetivo-content {
    text-align: center;
  }

  .global-itemtitle {
    font-size: 1.125rem;
  }

  .quemsomos-equipe-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .quemsomos-objetivos-panel {
    align-items: stretch;
  }

  .quemsomos-clientes-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .quemsomos-clientes-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .quemsomos-clientes-clientwrapper {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

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

  .beneficios-list {
    margin-bottom: 2rem;
  }

  .beneficios-list-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .beneficios-blog-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .beneficios-blog-panel {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .beneficios-integracoes-panel {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .beneficios-integracoes-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .beneficios-integracoes-logo-camera {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .beneficios-landingpages-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .beneficios-landingpages-panel {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .beneficios-landingpages-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .quemsomos-objetivo-iconwrapper {
    box-shadow: 0rem -2rem 8rem 2rem var(--cores--laranja);
    margin-left: auto;
    margin-right: auto;
  }

  .blog-blog-button-link {
    font-size: 1rem;
  }

  .blog-blog-button-link:hover {
    color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  }

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

  .blog-blog-list-item {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .blog-blog-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .blog-blog-content {
    text-align: center;
  }

  .blog-blog-grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .blog-blog-image-wrapper {
    height: 100%;
  }

  .blog-blog-image-link:hover {
    box-shadow: none;
  }

  .planos-planos-grid {
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .planos-planos-card {
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .quemsomos-objetivo-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .quemsomos-objetivo-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .global-space-m {
    min-height: 1rem;
  }

  .quemsomos-equipe-content {
    text-align: center;
  }

  .quemsomos-equipe-imagewrapper {
    box-shadow: 0rem -2rem 12rem 2rem var(--cores--laranja);
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .quemsomos-equipe-cardcontent {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .quemsomos-equipe-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .quemsomos-clientes-content {
    text-align: center;
  }

  .beneficios-landingpages-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .beneficios-landingpages-icon-wrapper {
    box-shadow: 0rem -2rem 8rem 2rem var(--cores--laranja);
    margin-left: auto;
    margin-right: auto;
  }

  .beneficios-crm-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .global-button-wrapper {
    justify-content: center;
    align-items: center;
  }

  .recursos-recursos-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .recursos-recursos-iconwrapper {
    box-shadow: 0rem -2rem 8rem 2rem var(--cores--laranja);
    margin-left: auto;
    margin-right: auto;
  }

  .planos-planos-buttonwrapper {
    justify-content: center;
    align-items: center;
  }

  .home-quemsomos-panel {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .home-quemsomos-content {
    text-align: center;
  }

  .home-quemsomos-decoration {
    justify-content: center;
    align-items: center;
    min-height: 2.6rem;
  }

  .home-quemsomos-image {
    display: none;
  }

  .home-beneficios-panel {
    align-items: stretch;
  }

  .home-beneficios-content {
    text-align: center;
  }

  .home-beneficios-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .home-beneficios-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .home-beneficios-iconwrapper {
    box-shadow: 0rem -2rem 8rem 2rem var(--cores--laranja);
    margin-left: auto;
    margin-right: auto;
  }

  .home-beneficios-highlightedcard {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .home-beneficios-darkiconwrapper {
    box-shadow: 0rem -2rem 8rem 2rem var(--cores--laranja);
    margin-left: auto;
    margin-right: auto;
  }

  .home-contato-panel {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .home-contato-content {
    text-align: center;
  }

  .home-contato-decoration {
    justify-content: center;
    align-items: center;
    min-height: 2.6rem;
  }

  .home-contato-image {
    display: none;
  }

  .home-modelos-panel {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .home-modelos-decoration {
    justify-content: center;
    align-items: center;
    min-height: 2.6rem;
  }

  .home-modelos-content {
    text-align: center;
  }

  .home-modelos-image {
    display: none;
  }

  .recurso-recurso-collection-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .home-recursos-panel {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .home-recursos-content {
    text-align: center;
  }

  .home-recursos-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }

  .home-recursos-iconwrapper {
    box-shadow: 0rem -2rem 8rem 2rem var(--cores--laranja);
    margin-left: auto;
    margin-right: auto;
  }

  .home-faq-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .navbar-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer-cell3 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .footer-cell2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    padding: 4rem 1rem;
  }

  .footer-cell1 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .footer-logo-link.w--current {
    margin-left: auto;
  }

  .modelos-modelos-image-wrapper {
    border-top-color: #dbd5d3;
    border-bottom-width: 0;
    border-left-color: #dbd5d3;
    border-right-color: #dbd5d3;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 20rem;
  }

  .modelos-modelos-card {
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    justify-content: center;
    align-items: center;
  }

  .modelos-modelos-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
  }

  .header-title {
    font-size: 32px;
  }

  .beneficios-integracoes-logowrapper {
    height: 20rem;
  }
}

@media screen and (max-width: 479px) {
  .quemsomos-quemsomos-lightbox {
    min-height: 12rem;
  }

  .quemsomos-equipe-grid {
    grid-template-columns: 1fr;
  }

  .quemsomos-clientes-card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .beneficios-list {
    text-align: left;
    justify-items: start;
  }

  .beneficios-integracoes-logo-camera {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .beneficios-landingpages-grid {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .blog-blog-list-item {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .blog-blog-image-wrapper {
    padding-top: 66%;
  }

  .recurso-recurso-collection-grid {
    grid-template-columns: 1fr;
  }

  .modelos-modelos-image-wrapper {
    height: 11rem;
  }

  .header-leftarrow, .header-rightarrow {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 30px;
  }

  .beneficios-integracoes-logowrapper {
    height: 11rem;
  }
}

#w-node-_3e866c68-8e0b-4507-327e-5a799938e583-9938e56d, #w-node-_3e866c68-8e0b-4507-327e-5a799938e589-9938e56d, #w-node-_3e866c68-8e0b-4507-327e-5a799938e58f-9938e56d, #w-node-_3e866c68-8e0b-4507-327e-5a799938e595-9938e56d, #w-node-dc7fed38-f5d5-0274-2e09-162e984446c5-984446af, #w-node-dc7fed38-f5d5-0274-2e09-162e984446cb-984446af, #w-node-dc7fed38-f5d5-0274-2e09-162e984446d1-984446af, #w-node-dc7fed38-f5d5-0274-2e09-162e984446d7-984446af {
  align-self: start;
}

#w-node-_65accbf9-1fd0-cfb3-df50-f0092970cb73-741df41c, #w-node-b4df063b-ea37-52bf-d300-80bd61683b3f-741df41c, #w-node-dc8c8f73-cc6b-f99f-784d-37f7db28f259-741df41c, #w-node-d127cdb0-c02d-23b2-defe-75f41c4530e9-741df41c, #w-node-_893b7e65-1976-274a-39c1-5cf2dbd1b0fc-741df41c, #w-node-eb5719be-20ae-dcf3-8f09-48eba3aeb096-741df41c {
  align-self: center;
}

#w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b28d-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b292-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b297-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b29c-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2a1-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2a6-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2ab-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2b0-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2b5-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2ba-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2bf-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2c4-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2c9-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2ce-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2d3-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2d8-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2f3-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2f8-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b2fd-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b302-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b307-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b30c-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b311-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b316-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b31b-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b320-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b325-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b32a-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b32f-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b334-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b339-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b33e-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b359-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b35e-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b363-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b368-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b36d-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b372-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b377-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b37c-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b381-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b386-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b38b-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b390-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b395-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b39a-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b39f-f934b270, #w-node-_60fe41f6-ee28-6c2b-ee14-059ef934b3a4-f934b270 {
  align-self: start;
}

/*blog*/
.blog---section {
  background-color: var(--cores--marrom-a);
  width: 100%;
}

.blog---container {
  width: 100%;
  max-width: 1200px;
  margin-top: 80px;
  margin-bottom: 0;
  padding: 20px;
}

.blog---grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.blog---panel {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.blog---panel-2 {
  width: 100%;
}

.blog---collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  display: flex;
}

.blog---content-box {
  color: var(--cores--marrom-c);
  text-align: center;
  flex-flow: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 145px;
}

.blog---collection {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog---card {
  border: 1px solid var(--cores--pérola-b);
  background-color: var(--cores--pérola-a);
  box-shadow: 5px 5px 10px -5px var(--cores--sombra);
  border-radius: 8px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 100px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.blog---image-box {
  z-index: 1;
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog---image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog---image-hue-filter {
  z-index: 1;
  background-color: var(--cores--laranja);
  mix-blend-mode: hue;
  width: 100%;
  height: 100%;
  position: absolute;
}

.blog---image-gradient {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--cores--transparente) 66.6%, var(--cores--pérola-a)), linear-gradient(180deg, var(--cores--transparente) 33.3%, var(--cores--pérola-a));
  width: 100%;
  height: 100%;
  position: absolute;
}

.card-date {
  color: var(--cores--laranja);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}

.blog---title-box {
  z-index: 2;
  color: var(--cores--marrom-c-75);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  margin-top: -40px;
  padding: 20px;
  display: flex;
  position: relative;
}

.blog---button {
  border: 1px solid var(--cores--marrom-c);
  background-color: var(--cores--marrom-c);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-top: 40px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
}

.blog---button:hover {
  color: var(--cores--pérola-a);
  z-index: 2;
  border-color: var(--cores--laranja) var(--cores--laranja) var(--cores--marrom-c);
  box-shadow: 0 0 20px -5px var(--cores--laranja);
  position: relative;
}

.blog---button:active {
  color: var(--cores--laranja);
}

.blog---decorative-buttons {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  position: absolute;
}

.blog---decorative-button {
  border: 1px solid var(--cores--pérola-a-50);
  background-color: var(--cores--transparente);
  box-shadow: 5px 5px 10px -5px var(--cores--sombra);
  border-radius: 4px;
  width: 15px;
  height: 15px;
}

.card-title {
  color: var(--cores--marrom-c);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 800;
}

@media screen and (max-width: 767px) {
  .blog---collection-list {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  .blog---decorative-buttons {
    min-height: 35px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .home-recursos-content {
    position: relative;
    height: 620px;
  }
}