/* Variáveis CSS */
:root {
  --cor-branco: #FFFFFF;
  --cor-branco-gelo: #EDEFF9;
  --cor-cinza: #9CA1BA;
  --cor-preto: #10121C;
  --cor-azul: #2C9AFF;
  --cor-vermelho: #FE202E;
  --cor-laranja: #FFC107;
  --cor-verde: #43D38D;
  --cor-verde-2: #00c666;
  --cor-amarela: #FFC109;
  --cor-preto-claro: #161926;
  --degrade: #EDEFF9, #FFFFFF;
  --degrade-preto: #00000000, #534d4dbf;
  --sombra: -10px 10px 30px 0px #152A4A12;
  --cor-branco-transparente: #ffffff4d;
  --light: 'figtree-light';
  --regular: 'figtree-regular';
  --bold: 'figtree-bold';
  --f0: clamp(0.8rem, 1vw, 1.0rem);
  --f1: clamp(0.9rem, 1vw, 1.0rem);
  --f2: clamp(1.0rem, 1vw, 1.2rem);
  --f3: clamp(1.2rem, 1vw, 1.5rem);
  --f4: clamp(1.5rem, 1vw, 2.0rem);
  --f5: clamp(2.0rem, 1vw, 2.5rem);
  --f6: clamp(3.0rem, 1vw, 4.0rem);
}

/* Fontes */
@font-face {
  font-family: 'figtree-light';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('https://arquivos.plataformacera.com.br/fonts/figtree-light.woff') format('woff');
}
@font-face {
  font-family: 'figtree-regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('https://arquivos.plataformacera.com.br/fonts/figtree-regular.woff') format('woff');
}
@font-face {
  font-family: 'figtree-bold';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('https://arquivos.plataformacera.com.br/fonts/figtree-bold.woff') format('woff');
}

/* Normalizar */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--cor-branco);
  scroll-behavior: smooth;
}
body {
  margin: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  background-color: var(--cor-branco);
  -webkit-text-size-adjust: none;
  touch-action: pan-x pan-y;
  scroll-behavior: smooth;
}
body.bloquear {
  overflow: hidden;
}
::selection {
  color: var(--cor-branco);
  background-color: var(--cor-vermelho);
}
a, img, svg, button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-appearance: none !important;
}
button, a {
  cursor: pointer !important;
}
a {
  background-color: transparent;
}
img {
  border-style: none;
}
button {
  font-family: inherit;
  line-height: 1;
  margin: 0;
  -moz-appearance: none !important;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
}
button * {
  pointer-events: none;
}
img, svg {
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
}

.main {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Navbar */
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1920px;
  position: fixed;
  top: 0;
  background-color: #10121ca2;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 0 80px;
  height: 80px;
  min-height: 80px;
  z-index: 10;
  transition: all 0.3s;
}
nav svg.logo {
  cursor: pointer;
  transition: all 0.3s;
  color: var(--cor-branco);
  pointer-events: all;
}
nav.scroll {
  background-color: #ffffffd5;
}
nav.scroll svg.logo {
  color: var(--cor-vermelho);
}
nav.scroll .opcoes button,
nav.scroll .opcoes a {
  color: var(--cor-preto);
}
nav.scroll .opcoes button:hover,
nav.scroll .opcoes a:hover {
  color: var(--cor-azul);
}
nav.scroll .opcoes a.registrar {
  color: var(--cor-branco);
}
nav.scroll .opcoes a.entrar {
  color: var(--cor-preto);
}
nav.scroll .opcoes a.entrar svg {
  fill: var(--cor-preto);
  color: var(--cor-preto);
}
svg.logo {
  width: 154px;
  min-width: 140px;
  fill: var(--cor-branco);
  color: var(--cor-branco);
  margin: 0 20px 0 0;
  cursor: pointer;
}
.opcoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.opcoes button,
.opcoes a {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-cinza);
  background-color: transparent;
  margin: 0 0 0 30px;
  transition: all 0.3s;
}
.opcoes button:hover,
.opcoes a:hover {
  color: var(--cor-branco);
}
.opcoes a.entrar:hover svg {
  fill: var(--cor-branco);
  color: var(--cor-branco);
}
.opcoes a.entrar {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.opcoes a.entrar svg {
  width: 15px;
  min-width: 15px;
  fill: var(--cor-cinza);
  color: var(--cor-cinza);
  margin: 0 10px 0 0;
  transition: all 0.3s;
}
.opcoes a.registrar {
  font-family: var(--bold);
  background-color: var(--cor-verde);
  color: var(--cor-branco);
  padding: 17px 30px;
  border-radius: 10px;
}
.opcoes a.registrar:hover {
  opacity: 1;
  background-color: var(--cor-verde-2);
}
button.menu {
  display: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  background-color: transparent;
  position: relative;
}
nav.scroll button.menu span {
  background-color: var(--cor-preto);
}
button.menu span {
  height: 3px;
  background-color: var(--cor-branco);
  position: absolute;
  transition: all 0.3s;
}
button.menu.ativo span {
  background-color: var(--cor-vermelho);
}
button.menu span.um {
  width: 30px;
  top: 7px;
  right: 0;
}
button.menu span.dois {
  width: 20px;
  bottom: 7px;
  right: 0;
}
button.menu.ativo span.um {
  transform: rotate(45deg);
  top: 13px;
}
button.menu.ativo span.dois {
  transform: rotate(-45deg);
  width: 30px;
  bottom: 13px;
}

/* Section Apresentacao */
section#apresentacao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 120px 80px 80px 80px;
  position: relative;
  overflow: hidden;
  background-color: var(--cor-preto);
}
.quadrados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  right: 30%;
  z-index: 1;
}
.quadrados div {
  width: 250px;
  height: calc(33.33% - 20px);
  background: linear-gradient(60deg, #ffffff00, #ffffff15);
  background: -webkit-linear-gradient(60deg, #ffffff00, #ffffff15);
}
.imagem {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
}
.imagem img.tag {
  position: absolute;
  z-index: 4;
  width: auto;
  height: auto;
  max-width: 300px;
  object-fit: contain;
}
.aplicativo {
  display: flex;
  align-items: center;
  gap: 16px;
}
.aplicativo a {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.aplicativo svg {
  width: 150px;
  min-width: 150px;
}
@keyframes tagUm {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0, -20px); }
  100% { transform: translate(0, 0); }
}
@keyframes tagDois {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0, 20px); }
  100% { transform: translate(0, 0); }
}
@keyframes tagTres {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0, -20px); }
  100% { transform: translate(0, 0); }
}
.imagem img.tag.um {
  top: 100px;
  left: 0;
  animation: tagUm 15s ease-in-out infinite;
}
.imagem img.tag.dois {
  top: 200px;
  left: -5%;
  animation: tagDois 10s ease-in-out infinite;
}
.imagem img.tag.tres {
  bottom: 50px;
  right: 10%;
  animation: tagTres 5s ease-in-out infinite;
}
.imagem .forma {
  width: 35%;
  height: 20dvh;
  border-radius: 10px;
  position: absolute;
  background-color: var(--cor-vermelho);
  z-index: 2;
  transition: all 0.3s;
}
@keyframes forma {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.imagem .forma.um {
  top: 10dvh;
  right: 10%;
  animation: forma 10s ease-in-out infinite;
}
.imagem .forma.dois {
  bottom: 5dvh;
  left: 10%;
  animation: forma 12s ease-in-out infinite;
}
.imagem img.celular {
  z-index: 3;
  width: auto;
  height: auto;
  max-width: 300px;
  object-fit: contain;
}
.texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}
.texto .tag {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
.texto .tag svg {
  width: 30px;
  min-width: 30px;
  background-color: var(--cor-verde);
  border-radius: 50%;
  margin: 0 10px 0 0;
}
.texto .tag h4 {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-branco);
}
.texto h1 {
  font-family: var(--bold);
  font-size: var(--f6);
  color: var(--cor-branco);
  width: 100%;
  max-width: 500px;
}
.texto h1 span {
  color: var(--cor-vermelho);
}
.texto p {
  font-family: var(--light);
  font-size: var(--f3);
  line-height: 1.5;
  color: var(--cor-cinza);
  width: 100%;
  max-width: 450px;
  margin: 20px 0 30px 0;
}
.texto a {
  font-family: var(--bold);
  font-size: var(--f2);
  color: var(--cor-branco);
  background-color: var(--cor-vermelho);
  padding: 30px 40px;
  border-radius: 50px;
  transition: all 0.3s;
}
.texto a:hover {
  background-color: var(--cor-verde);
}
.texto img {
  width: 100%;
  max-width: 200px;
  margin: 30px 0 10px 0;
}
.texto h5 {
  font-family: var(--light);
  font-size: var(--f0);
  color: var(--cor-branco);
}

/* Footer */
footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 80px;
}
.informacoes {
  display: flex;
  align-items: center;
}
.informacoes svg {
  width: 100px;
  min-width: 100px;
  fill: var(--cor-vermelho);
  color: var(--cor-vermelho);
  margin: 0 30px 0 0;
}
.informacoes p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
}
.opcoes-footer {
  display: flex;
  align-items: center;
  gap: 16px;
}
.opcoes-footer button {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-cinza);
  background-color: transparent;
  transition: all 0.3s;
}
.opcoes-footer button:hover {
  color: var(--cor-preto);
}
.opcoes-footer p {
  display: flex;
  align-items: center;
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
}
.opcoes-footer p svg {
  width: 17px;
  min-width: 17px;
  margin: 0 5px;
}
.aplicativo-footer {
  display: flex;
  align-items: center;
  gap: 8px;
}
.aplicativo-footer svg {
  width: 100px;
  min-width: 100px;
}

/* Responsivo */
@media screen and (max-width: 1140px) {
  nav {
    padding: 0 30px;
  }
  nav.scroll {
    height: 60px;
    min-height: 60px;
  }
  svg.logo {
    width: 100px;
    min-width: 100px;
  }
  button.menu {
    display: flex;
  }
  .opcoes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--cor-branco);
    box-shadow: var(--sombra);
    border-radius: 10px;
    width: 280px;
    max-width: 280px;
    position: fixed;
    top: 90px;
    right: -100px;
    padding: 0 10px 30px 30px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s;
  }
  .opcoes.mostrar {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    right: 20px;
  }
  .opcoes button,
  .opcoes a {
    margin: 20px 0 0 0;
  }
  .opcoes a.entrar {
    margin-left: 0;
  }
  .opcoes button:hover,
  .opcoes a:hover {
    color: var(--cor-azul);
  }
  .opcoes a.entrar:hover svg {
    fill: var(--cor-azul);
    color: var(--cor-azul);
  }
  nav.scroll .opcoes a.entrar:hover {
    color: var(--cor-azul)
  }
  nav.scroll .opcoes a.entrar:hover svg {
    fill: var(--cor-azul);
    color: var(--cor-azul);
  }
  .opcoes a.registrar:hover {
    color: var(--cor-branco);
  }
  section#apresentacao {
    flex-direction: column;
    padding: 100px 30px 80px 30px;
  }
  .quadrados {
    height: 50%;
    right: auto;
    left: 50px;
    bottom: -100px;
    z-index: 1;
  }
  .quadrados div {
    width: 200px;
  }
  .imagem {
    width: 100%;
  }
  .imagem img.tag.um {
    top: 100px;
    left: 0;
    max-width: 230px;
  }
  .imagem img.tag.dois {
    top: 200px;
    left: -5%;
    max-width: 280px;
  }
  .imagem img.tag.tres {
    bottom: 50px;
    right: 0;
    max-width: 280px;
  }
  .imagem .forma {
    width: 30%;
    height: 20dvh;
  }
  .imagem .forma.um {
    right: 3%;
  }
  .imagem .forma.dois {
    left: 3%;
  }
  .imagem img.celular {
    z-index: 3;
    width: 100%;
    max-width: 240px;
  }
  .texto {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 0 0 40px 0;
  }
  .texto .tag {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
  }
  .texto .tag svg {
    width: 25px;
    min-width: 25px;
    color: var(--cor-laranja);
    fill: currentColor;
  }
  .texto .tag h4 {
    font-size: var(--f0);
  }
  .texto h1 {
    width: 100%;
    max-width: 320px;
    font-size: var(--f5);
  }
  .texto p {
    max-width: 450px;
    font-size: var(--f2);
  }
  .texto a {
    padding: 24px;
    font-size: var(--f1);
  }
  .texto img {
    max-width: 160px;
    margin: 16px auto 0 auto;
  }
  .coluna {
    display: flex;
    flex-direction: column-reverse;
  }
  .aplicativo a {
    padding: 0 !important;
  }
  footer {
    flex-direction: column;
    padding: 80px 30px;
  }
  .informacoes {
    flex-direction: column;
  }
  .informacoes svg {
    width: 150px;
    min-width: 150px;
    margin: 0 0 10px 0;
  }
  .opcoes-footer {
    flex-direction: column;
    border-top: 1px solid var(--cor-cinza);
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
    width: 100%;
    gap: 8px;
  }
}

/* Section Tecnologia */
section#tecnologia {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: linear-gradient(-90deg, var(--degrade));
  background: -webkit-linear-gradient(-90deg, var(--degrade));
}
section#tecnologia .titulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 80px 80px 30px 80px;
}
section#tecnologia .titulo h2 {
  font-family: var(--light);
  font-size: var(--f6);
  color: var(--cor-preto);
  max-width: 900px;
}
section#tecnologia .titulo h2 span {
  color: var(--cor-azul);
}
section#tecnologia .titulo .botoes {
  display: flex;
  gap: 10px;
}
section#tecnologia .titulo .botoes button {
  background-color: var(--cor-branco);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
section#tecnologia .titulo .botoes button svg {
  width: 30px;
  min-width: 30px;
}
section#tecnologia .titulo .botoes button:hover {
  box-shadow: var(--sombra);
}
section#tecnologia .slide {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  overflow-x: scroll;
  padding: 70px 60px 80px 80px;
  scrollbar-width: none;
}
section#tecnologia .slide::-webkit-scrollbar {
  display: none;
}
section#tecnologia .slide .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 320px;
  min-width: 320px;
  padding: 270px 30px 40px 30px;
  background: linear-gradient(-90deg, var(--degrade));
  background: -webkit-linear-gradient(-90deg, var(--degrade));
  box-shadow: var(--sombra);
  position: relative;
  margin: 0 20px 0 0;
  border-radius: 10px;
}
section#tecnologia .slide .item .capa {
  width: 280px;
  height: 280px;
  min-width: 280px;
  min-height: 280px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: -50px;
}
section#tecnologia .slide .item h3 {
  font-family: var(--bold);
  font-size: var(--f2);
  color: var(--cor-preto);
  margin: 0 0 10px 0;
}
section#tecnologia .slide .item h3 span {
  color: var(--cor-vermelho);
}
section#tecnologia .slide .item p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
  line-height: 1.5;
}

@media screen and (max-width: 1140px) {
  section#tecnologia .titulo {
    flex-direction: column;
    align-items: flex-start;
    padding: 60px 30px 30px 30px;
  }
  section#tecnologia .titulo h2 {
    font-size: var(--f4);
    max-width: 310px;
    margin: 0 0 10px 0;
  }
  section#tecnologia .titulo .botoes {
    display: none;
  }
  section#tecnologia .slide {
    padding: 50px 20px 60px 30px;
  }
  section#tecnologia .slide .item {
    padding: 260px 20px 30px 20px;
  }
}

/* Section Especialista */
section#especialista {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 80px 0 80px;
  background: linear-gradient(-90deg, var(--cor-branco) 49%, var(--cor-vermelho) 50%);
  background: -webkit-linear-gradient(-90deg, var(--cor-branco)49%, var(--cor-vermelho) 50%);
}
section#especialista .quadro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 50px;
  border-radius: 10px;
  background-color: var(--cor-branco);
  border: 2px solid var(--cor-branco-gelo);
  position: relative;
  overflow: hidden;
}
section#especialista .quadro .imagem {
  position: relative;
  width: 40%;
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  z-index: 2;
}
section#especialista .quadro .imagem img {
  position: absolute;
}
@keyframes img {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0, 10px); }
  100% { transform: translate(0, 0); }
}
section#especialista .quadro .imagem img.um {
  top: -40px;
  right: -40px;
  animation: img 10s ease-in-out infinite;
}
section#especialista .quadro .imagem img.dois {
  bottom: 10px;
  left: -50px;
  animation: img 5s ease-in-out infinite;
}
section#especialista .quadro .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  padding: 0 0 0 70px;
  z-index: 2;
}
section#especialista .quadro .texto h2 {
  font-family: var(--bold);
  font-size: var(--f6);
  color: var(--cor-preto);
  width: 100%;
  max-width: 370px;
}
section#especialista .quadro .texto h2 span {
  color: var(--cor-verde);
}
section#especialista .quadro .texto p {
  font-family: var(--light);
  font-size: var(--f2);
  line-height: 1.5;
  color: var(--cor-preto);
  width: 100%;
  max-width: 550px;
  margin: 10px 0 20px 0;
}
section#especialista .quadro .texto a {
  font-family: var(--bold);
  font-size: var(--f2);
  color: var(--cor-branco);
  background-color: var(--cor-verde);
  padding: 30px 40px;
  border-radius: 50px;
  transition: all 0.3s;
}
section#especialista .quadro .texto a:hover {
  background-color: var(--cor-verde-2);
}
section#especialista .quadro .quadrados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  right: 10%;
  z-index: 1;
}
section#especialista .quadro .quadrados div {
  width: 150px;
  height: calc(33.33% - 20px);
  background: linear-gradient(60deg, var(--degrade));
  background: -webkit-linear-gradient(60deg, var(--degrade));
}

/* Section Empresas */
section#empresas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: var(--cor-vermelho);
  padding: 80px 80px 180px 80px;
}
section#empresas .quadrado {
  position: absolute;
  background-color: var(--cor-vermelho);
  box-shadow: 0 -20px 50px 0 #00000020;
  transform: rotate(40deg);
  z-index: 1;
}
@keyframes quadrado {
  0% { transform: rotate(40deg) scale(1); }
  50% { transform: rotate(50deg) scale(1.1); }
  100% { transform: rotate(40deg) scale(1); }
}
section#empresas .quadrado.um {
  width: 100px;
  height: 100px;
  top: 15%;
  right: 30%;
  animation: quadrado 5s ease-in-out infinite;
}
section#empresas .quadrado.dois {
  width: 200px;
  height: 200px;
  top: 30%;
  right: 40%;
  animation: quadrado 6s ease-in-out infinite;
}
section#empresas .quadrado.tres {
  width: 700px;
  height: 700px;
  left: -30%;
  bottom: -20%;
  animation: quadrado 10s ease-in-out infinite;
}
section#empresas .titulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: 3;
  padding: 0 0 40px 0;
}
section#empresas .titulo h2 {
  font-family: var(--light);
  font-size: var(--f5);
  color: var(--cor-branco);
  line-height: 1.5;
  width: 100%;
  max-width: 800px;
}
section#empresas .titulo h2 span {
  font-family: var(--bold);
}
section#empresas .titulo .tag {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 350px;
  padding: 20px 30px 20px 20px;
  border-radius: 10px;
  background: linear-gradient(0deg, #ffffff4a, #ffffff2f);
  background: -webkit-linear-gradient(0deg, #ffffff4a, #ffffff2f);
}
section#empresas .titulo .tag svg {
  width: 70px;
  min-width: 70px;
  fill: var(--cor-branco);
  color: var(--cor-branco);
}
section#empresas .titulo .tag .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 0 20px;
}
section#empresas .titulo .tag .texto h3 {
  font-family: var(--bold);
  font-size: var(--f3);
  color: var(--cor-branco);
}
section#empresas .titulo .tag .texto p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-branco);
  line-height: 1.5;
}
section#empresas svg.divisor {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
section#empresas img.notebook {
  position: absolute;
  width: 100%;
  max-width: 50%;
  aspect-ratio: 16 / 9;
  height: auto;
  left: 30%;
  bottom: 80px;
  z-index: 2;
  animation: notebook 20s ease-in-out infinite;
}
@keyframes notebook {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
section#empresas .quadros {
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 3;
}
section#empresas .quadros .parte {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 30%;
}
section#empresas .quadros .parte .quadro {
  display: flex;
  align-items: flex-start;
  background-color: var(--cor-branco);
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  margin: 0 0 20px 0;
}
section#empresas .quadros .parte .quadro svg {
  width: 30px;
  min-width: 30px;
  margin: 5px 15px 0 0;
}
section#empresas .quadros .parte .quadro .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
section#empresas .quadros .parte .quadro .info h3 {
  font-family: var(--light);
  font-size: var(--f0);
  color: var(--cor-cinza);
  margin: 0 0 5px 0;
}
section#empresas .quadros .parte .quadro .info p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
  line-height: 1.5;
}
section#empresas .titulo .tag p {
  text-align: left;
  margin: 0;
}

@media screen and (max-width: 1140px) {
  section#especialista {
    flex-direction: column;
    padding: 0 30px 0 30px;
  }
  section#especialista .quadro {
    flex-direction: column;
    width: 100%;
    padding: 30px 30px 50px 30px;
  }
  section#especialista .quadro .imagem {
    position: relative;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
  }
  section#especialista .quadro .imagem img.um {
    right: -30px;
    max-width: 250px;
  }
  section#especialista .quadro .imagem img.dois {
    left: -40px;
    max-width: 260px;
  }
  section#especialista .quadro .texto {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 40px 0 0 0;
  }
  section#especialista .quadro .texto h2 {
    font-size: var(--f5);
    max-width: 250px;
  }
  section#especialista .quadro .texto p {
    max-width: 320px;
  }
  section#especialista .quadro .texto a {
    padding: 25px 30px;
    font-size: var(--f1);
  }
  section#especialista .quadro .quadrados {
    display: none;
  }
  section#empresas {
    flex-direction: column;
    padding: 60px 30px 400px 30px;
  }
  section#empresas .titulo {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 30px 0;
  }
  section#empresas .titulo .tag {
    margin: 20px 0 0 0;
    max-width: 100%;
  }
  section#empresas .titulo h2 {
    font-size: var(--f4);
  }
  section#empresas .titulo .tag svg {
    width: 50px;
    min-width: 50px;
  }
  section#empresas .titulo .tag .texto {
    padding: 0 0 0 15px;
  }
  section#empresas .titulo .tag .texto h3 {
    font-size: var(--f2);
  }
  section#empresas .titulo .tag .texto p {
    font-size: var(--f0);
  }
  section#empresas svg.divisor {
    left: 50%;
    transform: translate(-50%, 0);
    width: 150%;
  }
  section#empresas img.notebook {
    width: 100%;
    min-width: 600px;
    max-width: 600px;
    left: 20px;
    bottom: 0;
  }
  section#empresas .quadros {
    flex-direction: column;
  }
  section#empresas .quadros .parte {
    max-width: 100%;
  }
  section#empresas .quadros .parte .quadro {
    margin: 0 0 10px 0;
  }
}

/* Section Ferramenta */
section#ferramenta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 80px 80px 80px;
  position: relative;
  overflow: hidden;
}
section#ferramenta .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}
section#ferramenta .texto .tag {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
section#ferramenta .texto .tag svg {
  width: 30px;
  min-width: 30px;
  background-color: var(--cor-azul);
  border-radius: 50%;
  margin: 0 10px 0 0;
  color: var(--cor-laranja);
  fill: currentColor;
}
section#ferramenta .texto .tag h4 {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
}
section#ferramenta .texto h2 {
  font-family: var(--bold);
  font-size: var(--f6);
  color: var(--cor-preto);
  width: 100%;
  max-width: 600px;
}
section#ferramenta .texto h2 span {
  color: var(--cor-vermelho);
}
section#ferramenta .texto p {
  font-family: var(--light);
  font-size: var(--f3);
  line-height: 1.5;
  color: var(--cor-preto);
  width: 100%;
  max-width: 650px;
  margin: 20px 0 30px 0;
}
section#ferramenta .texto a {
  font-family: var(--bold);
  font-size: var(--f2);
  color: var(--cor-branco);
  background-color: var(--cor-vermelho);
  padding: 30px 40px;
  border-radius: 50px;
  transition: all 0.3s;
}
section#ferramenta .texto a:hover {
  background-color: var(--cor-verde);
}
section#ferramenta .itens {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  height: 600px;
  max-height: 600px;
  width: 50%;
  max-width: 600px;
  position: relative;
}
section#ferramenta .itens .parte {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  width: 33.33%;
  padding: 0 10px;
}
section#ferramenta .itens .parte.um {
  animation: parteUm 60s ease-in-out infinite;
}
section#ferramenta .itens .parte.dois {
  justify-content: flex-end;
  animation: parteDois 55s ease-in-out infinite;
}
section#ferramenta .itens .parte.tres {
  animation: parteUm 65s ease-in-out infinite;
}
@keyframes parteUm {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0, -1780px); }
  100% { transform: translate(0, 0); }
}
@keyframes parteDois {
  0% { transform: translate(0, -1780px); }
  50% { transform: translate(0, 0); }
  100% { transform: translate(0, -1780px); }
}
section#ferramenta .itens .parte .quadrinho {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--cor-branco-gelo);
  border-radius: 10px;
  width: 100%;
  height: 200px;
  margin: 0 0 20px 0;
}
section#ferramenta .itens .parte .quadrinho svg {
  width: 30px;
  min-width: 30px;
  fill: var(--cor-vermelho);
  color: var(--cor-vermelho);
}
section#ferramenta .itens .parte .quadrinho h3 {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
  margin: 10px 0 5px 0;
}
section#ferramenta .itens .parte .quadrinho h4 {
  font-family: var(--bold);
  font-size: var(--f0);
  color: var(--cor-preto);
}
section#ferramenta .itens .sombra {
  position: absolute;
  width: 100%;
  height: 100px;
  z-index: 2;
}
section#ferramenta .itens .sombra.um {
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #ffffff00, #fff);
  background: -webkit-linear-gradient(90deg, #ffffff00, #fff);
}
section#ferramenta .itens .sombra.dois {
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #fff, #ffffff00);
  background: -webkit-linear-gradient(90deg, #fff, #ffffff00);
}

@media screen and (max-width: 1140px) {
  section#ferramenta {
    flex-direction: column;
    padding: 20px 30px 80px 30px;
  }
  section#ferramenta .texto {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 0 0 40px 0;
  }
  section#ferramenta .texto h2 {
    max-width: 450px;
    font-size: var(--f5);
  }
  section#ferramenta .texto p {
    max-width: 350px;
    margin: 15px 0 20px 0;
  }
  section#ferramenta .texto a {
    padding: 25px 35px;
  }
  section#ferramenta .itens {
    height: 450px;
    max-height: 450px;
    width: 100%;
    max-width: 500px;
  }
  section#ferramenta .itens .parte {
    padding: 0 5px;
  }
  @keyframes parteUm {
    0% { transform: translate(0, 0); }
    50% { transform: translate(0, -1000px); }
    100% { transform: translate(0, 0); }
  }
  @keyframes parteDois {
    0% { transform: translate(0, -1000px); }
    50% { transform: translate(0, 0); }
    100% { transform: translate(0, -1000px); }
  }
  section#ferramenta .itens .parte .quadrinho {
    height: 130px;
    margin: 0 0 10px 0;
  }
  section#ferramenta .itens .parte .quadrinho h4 {
    font-size: clamp(0.6rem, 1vw, 0.8rem);
  }
}

/* Section Diferenciais */
section#diferenciais {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 80px 80px 80px 80px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(-90deg, var(--degrade));
  background: -webkit-linear-gradient(-90deg, var(--degrade));
}
section#diferenciais .itens {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 55%;
  padding: 0 0 0 50px;
  z-index: 2;
}
section#diferenciais .itens .item {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px 0;
}
section#diferenciais .itens .item .capa {
  width: 140px;
  min-width: 140px;
  height: 140px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
}
section#diferenciais .itens .item .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 0 20px;
}
section#diferenciais .itens .item .texto h3 {
  font-family: var(--bold);
  font-size: var(--f2);
  color: var(--cor-preto);
  line-height: 1.5;
}
section#diferenciais .itens .item .texto h3 span {
  color: var(--cor-vermelho);
}
section#diferenciais .itens .item .texto p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
  line-height: 1.5;
  text-align: left;
  margin: 0;
}
section#diferenciais .imagem {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 45%;
}
section#diferenciais .imagem img.tag {
  position: absolute;
  z-index: 4;
}
section#diferenciais .imagem img.tag.um {
  top: 0;
  right: 10%;
  animation: tagUm 15s ease-in-out infinite;
}
section#diferenciais .imagem img.tag.dois {
  top: 100px;
  left: -5%;
  animation: tagDois 10s ease-in-out infinite;
}
section#diferenciais .imagem img.tag.tres {
  bottom: 0;
  right: 0;
  animation: tagTres 5s ease-in-out infinite;
}
section#diferenciais .imagem .forma {
  width: 35%;
  height: 30dvh;
  border-radius: 10px;
  position: absolute;
  background-color: var(--cor-vermelho);
  z-index: 2;
  transition: all 0.3s;
}
section#diferenciais .imagem .forma.um {
  top: 0dvh;
  right: 10%;
  animation: forma 10s ease-in-out infinite;
}
section#diferenciais .imagem .forma.dois {
  bottom: 0dvh;
  left: 10%;
  animation: forma 12s ease-in-out infinite;
}
section#diferenciais .imagem img.celular {
  z-index: 3;
  width: 100%;
  max-width: 200px;
}
section#diferenciais .quadrados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  left: 10%;
  z-index: 1;
}
section#diferenciais .quadrados div {
  width: 250px;
  height: calc(33.33% - 20px);
  background: linear-gradient(40deg, var(--degrade));
  background: -webkit-linear-gradient(40deg, var(--degrade));
}

/* Section Depoimentos */
section#depoimentos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: 2px solid var(--cor-cinza);
  padding: 80px 80px 0 80px;
}
section#depoimentos .titulo h2 {
  font-family: var(--light);
  font-size: var(--f5);
  color: var(--cor-preto);
  text-align: center;
}
section#depoimentos .titulo h2 span {
  color: var(--cor-azul);
}
section#depoimentos .itens {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 80px 0 0 0;
}
section#depoimentos .itens .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(-90deg, var(--cor-vermelho) 19%, var(--cor-branco-gelo) 20%, var(--cor-branco) 100%);
  background: -webkit-linear-gradient(-90deg, var(--cor-vermelho) 19%, var(--cor-branco-gelo) 20%, var(--cor-branco) 100%);
  border-radius: 10px;
  width: calc(33.33% - 10px);
  position: relative;
}
section#depoimentos .itens .item .video {
  width: 100%;
  max-width: 200px;
  position: absolute;
  top: -40px;
}
section#depoimentos .itens .item .video .tamanho {
  position: relative;
  padding-bottom: 156.52%;
}
section#depoimentos .itens .item .video .tamanho iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: var(--cor-preto);
  border-radius: 10px;
}
section#depoimentos .itens .item .texto {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 300px 50px 50px 50px;
}
section#depoimentos .itens .item .texto h2 {
  font-family: var(--bold);
  font-size: var(--f3);
  color: var(--cor-preto);
}
section#depoimentos .itens .item .texto p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
  line-height: 1.5;
  margin: 20px 0 0 0;
}
section#depoimentos .itens .item .texto p span {
  font-family: var(--bold);
}
section#depoimentos .itens .item .texto .nome {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--cor-branco-gelo);
  padding: 20px 30px;
  border-radius: 50px;
  width: 100%;
  max-width: 350px;
  margin: 20px 0 0 0;
}
section#depoimentos .itens .item .texto .nome svg {
  width: 30px;
  min-width: 30px;
  fill: var(--cor-cinza);
  color: var(--cor-cinza);
  margin: 0 15px 0 0;
}
section#depoimentos .itens .item .texto .nome h4 {
  font-family: var(--light);
  font-size: var(--f0);
  color: var(--cor-preto);
  line-height: 1.5;
  text-align: left;
}

/* Section Comprar */
section#comprar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: var(--cor-vermelho);
  padding: 150px 80px 100px 80px;
}
section#comprar .quadrado {
  position: absolute;
  background-color: var(--cor-vermelho);
  box-shadow: -10px 20px 50px 0 #00000020;
  transform: rotate(40deg);
  pointer-events: none;
}
section#comprar .quadrado.um {
  width: 200px;
  height: 200px;
  top: 20%;
  right: 10%;
  animation: quadrado 5s ease-in-out infinite;
  z-index: 1;
}
section#comprar .quadrado.dois {
  width: 100px;
  height: 100px;
  top: 40%;
  right: 25%;
  animation: quadrado 6s ease-in-out infinite;
  z-index: 1;
}
section#comprar .quadrado.tres {
  width: 150px;
  height: 150px;
  right: 25%;
  bottom: 20%;
  animation: quadrado 10s ease-in-out infinite;
  z-index: 3;
}
section#comprar .quadrado.quatro {
  width: 200px;
  height: 200px;
  top: 40%;
  left: 10%;
  animation: quadrado 5s ease-in-out infinite;
  z-index: 1;
}
section#comprar .quadrado.cinco {
  width: 100px;
  height: 100px;
  top: 25%;
  left: 25%;
  animation: quadrado 6s ease-in-out infinite;
  z-index: 1;
}
section#comprar .quadrado.seis {
  width: 150px;
  height: 150px;
  left: 25%;
  bottom: 13%;
  animation: quadrado 10s ease-in-out infinite;
  z-index: 3;
}
section#comprar .conteudo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  z-index: 3;
}
section#comprar .conteudo img {
  width: 100%;
  max-width: 400px;
  margin: 0 0 0 50px;
}
section#comprar .conteudo h2 {
  font-family: var(--light);
  font-size: var(--f5);
  color: var(--cor-branco);
  text-align: center;
  line-height: 1.5;
  width: 100%;
  max-width: 500px;
  margin: 0 0 30px 0;
}
section#comprar .conteudo h2 span {
  font-family: var(--bold);
}
section#comprar .conteudo .quadro {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(0deg, #ffffff4a, #ffffff2f);
  background: -webkit-linear-gradient(0deg, #ffffff4a, #ffffff2f);
  margin: 0 0 20px 0;
}
section#comprar .conteudo .quadro .icone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 10px;
  background: linear-gradient(0deg, #ffffff4a, #ffffff2f);
  background: -webkit-linear-gradient(0deg, #ffffff4a, #ffffff2f);
}
section#comprar .conteudo .quadro .icone svg {
  width: 50px;
  min-width: 50px;
  fill: var(--cor-branco);
  color: var(--cor-branco);
}
section#comprar .conteudo .quadro .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px 0 30px;
}
section#comprar .conteudo .quadro .texto h3 {
  font-family: var(--bold);
  font-size: var(--f3);
  color: var(--cor-branco);
  margin: 0 0 5px 0;
}
section#comprar .conteudo .quadro .texto p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-branco);
  line-height: 1.5;
  margin: 0;
  text-align: left;
}
section#comprar .conteudo a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: var(--cor-branco);
  border: 2px solid var(--cor-branco);
  border-radius: 10px;
  width: 100%;
  padding: 35px;
  transition: all 0.3s;
}
section#comprar .conteudo a:hover {
  background-color: var(--cor-vermelho);
}
section#comprar .conteudo a:hover h3,
section#comprar .conteudo a:hover p {
  color: var(--cor-branco);
}
section#comprar .conteudo a h3 {
  font-family: var(--bold);
  font-size: var(--f3);
  color: var(--cor-preto);
  transition: all 0.3s;
}
section#comprar .conteudo a p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
  line-height: 1.5;
  transition: all 0.3s;
}
section#comprar svg.divisor {
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  z-index: 5;
  color: var(--cor-branco);
}

/* Section Local */
section#local {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 80px 80px 80px 80px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, var(--degrade));
  background: -webkit-linear-gradient(90deg, var(--degrade));
}
section#local .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}
section#local .texto h2 {
  font-family: var(--bold);
  font-size: var(--f6);
  color: var(--cor-preto);
  width: 100%;
  max-width: 550px;
}
section#local .texto h2 span {
  color: var(--cor-vermelho);
}
section#local .texto p {
  font-family: var(--light);
  font-size: var(--f3);
  line-height: 1.5;
  color: var(--cor-preto);
  width: 100%;
  max-width: 550px;
  margin: 20px 0 30px 0;
}
section#local .texto a {
  font-family: var(--bold);
  font-size: var(--f2);
  color: var(--cor-branco);
  background-color: var(--cor-verde);
  padding: 30px 40px;
  border-radius: 50px;
  transition: all 0.3s;
}
section#local .texto a:hover {
  background-color: var(--cor-verde-2);
}
section#local .texto img {
  width: 100%;
  max-width: 200px;
  margin: 30px 0 10px 0;
}
section#local .texto h4 {
  font-family: var(--light);
  font-size: var(--f0);
  color: var(--cor-preto);
}
section#local .cera {
  display: flex;
  align-items: center;
}
section#local .cera img.logo {
  width: 100px;
  min-width: 100px;
  margin: 5px 15px 0 0;
}
section#local .cera .logo-local {
  background-color: var(--cor-vermelho);
  border-radius: 999px;
  padding: 8px 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
section#local .cera .logo-local svg {
  fill: var(--cor-branco);
  color: var(--cor-branco);
  width: 15px;
  min-width: 15px;
}
section#local .cera .logo-local p {
  color: var(--cor-branco);
  font-family: var(--bold);
  margin: 0 !important;
  font-size: var(--f2);
}
section#local .imagem {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
}
section#local .imagem img.tag {
  position: absolute;
  z-index: 4;
}
section#local .imagem img.tag.um {
  top: 100px;
  left: 0;
  animation: tagUm 15s ease-in-out infinite;
}
section#local .imagem img.tag.dois {
  bottom: 100px;
  right: 0;
  animation: tagDois 10s ease-in-out infinite;
}
section#local .imagem .forma {
  width: 35%;
  height: 20dvh;
  border-radius: 10px;
  position: absolute;
  background-color: var(--cor-vermelho);
  z-index: 2;
  transition: all 0.3s;
}
section#local .imagem .forma.um {
  top: 10dvh;
  right: 10%;
  animation: forma 10s ease-in-out infinite;
}
section#local .imagem .forma.dois {
  bottom: 5dvh;
  left: 10%;
  animation: forma 12s ease-in-out infinite;
}
section#local .imagem img.celular {
  z-index: 3;
}
section#local .quadrados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  right: 30%;
  z-index: 1;
}
section#local .quadrados div {
  width: 250px;
  height: calc(33.33% - 20px);
  background: linear-gradient(-90deg, var(--degrade));
  background: -webkit-linear-gradient(-90deg, var(--degrade));
}

/* Section Sobre */
section#sobre {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: var(--cor-vermelho);
  padding: 220px 80px 30px 80px;
}
section#sobre .quadros {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
}
section#sobre .quadros .quadro {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
  background: linear-gradient(0deg, #ffffff4a, #ffffff2f);
  background: -webkit-linear-gradient(0deg, #ffffff4a, #ffffff2f);
  margin: 0 0 20px 0;
}
section#sobre .quadros .quadro .destaque {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 150px;
  min-width: 150px;
  height: 150px;
  border-radius: 10px;
  background: linear-gradient(0deg, #ffffff4a, #ffffff2f);
  background: -webkit-linear-gradient(0deg, #ffffff4a, #ffffff2f);
}
section#sobre .quadros .quadro .destaque h3 {
  font-family: var(--bold);
  font-size: var(--f4);
  color: var(--cor-branco);
}
section#sobre .quadros .quadro p {
  font-family: var(--light);
  font-size: var(--f3);
  color: var(--cor-branco);
  line-height: 1.5;
  padding: 30px;
}
section#sobre .quadros .quadro p span {
  font-family: var(--bold);
}
section#sobre .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 0 50px 0 0;
  z-index: 2;
}
section#sobre .texto h2 {
  font-family: var(--bold);
  font-size: var(--f5);
  color: var(--cor-branco);
  margin: 0 0 10px 0;
}
section#sobre .texto p {
  font-family: var(--light);
  font-size: var(--f3);
  color: var(--cor-branco);
  line-height: 1.5;
  width: 100%;
  max-width: 570px;
  text-align: left;
}
section#sobre .texto .linha {
  width: 50%;
  height: 2px;
  background-color: var(--cor-branco);
  border-radius: 50px;
  opacity: 0.4;
  margin: 30px 0 0 0;
}
section#sobre .texto .nome {
  display: flex;
  align-items: center;
  margin: 30px 0 0 0;
}
section#sobre .texto .nome svg {
  width: 20px;
  min-width: 20px;
  fill: var(--cor-branco);
  color: var(--cor-branco);
  margin: 0 10px 10px 0;
}
section#sobre .texto .nome h3 {
  font-family: var(--bold);
  font-size: var(--f3);
  color: var(--cor-branco);
  margin: 0 0 10px 0;
}
section#sobre .quadrado {
  position: absolute;
  background-color: var(--cor-vermelho);
  box-shadow: -10px 20px 50px 0 #00000020;
  transform: rotate(40deg);
  pointer-events: none;
  z-index: 1;
}
section#sobre .quadrado.um {
  width: 200px;
  height: 200px;
  top: 20%;
  left: 10%;
  animation: quadrado 5s ease-in-out infinite;
}
section#sobre .quadrado.dois {
  width: 100px;
  height: 100px;
  top: 60%;
  left: 25%;
  animation: quadrado 6s ease-in-out infinite;
}
section#sobre .quadrado.tres {
  width: 150px;
  height: 150px;
  right: 25%;
  bottom: 20%;
  animation: quadrado 10s ease-in-out infinite;
}
section#sobre .quadrado.quatro {
  width: 150px;
  height: 150px;
  right: 5%;
  bottom: 5%;
  animation: quadrado 10s ease-in-out infinite;
}
section#sobre svg.divisor {
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  z-index: 5;
  color: #edf0fa;
}

/* Section ComprarDois */
section#comprar-alt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, var(--degrade));
  background: -webkit-linear-gradient(90deg, var(--degrade));
  padding: 200px 80px 100px 80px;
}
section#comprar-alt .quadrado {
  position: absolute;
  background: linear-gradient(60deg, var(--degrade));
  background: -webkit-linear-gradient(60deg, var(--degrade));
  transform: rotate(40deg);
  pointer-events: none;
}
section#comprar-alt .quadrado.um {
  width: 200px;
  height: 200px;
  top: 20%;
  right: 10%;
  animation: quadrado 5s ease-in-out infinite;
  z-index: 1;
}
section#comprar-alt .quadrado.dois {
  width: 100px;
  height: 100px;
  top: 40%;
  right: 25%;
  animation: quadrado 6s ease-in-out infinite;
  z-index: 1;
}
section#comprar-alt .quadrado.tres {
  width: 150px;
  height: 150px;
  right: 25%;
  bottom: 20%;
  animation: quadrado 10s ease-in-out infinite;
  z-index: 3;
}
section#comprar-alt .quadrado.quatro {
  width: 200px;
  height: 200px;
  top: 40%;
  left: 10%;
  animation: quadrado 5s ease-in-out infinite;
  z-index: 1;
}
section#comprar-alt .quadrado.cinco {
  width: 100px;
  height: 100px;
  top: 25%;
  left: 25%;
  animation: quadrado 6s ease-in-out infinite;
  z-index: 1;
}
section#comprar-alt .quadrado.seis {
  width: 150px;
  height: 150px;
  left: 25%;
  bottom: 13%;
  animation: quadrado 10s ease-in-out infinite;
  z-index: 3;
}
section#comprar-alt .conteudo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  z-index: 3;
}
section#comprar-alt .conteudo svg.logo {
  width: 200px;
  max-width: 200px;
  fill: var(--cor-vermelho);
  color: var(--cor-vermelho);
}
section#comprar-alt .conteudo h2 {
  font-family: var(--light);
  font-size: var(--f4);
  color: var(--cor-preto);
  text-align: center;
  line-height: 1.5;
  width: 100%;
  max-width: 500px;
  margin: 20px 0 30px 0;
}
section#comprar-alt .conteudo h2 span {
  font-family: var(--bold);
}
section#comprar-alt .conteudo .quadro {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  background-color: var(--cor-branco);
  box-shadow: var(--sombra);
  margin: 0 0 20px 0;
}
section#comprar-alt .conteudo .quadro .icone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 10px;
  border: 2px solid var(--cor-cinza);
}
section#comprar-alt .conteudo .quadro .icone svg {
  width: 50px;
  min-width: 50px;
  fill: var(--cor-vermelho);
  color: var(--cor-vermelho);
}
section#comprar-alt .conteudo .quadro .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px 0 30px;
}
section#comprar-alt .conteudo .quadro .texto h3 {
  font-family: var(--bold);
  font-size: var(--f3);
  color: var(--cor-preto);
  margin: 0 0 5px 0;
}
section#comprar-alt .conteudo .quadro .texto p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
  line-height: 1.5;
  margin: 0;
  text-align: left;
}
section#comprar-alt .conteudo a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: var(--cor-verde);
  border-radius: 10px;
  width: 100%;
  padding: 35px;
  transition: all 0.3s;
}
section#comprar-alt .conteudo a:hover {
  background-color: var(--cor-verde-2);
}
section#comprar-alt .conteudo a h3 {
  font-family: var(--bold);
  font-size: var(--f3);
  color: var(--cor-branco);
}
section#comprar-alt .conteudo a p {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-branco);
  line-height: 1.5;
}
section#comprar-alt svg.divisor {
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  z-index: 5;
}

/* Section Duvidas */
section#duvidas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 80px 80px 80px 80px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, var(--degrade));
  background: -webkit-linear-gradient(90deg, var(--degrade));
}
section#duvidas .texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 600px;
  z-index: 2;
}
section#duvidas .texto .tag {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
section#duvidas .texto .tag svg {
  width: 30px;
  min-width: 30px;
  background-color: var(--cor-verde);
  border-radius: 50%;
  margin: 0 10px 0 0;
  color: var(--cor-laranja);
  fill: currentColor;
}
section#duvidas .texto .tag h4 {
  font-family: var(--light);
  font-size: var(--f2);
  color: var(--cor-preto);
}
section#duvidas .texto h2 {
  font-family: var(--bold);
  font-size: var(--f6);
  color: var(--cor-preto);
  width: 100%;
  max-width: 500px;
  margin: 0 0 20px 0;
}
section#duvidas .texto h2 span {
  color: var(--cor-vermelho);
}
section#duvidas .texto h3 {
  text-align: left;
  font-family: var(--bold);
  font-size: var(--f3);
  line-height: 1.5;
  color: var(--cor-preto);
}
section#duvidas .texto p {
  text-align: left;
  font-family: var(--light);
  font-size: var(--f3);
  line-height: 1.5;
  color: var(--cor-preto);
  margin: 5px 0 20px 0;
}
section#duvidas .texto a {
  color: var(--cor-azul);
  text-decoration: underline;
}
section#duvidas .texto .duvida {
  margin: 0 0 20px 0;
}
section#duvidas .texto .duvida a {
  background-color: transparent;
  padding: unset;
}
section#duvidas .imagem {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
}
section#duvidas .imagem img.tag {
  position: absolute;
  z-index: 4;
}
section#duvidas .imagem img.tag.um {
  top: 100px;
  left: 0;
  animation: tagUm 15s ease-in-out infinite;
}
section#duvidas .imagem img.tag.dois {
  bottom: 150px;
  right: 20%;
  animation: tagDois 10s ease-in-out infinite;
}
section#duvidas .imagem img.tag.tres {
  bottom: 50px;
  right: 10%;
  animation: tagTres 5s ease-in-out infinite;
}
section#duvidas .imagem .forma {
  width: 35%;
  height: 20dvh;
  border-radius: 10px;
  position: absolute;
  background-color: var(--cor-vermelho);
  z-index: 2;
  transition: all 0.3s;
}
section#duvidas .imagem .forma.um {
  top: 10dvh;
  right: 10%;
  animation: forma 10s ease-in-out infinite;
}
section#duvidas .imagem .forma.dois {
  bottom: 5dvh;
  left: 10%;
  animation: forma 12s ease-in-out infinite;
}
section#duvidas .imagem img.celular {
  z-index: 3;
}
section#duvidas .quadrados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  right: 30%;
  z-index: 1;
}
section#duvidas .quadrados div {
  width: 250px;
  height: calc(33.33% - 20px);
  background: linear-gradient(90deg, var(--degrade));
  background: -webkit-linear-gradient(90deg, var(--degrade));
}

/* Section EspecialistaDois */
section#especialista-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 80px 0 80px;
  background: linear-gradient(-90deg, var(--cor-branco-gelo) 49%, var(--cor-branco) 50%);
  background: -webkit-linear-gradient(-90deg, var(--cor-branco-gelo)49%, var(--cor-branco) 50%);
}
section#especialista-alt .quadro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 50px;
  border-radius: 10px;
  background-color: var(--cor-branco);
  border: 2px solid var(--cor-branco-gelo);
  position: relative;
  overflow: hidden;
}
section#especialista-alt .quadro .imagem {
  position: relative;
  width: 40%;
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  z-index: 2;
}
section#especialista-alt .quadro .imagem img {
  position: absolute;
}
section#especialista-alt .quadro .imagem img.um {
  top: -40px;
  right: -40px;
  animation: img 10s ease-in-out infinite;
}
section#especialista-alt .quadro .imagem img.dois {
  bottom: 10px;
  left: -50px;
  animation: img 5s ease-in-out infinite;
}
section#especialista-alt .quadro .texto {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding: 0 0 0 70px;
  z-index: 2;
}
section#especialista-alt .quadro .texto h2 {
  font-family: var(--bold);
  font-size: var(--f6);
  color: var(--cor-preto);
  width: 100%;
  max-width: 370px;
}
section#especialista-alt .quadro .texto h2 span {
  color: var(--cor-verde);
}
section#especialista-alt .quadro .texto p {
  font-family: var(--light);
  font-size: var(--f2);
  line-height: 1.5;
  color: var(--cor-preto);
  width: 100%;
  max-width: 550px;
  margin: 10px 0 20px 0;
}
section#especialista-alt .quadro .texto a {
  font-family: var(--bold);
  font-size: var(--f2);
  color: var(--cor-branco);
  background-color: var(--cor-verde);
  padding: 30px 40px;
  border-radius: 50px;
  transition: all 0.3s;
}
section#especialista-alt .quadro .texto a:hover {
  background-color: var(--cor-verde-2);
}
section#especialista-alt .quadro .quadrados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  right: 10%;
  z-index: 1;
}
section#especialista-alt .quadro .quadrados div {
  width: 150px;
  height: calc(33.33% - 20px);
  background: linear-gradient(60deg, var(--degrade));
  background: -webkit-linear-gradient(60deg, var(--degrade));
}

/* Section Info e Unica - display none */
section#info {
  display: none;
}
section#unica {
  display: none;
}

@media screen and (max-width: 1140px) {
  section#diferenciais {
    flex-direction: column-reverse;
    padding: 50px 30px 80px 30px;
  }
  section#diferenciais .itens {
    width: 100%;
    padding: 0 0 30px 0;
  }
  section#diferenciais .itens .item {
    align-items: flex-start;
    margin: 0 0 30px 0;
  }
  section#diferenciais .itens .item .capa {
    width: 90px;
    min-width: 90px;
    height: 90px;
  }
  section#diferenciais .itens .item .texto {
    padding: 0 0 0 15px;
  }
  section#diferenciais .imagem {
    width: 100%;
  }
  section#diferenciais .imagem img.celular {
    max-width: 230px;
  }
  section#depoimentos {
    padding: 60px 30px 0 30px;
  }
  section#depoimentos .itens {
    flex-direction: column;
  }
  section#depoimentos .itens .item {
    width: 100%;
    margin: 0 0 60px 0;
  }
  section#comprar {
    padding: 90px 30px 70px 30px;
  }
  section#comprar .conteudo img {
    max-width: 300px;
  }
  section#comprar .conteudo h2 {
    font-size: var(--f4);
  }
  section#local {
    flex-direction: column;
    padding: 60px 30px 80px 30px;
  }
  section#local .texto {
    width: 100%;
    padding: 0 0 40px 0;
  }
  section#local .imagem {
    width: 100%;
  }
  section#sobre {
    flex-direction: column;
    padding: 100px 30px 30px 30px;
  }
  section#sobre .texto {
    width: 100%;
    padding: 0 0 30px 0;
  }
  section#comprar-alt {
    padding: 110px 30px 70px 30px;
  }
  section#duvidas {
    flex-direction: column;
    padding: 60px 30px 80px 30px;
  }
  section#duvidas .texto {
    width: 100%;
    padding: 0 0 40px 0;
  }
  section#duvidas .imagem {
    width: 100%;
  }
  section#especialista-alt {
    flex-direction: column;
    padding: 0 30px 0 30px;
  }
  section#especialista-alt .quadro {
    flex-direction: column;
  }
  section#especialista-alt .quadro .texto {
    width: 100%;
    padding: 40px 0 0 0;
  }
  section#diferenciais .itens .item .texto {
    padding: 0 0 0 15px;
  }
  section#diferenciais .itens .item .texto h3 {
    margin: 0 0 5px 0;
  }
  section#diferenciais .imagem img.tag.um {
    top: 100px;
    left: 0;
    max-width: 250px;
  }
  section#diferenciais .imagem img.tag.dois {
    top: 200px;
    left: -5%;
    max-width: 240px;
  }
  section#diferenciais .imagem img.tag.tres {
    bottom: 50px;
    right: 0;
    max-width: 260px;
  }
  section#diferenciais .imagem .forma {
    width: 30%;
    height: 20dvh;
  }
  section#diferenciais .imagem .forma.um {
    right: 3%;
    top: 20px;
  }
  section#diferenciais .imagem .forma.dois {
    left: 3%;
    bottom: 30px;
  }
  section#depoimentos .titulo h2 {
    font-size: var(--f5);
    line-height: 1.3;
    max-width: 300px;
  }
  section#depoimentos .itens .item {
    background: linear-gradient(-90deg, var(--cor-vermelho) 15%, var(--cor-branco-gelo) 16%, var(--cor-branco) 100%);
    background: -webkit-linear-gradient(-90deg, var(--cor-vermelho) 15%, var(--cor-branco-gelo) 16%, var(--cor-branco) 100%);
  }
  section#depoimentos .itens .item .video {
    max-width: 180px;
    top: -30px;
  }
  section#depoimentos .itens .item .texto {
    padding: 290px 30px 40px 30px;
  }
  section#depoimentos .itens .item .texto .nome {
    padding: 15px 25px;
    max-width: 400px;
  }
  section#depoimentos .itens .item .texto .nome h4 {
    font-size: var(--f2);
  }
  section#comprar .conteudo .quadro .texto {
    padding: 0 15px 0 15px;
  }
  section#comprar .conteudo .quadro .texto h3 {
    font-size: var(--f2);
  }
  section#comprar .conteudo .quadro .texto p {
    font-size: var(--f0);
  }
  section#comprar .conteudo a h3 {
    font-size: var(--f2);
  }
  section#comprar .conteudo a p {
    font-size: var(--f0);
  }
  section#local .texto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section#local .texto h2 {
    font-size: var(--f5);
    max-width: 360px;
    padding-top: 24px;
  }
  section#local .texto p {
    max-width: 400px;
  }
  section#local .texto a {
    padding: 25px 35px;
  }
  section#local .texto img {
    max-width: 160px;
  }
  section#local .imagem img.tag.um {
    top: 50px;
    left: -5%;
    max-width: 270px;
  }
  section#local .imagem img.tag.dois {
    bottom: 0;
    right: -5%;
    max-width: 270px;
  }
  section#local .imagem .forma {
    width: 30%;
    height: 20dvh;
  }
  section#local .imagem .forma.um {
    right: 3%;
  }
  section#local .imagem .forma.dois {
    left: 3%;
  }
  section#local .imagem img.celular {
    max-width: 250px;
  }
  section#local .quadrados {
    height: 50%;
    right: auto;
    left: 50px;
    bottom: 0;
  }
  section#local .quadrados div {
    width: 200px;
  }
  section#sobre .quadros .quadro .destaque {
    width: 120px;
    min-width: 120px;
    height: 120px;
  }
  section#sobre .quadros .quadro .destaque h3 {
    font-size: var(--f3);
  }
  section#sobre .quadros .quadro p {
    padding: 20px;
    font-size: var(--f2);
  }
  section#sobre .texto .linha {
    width: 70%;
    margin: 40px 0 0 0;
  }
  section#sobre .texto .nome {
    margin: 40px 0 0 0;
  }
  section#sobre .texto .nome h3 {
    font-size: var(--f3);
  }
  section#sobre svg.divisor {
    left: 50%;
    transform: translate(-50%, 0);
    width: 150%;
    color: #edf0fa;
  }
  section#comprar-alt .conteudo svg.logo {
    width: 140px;
  }
  section#comprar-alt .conteudo h2 {
    font-size: var(--f4);
    max-width: 400px;
    margin: 20px 0 20px 0;
  }
  section#comprar-alt .conteudo .quadro .icone {
    width: 80px;
    height: 80px;
  }
  section#comprar-alt .conteudo .quadro .icone svg {
    width: 30px;
    min-width: 30px;
  }
  section#comprar-alt .conteudo .quadro .texto {
    padding: 0 15px 0 15px;
  }
  section#comprar-alt .conteudo .quadro .texto h3 {
    font-size: var(--f2);
  }
  section#comprar-alt .conteudo .quadro .texto p {
    font-size: var(--f0);
  }
  section#comprar-alt .conteudo a {
    padding: 30px 20px;
  }
  section#comprar-alt .conteudo a h3 {
    font-size: var(--f2);
  }
  section#comprar-alt .conteudo a p {
    font-size: var(--f0);
  }
  section#comprar-alt svg.divisor {
    left: 50%;
    transform: translate(-50%, 0);
    width: 150%;
  }
  section#duvidas .texto .tag svg {
    width: 25px;
    min-width: 25px;
    color: var(--cor-laranja);
    fill: currentColor;
  }
  section#duvidas .texto .tag h4 {
    font-size: var(--f0);
  }
  section#duvidas .texto h2 {
    text-align: left;
    font-size: var(--f5);
    max-width: 320px;
  }
  section#duvidas .texto p {
    max-width: 450px;
  }
  section#duvidas .imagem img.tag.um {
    top: 100px;
    left: 0;
    max-width: 270px;
  }
  section#duvidas .imagem img.tag.dois {
    bottom: 120px;
    right: -5%;
    max-width: 250px;
  }
  section#duvidas .imagem img.tag.tres {
    bottom: 50px;
    right: 0;
    max-width: 280px;
  }
  section#duvidas .imagem .forma {
    width: 30%;
    height: 20dvh;
  }
  section#duvidas .imagem .forma.um {
    right: 3%;
  }
  section#duvidas .imagem .forma.dois {
    left: 3%;
  }
  section#duvidas .imagem img.celular {
    max-width: 230px;
  }
  section#duvidas .quadrados {
    height: 50%;
    right: auto;
    left: 50px;
    bottom: 0;
  }
  section#duvidas .quadrados div {
    width: 200px;
  }
  section#especialista-alt .quadro .imagem img.um {
    right: -30px;
    max-width: 250px;
  }
  section#especialista-alt .quadro .imagem img.dois {
    left: -40px;
    max-width: 260px;
  }
  section#especialista-alt .quadro .texto h2 {
    font-size: var(--f5);
    max-width: 250px;
  }
  section#especialista-alt .quadro .texto p {
    max-width: 320px;
  }
  section#especialista-alt .quadro .texto a {
    padding: 25px 30px;
    font-size: var(--f1);
  }
  section#especialista-alt .quadro .quadrados {
    display: none;
  }
}