:root {
  --laranja-raposa: #ff0002;
  --laranja-brilho: linear-gradient(
    to right, 
    #ff0002 0%, 
    #ef1d20 8%, 
    #e23437 17%, 
    #d94548 27%, 
    #d44e52 37%, 
    #d35256 50%, 
    #d33e52 63%, 
    #d94548 73%, 
    #e23437 83%, 
    #ef1d20 92%, 
    #ff0002 100%
  );
  --cinza-claro: #c3c3c3;
  --cinza-chumbo: #313131;
  --quase-branco: #ffe7e0;
  --quase-preto: #0c0c0c;
  --cinza-chumbo-transparente: rgba(49, 49, 49, 0.3);
  --cinza-claro-transparente: rgba(195, 195, 195, 0.3);
}

@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-Variable.ttf');
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('/fonts/satoshi/Satoshi-VariableItalic.ttf');
}
@font-face {
  font-family: 'Chillax';
  src: url('/fonts/chillax/Chillax-Variable.ttf');
}
@font-face {
  font-family: 'Clash-Display';
  src: url('/fonts/clash-display/ClashDisplay-Variable.ttf');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  background-color: #000;
  overflow-x: hidden;
  user-select: none;
}

a {
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 6px;
  background: var(--quase-branco);
  border-radius: 10px;
  transition: all .3s;
}
::-webkit-scrollbar-thumb {
  background: var(--laranja-raposa);
  border-radius: 10px;
  transition: 0.3s;
}

ul {
  list-style-type: none;
}

.container {
  background-image: url("/images/fundo.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.title {
  width: 0;
  opacity: 0;
  /* white-space: pre-wrap; */
}

/* Menu */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 8rem 1rem 8rem;
  width: 85%;
  margin: auto;
}
.menu-mobile {
  display: none;
}

.menu {
  background-color: var(--cinza-chumbo-transparente);
  padding: 1.5rem 2rem;
  backdrop-filter: blur(2rem);
  -webkit-backdrop-filter: blur(2rem);
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
}

.menu::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url('/images/fundo-borrado.svg');
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .3;
}

.menu-lista {
  display: flex;
  list-style-type: none;
  gap: 2rem;
}

.menu-lista-item a {
  color: var(--quase-branco);
  font-family: 'Satoshi';
  font-size:1.2rem;
  transition: all .3s ease-in-out;
  font-size: 1.5rem;
  
}

.menu-lista-item a:hover {
  color: var(--laranja-raposa);
  font-family: 'Satoshi';
}

.link-ebook-menu {
  transform: scale(1);
  transition: all .3s ease-in-out;
}

.link-ebook-menu:hover {
  transform: scale(1.1);
}

.link-ebook-menu a{
  padding: .5rem .8rem;
  background-color: var(--laranja-raposa);
  color: var(--quase-branco);
  border-radius: .5rem;
  transition: all .3s;
}

.link-ebook-menu a:hover {
  color: var(--quase-branco);
}

.social-link {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.social-link a {
  transition: all .3s ease-in-out;
}

.social-link a:hover {
  filter: 
    drop-shadow(0px 0px 8px var(--laranja-raposa))
    drop-shadow(0px 0px 15px var(--quase-branco));
  mix-blend-mode: difference;
}

/* Banner */
.banner {
  width: 85%;
  margin: auto;
  text-align: center;
  padding-top: 12rem;
  color: var(--quase-branco);
}

.banner h2 {
  font-family: 'Satoshi';
  font-size: 3rem;
  margin-bottom: 1rem;
}

.banner h1 {
  font-family: 'Clash-Display';
  letter-spacing: .3rem;
  font-size: 5rem;
  width: 65%;
  margin: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 0;
}

.banner p {
  font-family: 'Satoshi';
  font-size: 1.7rem;
  width: 55%;
  margin: 2rem auto 4rem auto;
  line-height: 2.5rem;
}

.btn-banner {
  font-family: 'Satoshi';
  padding: 1rem 2rem;
  background-color: var(--laranja-raposa);
  font-size: 2rem;
  width: 25rem;
  margin: auto;
  border-radius:.5rem;
  transform: scale(1);
  transition: all.3s ease-in-out;
}

.btn-banner a {
  color: var(--quase-branco);
  display: block;
  width: 100%;
}

.btn-banner:hover {
  transform: scale(1.1);
}

/* Slide Decorativo */
.slide-decorativo {
  margin-top: 6rem;
  position: relative;
  width: 100%;
}

.fundo-slide {
  width: 100%;
  height: 4rem;
  background-image: url('../images/fundo-borrado.svg');
  position: absolute;
  opacity: .5;
}

.texto-slide {
  width: 100%;
  height: 4rem;
  background-color: var(--laranja-raposa);
  transform: rotate(-2deg);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.texto-slide ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  position: relative;
}

.texto-slide li {
  margin: .8rem 2rem;
  color: var(--quase-preto);
  font-family: 'Clash-Display';
  font-size: 2.8rem;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  pointer-events: none;
  user-select: none;
}

.texto-slide ul .li-mobile {
  display: none;
}

/* Conexão */
.conexao {
  color: var(--quase-branco);
  margin: 15rem auto 4rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85%;
  text-align: center;
}

.conexao h2 {
  font-family: 'Clash-Display';
  font-size: 3.7rem;
  margin-bottom: 1rem;
  width: 100%;
}

.conexao h4 {
  font-family: 'Satoshi';
  font-size: 2rem;
  margin-bottom: 10rem;
  width: 70%;
}

.conexao-items-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.conexao-item {
  max-width: 30rem;
  padding: 5rem 3rem;
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  transform: translateY(5rem);
  transition: all 0.3s ease-in-out;
}

.conexao-item.show {
  opacity: 1;
  transform: translateY(0);
}

.conexao-item::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--cinza-chumbo-transparente);
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .6;
}

.conexao-item::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url('/images/fundo-borrado.svg');
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: .5;
}

.conexao-item img {
  width: 5rem;
  margin-bottom: 2rem;
}

.conexao-item h2 {
  font-family: 'Chillax';
  font-size: 2.6rem;
  font-weight: bold;
}

.conexao-item p {
  font-family: 'Satoshi';
  font-size: 1.4rem;
  font-weight: bold;
}

.conexao-texto {
  margin: 5rem;
  font-family: 'Satoshi';
  font-size: 1.8rem;
  width: 80%;
  line-height: 3rem;
}

/* Decoração Texto */
.decoracao-texto {
  margin: 10rem 0;
  position: relative;
  color: var(--cinza-claro);
  font-family: 'Clash-Display';
  font-size: 4rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.decoracao-texto p {
  text-transform: uppercase;
  position: relative;
  transition: all 1s ease-out;
}

.texto-esquerda {
  transform: translateX(-40%);
  transition: all .5s ease-out;
}

.texto-esquerda.aparece {
  transform: translateX(0);
}

.texto-direita {
  transform: translateX(40%);
}

.texto-direita.aparece {
  transform: translateX(0);
  transition: all .5s ease-out;
}

.esquerda-1,
.direita-1,
.esquerda-2,
.direita-2 {
  display: none;
}

/* Pilares */
.pilares {
  display: flex;
  gap: 6rem;
  justify-content: center;
  align-items: flex-start;
  color: var(--quase-branco);
  margin-top: 15rem;
}

.pilares-items {
  width: 50rem;
  margin-bottom: 5rem;
}

.pilares-item {
  margin-bottom: 3rem;
}

.pilares-item-titulo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.pilares-item-titulo h2 {
  font-family: 'Chillax';
  font-size: 2rem;
  font-weight: bold;
  padding-left: 8px;
}

.pilares-item-titulo img {
  width: 1.5rem;
  cursor: pointer;
}

.ativo {
  position: relative;
  width: 100%;
  padding-bottom: .5rem;
}

.ativo::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: var(--laranja-raposa);
  animation: borda-inferior .5s ease-in-out forwards;  
}

.ativo::before {
  content: '';
  width: 4px;
  height: 0;
  background-color: var(--laranja-raposa);
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  animation: borda-lateral .3s ease-in-out .5s forwards;  
}

@keyframes borda-inferior {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes borda-lateral {
  from {
    height: 0;
  }
  to {
    height: 15px;
  }
}

.posicionamento-item-elementos p {
  font-family: 'Satoshi';
  font-weight: bold;
  font-size: 1.45rem;
}

.pilares-texto {
  width: 40.5rem;
  text-align: right;
  margin-bottom: 2rem;
  opacity: 0;
  transition: opacity .8s ease-in-out;
}

.pilares-texto.aparece {
  opacity: 1;
}

.pilares-texto h2 {
  font-family: 'Clash-Display';
  font-weight: bold;
  font-size: 3.8rem;
  text-transform: uppercase;
}

.texto-destaque {
  color: var(--laranja-raposa);
}

.pilares-texto p {
  font-family: 'Satoshi';
  font-weight: bold;
  font-size: 1.6rem;
}

.desativado {
  display: none;
}

.ativado {
  display: block;
  opacity: 0;
  height: 0;
  margin-bottom: 1rem;
  animation: animaTexto .5s ease-in-out .8s forwards;
}

@keyframes animaTexto{
  from {
    opacity: 0;
    height: 0;
  }
  to {
    opacity: 1;
    height: 3.5rem;
  }
}

/* Baixe o Ebook*/
.baixe-o-ebook {
  margin-top: 10rem;
  margin-bottom: 20rem;
  text-align: center;
}

.baixe-o-ebook p {
  font-family: 'Satoshi';
  color: var(--quase-branco);
  font-size: 2rem;
  margin-bottom: 2rem;
}

/* Depois do Ebook */
.depois-de-ler {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding-bottom: 10rem;
}

.depois-de-ler-titulo {
  color: var(--quase-branco);
  text-align: left;
  margin-left: -42rem;
}

.depois-de-ler-titulo h2 {
  font-family: 'Clash-Display';
  font-size: 3rem;
  font-weight: bold;
  width: 100%;
}

.depois-de-ler-titulo p {
  font-family: 'Satoshi';
  font-weight: bold;
  font-size: 1.5rem;
  width: 50rem;
}

.depois-de-ler .conexao-item {
  text-align: center;
  color: var(--quase-branco);
}

.depois-de-ler .conexao-item h2, .depois-de-ler .conexao-item p {
  margin-bottom: 1rem;
}

.depois-de-ler .btn-banner {
  width: 15rem;
}

/* Informações */
.informacoes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  width: 100%;
  background-image: url('../images/fundo-frase.svg');
  padding: 10rem 10rem 10rem;
  color: var(--quase-branco);
}

.informacoes-regiao {
  opacity: 0;
  transition: opacity .8s ease-in-out;
}

.informacoes-regiao.aparece {
  opacity: 1;
}

.informacoes-regiao h2 {
  font-family: 'Clash-Display';
  font-size: 3.3rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.informacoes-regiao p {
  font-family: 'Satoshi';
  font-size: 1.5rem;
  font-weight: 300;
  margin: 1rem 0 2rem 0;
}

.informacoes-regiao .btn-banner {
  width: 30rem;
  text-align: center;
  margin-left: -1rem;
}

.info-destaque {
  font-family: 'Satoshi';
  font-size: 1.9rem;
  font-weight: bold;
  padding-left: 3rem;
}

.informacoes-pessoais, .informacoes-regiao {
  width: 40rem;
}

.informacoes-pessoais-endereco {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.informacoes-pessoais-endereco img {
  width: 15rem;
}

.informacoes-pessoais-contato {
  padding-top: 1.5rem;
}

.informacoes-pessoais-contato ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  font-family: 'Satoshi';
  font-weight: bold;
  font-size: 1.3rem;
}

.informacoes-pessoais-contato ul li a {
  color: var(--quase-branco);
}

.informacoes-pessoais-contato img {
  width: 1.5rem;
}

.informacoes-pessoais p {
  font-family: 'Satoshi';
  font-size: 1.5rem;
  font-weight: bold;
}

/* Formulário */
.form-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  padding: 10rem;
}

.form-mobile, .info-mobile {
  display: none;
}

.formulario-texto, .formulario-form {
  width: 50rem;
}

.formulario-texto {
  opacity: 0;
  transition: opacity .8s ease-in-out;
}

.formulario-texto.aparece {
  opacity: 1;
}

.formulario-texto h2 {
  font-family: 'Clash-Display';
  font-weight: bold;
  font-size: 3.5rem;
  text-transform: uppercase;
  color: var(--quase-branco);
}

.formulario-texto p {
  font-family: 'Satoshi';
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--quase-branco);
  width: 45rem;
}

.formulario-form {
  padding: 2rem 1rem 2rem 6rem;
  position: relative;
  border-radius: .5rem;
  overflow: hidden;
}

.formulario-form::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--cinza-chumbo-transparente);
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .6;
}

.formulario-form::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url('/images/fundo-borrado.svg');
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: .5;
}

.formulario-form label {
  display: block;
  font-family: 'Clash-Display';
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--cinza-claro);
}

.formulario-form input {
  width: 90%;
  padding: .5rem 1rem;
  border: 1px solid var(--laranja-raposa);
  border-radius: .5rem;
  background-color: var(--cinza-claro-transparente);
  margin-bottom: 1rem;
  color: var(--cinza-claro);
}

.formulario-form input:focus {
  outline: none;
  color: var(--cinza-claro);
}

.form-telefone {
  display: flex;
  align-items: center;
}

.telefone-celular {
  width: 60%;
}

.form-whats label {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.form-lgpd label {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
}

.form-lgpd label p {
  width: 90%;
}

.form-whats input[type="checkbox"], .form-lgpd input[type="checkbox"] {
  display: none;
}

.form-whats span, .form-lgpd span {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  border: 1px solid var(--laranja-raposa);
  border-radius: .5rem;
  background-color: var(--cinza-claro-transparente);
  position: relative;
  cursor: pointer;
  transition: all .3s ease;
}

.form-whats input:checked + label span, .form-lgpd input:checked + label span {
  background-color: var(--laranja-raposa);
}

.form-whats input:checked + label span::after, 
.form-lgpd input:checked + label span::after {
  content: '✔';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.4rem;
  color: var(--quase-branco);
  z-index: 3;
}

.error-message {
  font-family: 'Satoshi';
  color: var(--quase-preto);
  background-color: var(--cinza-claro);
  display: block;
  margin: .5rem 0 1rem 0;
  font-size: 1.3rem;
  padding: .5rem;
  border-radius: .5rem;
  width: 90%;
}

.btn-form {
  display: flex;
  justify-content: flex-end;
  margin-left: 20rem;
}

.btn-form .btn-banner {
  outline: none;
  border: none;
  color: var(--quase-branco);
  cursor: pointer;
  font-size: 1.5rem;
  width: 18rem;
  padding: .5rem;
}

/* Footer */
.footer {
  padding: 2rem 1rem 2rem 6rem;
  position: relative;
  border-radius: .5rem;
  overflow: hidden;
}

.footer::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--cinza-chumbo-transparente);
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .6;
}

.footer::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url('/images/fundo-borrado.svg');
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: .5;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  padding: 5rem 20rem 5rem 5rem;
}

.logo-footer {
  width: 15rem;
  height: 5rem;
}

.footer-social p {
  font-family: 'Clash-Display';
  font-weight: bold;
  font-size: 2.3rem;
  color: var(--quase-branco);
  margin-bottom: 1rem;
  text-shadow: 0 0 5px var(--quase-preto);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  width: 90%;
  border-top: 1px solid var(--quase-branco);
}

.copyright p{
  font-family: 'Satoshi';
  font-weight: 400;
  color: var(--cinza-claro);
  font-size: 1.2rem;
}

.dev {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dev p {
  font-family: 'Satoshi';
  font-weight: 400;
  color: var(--cinza-claro);
  font-size: 1.2rem;
}

.dev a {
  font-family: 'Satoshi';
  font-weight: 400;
  color: var(--cinza-claro);
  font-size: 1.2rem;
  transition: all .3s ease-in-out;
}

.dev a:hover {
  color: var(--laranja-raposa);
}

/* Responsividade */
@media (max-width: 1504px) {
  .decoracao-texto {
    font-size: 3.5rem;
  }
}

@media (max-width: 1320px) {
  .decoracao-texto {
    font-size: 3.3rem;
  }
}

@media (max-width: 1300px) {
  .banner h1 {
    width: 100%;
  }
}

@media (max-width: 1244px) {
  .decoracao-texto {
    font-size: 3.2rem;
  }
}

@media (max-width: 1210px) {
  .decoracao-texto {
    font-size: 3rem;
    width: 95%;
    margin: auto;
  }
}


@media (max-width: 1130px) {
  .conexao-items-container {
    justify-content: center;
  }
}

@media (max-width: 1040px) {
  .formulario-form {
    padding: 2rem 1rem 2rem 2rem;
  }
  .form-telefone {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
  .telefone-celular {
    width: 100%;
  }
  .form-lgpd {
    margin-bottom: 1rem;
  }
}

@media (max-width: 990px){
  html {
    font-size: 60%;
  }
  .header {
    padding: 2rem 1rem;
  }
  .banner {
    padding-top: 8rem;
  }
  .banner h1 {
    font-size: 4.5rem;
  }
  .desktop {
    display: none;
  }
  .esquerda-1,
  .esquerda-2,
  .direita-1,
  .direita-2 {
    display: block;
    margin-bottom: 5rem;
  }
  .esquerda-1,
  .esquerda-2 {
    transform: translateX(-40%);
    opacity: 0;
    width: 50rem;
    text-align: left;
    transition: all 0.5s ease-in;
  }
  .esquerda-1.aparece {
    transition-delay: 0s;
  }
  .esquerda-2.aparece {
    transition-delay: .8s;
  }
  
  .esquerda-1.aparece {
    transform: translateX(0);
    opacity: 1;
  }
  .esquerda-2.aparece {
    transform: translateX(0);
    opacity: 1;
  }
  .direita-1,
  .direita-2 {
    position: relative;
    right:-60%;
    opacity: 0;
    width: 50rem;
    text-align: right;
    transition: all 0.5s ease-in;
  }
  .direita-1.aparece {
    transition-delay: .5s;
  }
  .direita-2.aparece {
    transition-delay: 1s;
  }
  .direita-1.aparece {
    right: -50%;
    opacity: 1;
  }
  .direita-2.aparece {
    right: -50%;
    opacity: 1;
  }
}

@media (max-width: 970px) {
  .direita-1.aparece {
    right: -45%;
  }
  .direita-2.aparece {
    right: -45%;
  }
}

@media (max-width: 950px) {
  .texto-slide ul .li-desktop {
    display: none;
  }
  .texto-slide ul .li-mobile{
    display: inline-block;
  }
  .pilares {
    gap: 3rem;
  }
  .btn-form {
    margin-left: 0;
  }
  .btn-form .btn-banner {
    width: 16rem;
  }
}

@media (max-width: 920px) {
  .container {
    background-image: url('../images/fundo-mobile.svg');
  }
  .banner h2 {
    font-size: 2.5rem;
  }
  .banner h1 {
    font-size: 4rem;
  }
  .conexao h4 {
    font-size: 1.6rem;
  }
  .pilares {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .pilares-items,
  .pilares-texto {
    width: 80%;
  }
  .pilares-texto {
    text-align: center;
  }
  .depois-de-ler-titulo {
    margin-left: -10rem;
  }
  .baixe-o-ebook {
    margin-top: 8rem;
    margin-bottom: 10rem;
  }
  .form-content {
    flex-direction: column;
    align-items: center;
  }
  .form-mobile {
    display: block;
  }
  .form-desktop {
    display: none;
  }
  .formulario-texto, .formulario-form, .formulario-texto p {
    width: 60rem;
  }
  .formulario-form input {
    width: 100%;
  }
  .btn-form .btn-banner {
    width: 20rem;
  }
}

@media (max-width: 900px) {
  .footer-bottom {
    flex-direction: column;
    gap: 2rem;
    align-items: center;
  }
  .dev {
    align-items: flex-start;
    margin-left: -2rem;
  }
}

@media (max-width: 890px) {
  .btn-banner {
    width: 20rem;
  }
  .direita-1.aparece {
    right: -40%;
  }
  .direita-2.aparece {
    right: -40%;
  }
  .depois-de-ler .btn-banner {
    font-size: 1.6rem;
    width: 10rem;
    padding: 1rem 1rem;
  }
  .info-desktop {
    display: none;
  }
  .info-mobile {
    display: block;
  }
  .informacoes {
    flex-direction: column;
  }
  .informacoes-pessoais, .informacoes-regiao {
    width: 90%;
  }
  .mobile-info {
    display: flow-root;
  }
  
  .mobile-info img {
    float: left;
    margin-right: 15px;
    width: 15rem;
  }
  
  .mobile-info p {
    clear: both;
    overflow: hidden;
  }
  .info-mobile .btn-banner {
    width: 50%;
    text-align: center;
    margin-top: 2rem;
  }
  .info-mobile .btn-banner a {
    display: inline-block;
  }
  .info-mobile .informacoes-pessoais-contato {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
} 

@media (max-width: 820px) {
  .header {
    padding: 2rem 0;
  }
  .direita-1.aparece {
    right: -35%;
  }
  .direita-2.aparece {
    right: -35%;
  }
}

@media (max-width: 780px) {
  .banner {
    padding-top: 6rem;
  }
  .conexao {
    margin: 10rem auto 4rem auto;
  }
  .pilares-items {
    margin-bottom: 3rem;
  }
  .baixe-o-ebook {
    margin-top: 6rem;
  }
  .mobile-info p {
    width: 60rem;
  }
}

@media (max-width: 760px) {
  html {
    font-size: 55%;
  }
  .direita-1.aparece {
    right: -35%;
  }
  .direita-2.aparece {
    right: -35%;
  }
}

@media (max-width: 720px) {
  .menu-desktop {
    display: none;
  }
  .menu-mobile {
    display: flex;
    flex-direction: column;
  }
  .menu-mobile-div {
    display: flex;
    justify-content: space-between;
    width: 63%;
    margin-bottom: 1rem;
  }
}

@media (max-width: 690px) {
  .direita-1.aparece {
    right: -30%;
  }
  .direita-2.aparece {
    right: -30%;
  }
  .pilares-texto {
    width: 90%;
  }
}
@media (max-width: 650px) {
  .direita-1.aparece {
    right: -25%;
  }
  .direita-2.aparece {
    right: -25%;
  }
  .mobile-info img {
    width: 10rem;
  }
  .mobile-info p {
    width: 100%;
  }
  .info-mobile .btn-banner {
    width: 60%;
    margin-top: 1rem;
  }
}
@media (max-width: 600px) {
  .banner {
    padding-top: 2rem;
  }
  .conexao h4 {
    margin-bottom: 6rem;
  }
  .direita-1.aparece {
    right: -20%;
  }
  .direita-2.aparece {
    right: -20%;
  }
  .pilares {
    margin-top: 8rem;
  }
  .pilares-texto {
    display: none;
  }
  .baixe-o-ebook {
    width: 90%;
    margin: 0 auto 4rem auto;
  }
  .informacoes {
    padding: 5rem;
  }
  .informacoes-regiao h2 {
    margin-bottom: .8rem;
    width: 100%;
  }
  .mobile-info p {
    font-size: 1.6rem;
  }
  .formulario-texto p {
    display: none;
  }
}
@media (max-width: 565px) {
  .direita-1.aparece {
    right: -15%;
  }
  .direita-2.aparece {
    right: -15%;
  }
  .depois-de-ler-titulo {
    margin-left: 0;
  }
}
@media (max-width: 530px) {
  .direita-1.aparece {
    right: -10%;
  }
  .direita-2.aparece {
    right: -10%;
  }
  .form-content {
    padding: 5rem;
    align-items: center;
    justify-content: center;
  }
  .formulario-form {
    width: 100%;
  }
  .formulario-texto {
    font-size: 2.5rem;
    width: 100%;
    text-align: center;
  }
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-left: 2rem;
  }
  .footer-top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5rem;
    gap: 2rem;
  }
}

@media (max-width: 500px) {
  .direita-1.aparece {
    right: -5%;
  }
  .direita-2.aparece {
    right: -5%;
  }
}
@media (max-width: 484px) {
  @keyframes animaTexto{
    from {
      opacity: 0;
      height: 0;
    }
    to {
      opacity: 1;
      height: 4.8rem;
    }
  }
}
@media (max-width: 480px) {
  .direita-1.aparece {
    right: 0;
  }
  .direita-2.aparece {
    right: 0;
  }
  .info-mobile .btn-banner {
    width: 90%;
  }
  @keyframes animaTexto{
    from {
      opacity: 0;
      height: 0;
    }
    to {
      opacity: 1;
      height: 4.8rem;
    }
  }
  .depois-de-ler-titulo {
    width: 90%;
    text-align: center;
  }
  .depois-de-ler-titulo p,
  .depois-de-ler-titulo h2 {
    width: 100% !important;
  }
}
@media (max-width: 457px) {
  html, body, .container {
    overflow-x: hidden !important;
  }
  .menu {
    padding: 1rem;
  }
  .menu-mobile .social-link, .menu-mobile .menu {
    display: none;
  }
  .menu-mobile, .menu-mobile-div {
    justify-content: center;
    align-items: center;
  }
  .conexao-items-container {
    width: 90%;
  }
  .direita-1.aparece {
    right: 5%;
  }
  .direita-2.aparece {
    right: 5%;
  }
  .pilares {
    width: 90%;
  }
  .depois-de-ler-titulo {
    width: 90%;
    text-align: center;
  }
  .depois-de-ler-titulo p {
    width: 90%;
    margin-left: 2rem;
    margin-top: 2rem;
  }
}

@media (max-width: 435px) {
  .banner p {
    width: 90%;
  }
  .conexao h2 {
    font-size: 3.1rem;
  } 
  .conexao h4 {
    width: 100%;
  }
  .decoracao-texto {
    font-size: 2rem;
  }
  .esquerda-1, .esquerda-2, .direita-1, .direita-2 {
    width: 60%;
  }
  .direita-1.aparece {
    right: -38%;
  }
  .direita-2.aparece {
    right: -38%;
  }
  .dev {
    margin-left: 0;
  }
}
@media (max-width: 380px) {
  @keyframes animaTexto{
    from {
      opacity: 0;
      height: 0;
    }
    to {
      opacity: 1;
      height: 6.5rem;
    }
  }
}

@media (max-width: 370px) {
  .banner h1 {
    font-size: 3.5rem;
  }
  .informacoes-regiao h2,
  .formulario-texto h2 {
    font-size: 3rem;
  }
  .depois-de-ler-titulo p {
    margin-left: 0;
  }
}
@media (max-width: 270px) {
  @keyframes animaTexto{
    from {
      opacity: 0;
      height: 0;
    }
    to {
      opacity: 1;
      height: 10rem;
    }
  }
  .informacoes-regiao h2, .formulario-texto h2 {
    font-size: 1.8rem;
  }
}
@media (max-width: 250px) {
  @keyframes animaTexto{
    from {
      opacity: 0;
      height: 0;
    }
    to {
      opacity: 1;
      height: 12rem;
    }
  }
}