/* ==========================================================================
   CSS UNIFICADO - SUPORTE VERDE

   Consolidado a partir dos quatro arquivos CSS enviados e conferido contra
   as classes utilizadas nos quatro arquivos PHP/HTML.

   Critérios desta etapa:
   - uma única base de estilos globais;
   - regras de serviços incorporadas sem vazar estilos genéricos para a home;
   - duplicidades entre arquivos não são repetidas;
   - media queries necessárias são preservadas;
   - regras exclusivas do CSS de redes sociais são mantidas.
   ========================================================================== */

/* =========================================================
   FONTE GLOBAL
   Consolidado dos blocos <style> presentes nos arquivos HTML
   ========================================================= */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* {
  padding: 0;
  margin: 0;
  /* Adicionado para garantir que o tamanho dos cards não quebre o layout */
  /* box-sizing: border-box; */
}

html {
  scroll-behavior: smooth;
  /* Evita rolagem lateral indesejada */
  overflow-x: hidden;
}

body {
  font-family: "Lato", Arial, sans-serif;
  overflow-x: hidden;
  letter-spacing: 0.3px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-150 {
  margin-top: 150px;
}

.mb-20 {
  margin-bottom: 30px;
}

.mb-30 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

p {
  font-size: 13pt;
}

.texto {
  font-size: 13pt;
  font-weight: normal;
  color: #666666;
}

.bd {
  font-weight: bold;
}

header {
  padding-top: 20px;
  padding-bottom: 27px;
  display: inline-block;
  list-style: none;
  width: 100%;
  box-shadow: 0 5px 3px -4px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

#logo {
  position: relative;
  margin-left: 20%;
  top: 20px;
  width: 50px;
  margin-right: 70px;
  float: left;
  margin-top: -50px;
}

nav#menu {
  text-align: right;
  margin-top: -15px;
  margin-right: 18%;
}

nav#menu ul li {
  display: inline;
  margin: 15px 20px;
}

nav#menu ul li a {
  font-size: 11pt;
  color: gray;
  text-decoration: none;
}

nav#menu a:hover {
  color: #009c3b;
}

label[for="bt_menu"] {
  padding: 2px;
  background-color: #009c3b;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  width: 33px;
  height: 33px;
  color: white;
}

.title {
  font-size: 75px;
  color: #009c3b;
}

.subtitulo {
  font-size: 17pt;
  color: #666666;
  font-weight: normal;
  font-family: "Lato", sans-serif;
}

.esc {
  font-size: 13pt;
}

.inicial h1 {
  padding-top: 40px;
}

.icone {
  width: 30px;
}

.binicial {
  margin: 20px auto;
  border: solid 1.5pt rgba(158, 158, 158, 0.3);
  border-radius: 10px;
  width: 300px !important;
  text-align: left;
  margin-left: 0;
  padding: 15px;
}

.binicial:hover {
  background-color: rgb(0, 158, 61, 0.1);
}

.inicial {
  margin-left: 5%;
  margin-right: 5%;
  padding-bottom: 150px;
}

.mkt-completo {
  float: right;
  position: absolute;
  margin-top: 180px;
  right: 10%;
  display: none;
  width: 550px;
}

.inicial a {
  font-size: 13pt;
  display: block;
  text-decoration: none;
  color: #009c3b;
  font-weight: bold;
  margin-top: -5px;
}

.inicial a:hover {
  color: #009c3b;
}

.inicial img {
  float: left;
  display: inline-block;
  margin-right: 10px;
  margin-top: 5px;
}

.field {
  border: 0;
  border-bottom: 2px solid #9e9e9e;
  outline: none;
  margin-right: 20px;
  margin-top: 10px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.field1 {
  border: 1.5pt solid rgba(158, 158, 158, 0.3);
  outline: none;
  margin-right: 10px;
  margin-top: 20px;
  padding: 15px 0px 15px 15px;
  width: 180px;
  font-size: 10pt;
  border-radius: 10px;
}

.bottom3 {
  background: none;
  border: 0;
  font-size: 12pt;
  font-weight: bold;
  color: #009c3b;
  cursor: pointer;
}

.bottom3:hover {
  color: #666666;
}

.back {
  background-color: #009c3b;
}

/* servicos */

.services {
  text-align: center;
  width: 300px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.services figcaption {
  color: #ffdf00;
  font-size: 17pt;
  margin-bottom: 5px;
  /*height: 65px;*/
}

/*p.desc.mb-20 {*/
/*    height: 85px;*/
/*}*/

.services h2 {
  color: white;
  margin-bottom: 50px;
  padding-top: 100px;
}

.services li {
  margin: 30px auto;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 10px;
  width: 300px; /* Altere para: max-width: 300px; */
  width: 90%; /* Adicione isso para mobile-first ou ajuste no media query */
  font-size: 11pt;
  text-align: center;
  transition: 0.2s;
  color: white;
}

.services ol {
  margin: 0 auto;
  width: 100%; /* Mude de 300px para 100% para não limitar o container */
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* .sabermais {
  color: white;
  font-size: 14pt;
  text-decoration: none;
  font-weight: bold;
  background-color: #009c3b;
  padding: 10px 15px 10px 15px;
  border-radius: 10px;
  transition:
    background-color 0.3s,
    color 0.3s;
  display: flex;
  height: 25px;
  width: 100px;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
}

.sabermais:hover {
  background-color: #ffdf00;
  color: #009c3b;
  transform: scale(1.1);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
} */

.botao-center {
  padding: 10px;
  background-color: white;
  border-radius: 5%;
}

.cases {
  text-align: center;
}

.case h2 {
  height: 100px;
}

.cases .tituloverde {
  margin-bottom: 0rem;
}

.tituloverde {
  font-size: 30pt;
  color: #009c3b;
  margin-bottom: 50px;
  font-size: 5rem;
}

footer .tituloverde {
  margin-bottom: 0;
}

.watch-slider .slide {
  cursor: grab;
  overflow-x: hidden;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  outline: none !important;
}

.global-page-container {
  text-align: center;
}

/* --- CORREÇÃO AVALIAÇÕES --- */
.avaliacoes {
  text-align: center;
  width: 100%;
}

/* Estilização centralizada quando usado com limitSection */
.avaliacoes.limitSection {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Novo Layout dos Cards de Avaliação */
.avaliacoes li {
  margin: 20px 10px;
  display: inline-flex;
  /* Mudado para flex para alinhar conteudo verticalmente */
  flex-direction: column;
  align-items: center;
  vertical-align: top;
  width: 300px;
  /* Largura fixa igual ao antigo */
  min-height: 440px;
  /* Altura mínima para alinhar todos */
  padding-bottom: 10px;
  font-size: 11pt;
  text-align: center;
  /* Texto centralizado */
  transition: 0.2s;
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
  border-radius: 7px;
  padding: 20px;
  background: #fff;
}

.avaliacoes ol {
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.cidade {
  margin-bottom: 20px;
  color: #009c3b;
}

.avaliacoes li a {
  color: #666666;
  text-decoration: none;
}

.nome {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 15px;
  color: #666666;
}

.estrelas {
  text-align: center;
  margin-bottom: 20px;
  /* Garante que a imagem das estrelas/google não estoure */
  display: block;
  max-width: 120px;
  height: auto;
}

/* Botão sempre no final do card */
.avaliacoes li .bottom3 {
  margin-top: auto;
}

/* footer */
.contato {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.contato li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 50px;
}

.contato-direto h3 {
  font-size: 15pt;
  color: #009c3b;
  font-weight: bold;
  margin-bottom: 10px; /* Espaço curto entre o título verde e o texto abaixo */
  text-transform: uppercase;
}

.contato-direto li p,
.contato-direto li div {
  display: block !important;
  color: #666;
  font-size: 12pt;
  line-height: 1.5;
  text-align: center !important;
  margin: 0 auto 5px auto;
}

/* Conteúdo (Ícone + Texto) */
.contato-direto li div,
.contato-direto li p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start !important;
  /*gap: 15px; /* Distância entre ícone e texto */
  color: #666;
  font-size: 11pt;
  line-height: 1.5;
  text-align: left !important;
  margin-bottom: 10px;
}

/* --- CORREÇÃO RODAPÉ CENTRALIZADO (BASE) --- */
.contato-direto {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center; /* Centraliza tudo horizontalmente */
  text-align: center !important;
}

/* Ajuste dos Ícones */
/* Ícone do WhatsApp no "Fale Conosco" */
.contato-direto .icone {
  width: 22px; /* Tamanho discreto como na imagem */
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

/* Garante que a lista seja um bloco único empilhado */
.contato-direto ol {
  display: flex !important;
  /*flex-direction: column !important;  Força uma seção embaixo da outra */
  align-items: flex-start !important;
  gap: 50px; /* Espaçamento grande entre Endereço, Fale Conosco e Funcionamento */
  list-style: none;
  padding: 0;
  width: 100%;
}

/* Itens da lista ocupam 100% da largura e empilham */
.contato-direto li {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
}

.contato-direto li p {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sigas {
  display: flex;
  gap: 25px; /* Espaçamento entre os círculos das redes sociais */
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 60px;
}

.sigas a {
  text-decoration: none;
}

.sigas img {
  width: 40px !important; /* Tamanho dos ícones circulares */
  height: 40px !important;
  margin: 0 !important;
}

.sigas img:hover {
  transform: scale(1.1);
}

footer#rodape {
  text-align: center;
  padding: 60px 0 20px 0;
  margin-top: 50px;
  width: 100%;
  background-color: #fff; /* Garante fundo branco se necessário */
}

footer p {
  color: #666666;
}

/* Copyright e Logo final */
.copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: none; /* Remova bordas se houver */
  padding-top: 20px;
}

.copy .logo-suporte {
  width: 60px; /* Tamanho do ícone V verde */
  margin-bottom: 15px;
}

.contato-direto a {
  color: #666666;
  text-decoration: none;
}

.linhas {
  font-size: 9pt;
}

.logo-suporte {
  margin-top: 50px;
  width: 60px;
}

#bt_menu {
  display: none;
}

label[for="bt_menu"] {
  display: none;
}

.field {
  border: 0;
  border-bottom: 2px solid #9e9e9e;
  outline: none;
  margin-right: 20px;
  margin-top: 20px;
  width: 150px;
  text-align: left;
}

.sigas img {
  width: 40px;
}

.sigas img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.subtitulo2 {
  font-size: 12pt;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: normal;
  color: #666666;
}

.imediato {
  padding-bottom: 100px;
}

.pragasbg {
  background-color: #f2f2f2;
  padding-top: 50px;
}

.texto2 {
  width: 50%;
  display: inline-block;
  text-align: left;
}

.imagem2 {
  width: 50%;
  float: right;
  display: inline-block;
}

.texto2 p {
  width: 50%;
  padding-left: 30%;
}

.texto2 h2 {
  width: 400px;
  font-weight: 600;
  margin-top: 100px;
  font-size: 25pt;
  margin-bottom: 20px;
  color: #6a6a6c;
  padding-left: 30%;
}

/* Pagina 404 */

.page-404 {
  font-family: "Lato", Arial, sans-serif;
  display: flex;
  height: auto;
  text-align: center;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.page-404 .btn {
  margin-top: rem;
}

.page-404 .tituloverde {
  margin: 0rem;
  font-weight: 600;
}

.page-404 .title {
  color: #000;
  font-weight: 500;
}

.page-404 img {
  max-width: 50%;
  height: auto;
  margin: 0;
}

/* quem somos */
.quemSomos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.quemSomos .subtitulo {
  font-size: 13pt;
}

.quemSomos .texto {
  width: 100%;
  text-align: center;
}

.quemSomos .imagem {
  text-align: center;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}

.quemSomos .foto {
  max-width: 400px;
  height: auto;
}

.quemSomos .subtitulo {
  margin: 2rem 0rem;
}

/* Nossa localização*/
.containerLocalizacao {
  display: flex;
  gap: 3rem;
  align-items: center;
}

.containerLocalizacao img,
.containerLocalizacao div {
  width: 48%;
}

#nossaLocalizacao div:nth-child(3) {
  flex-direction: row-reverse;
}

.containerLocalizacao div,
.containerLocalizacao h2 {
  text-align: left;
}

.containerLocalizacao div {
  width: 50%;
}

.containerLocalizacao div h3 {
  font-size: 2rem;
  color: #009c3b;
}

@media (min-width: 769px) {
  #nossaLocalizacao .containerLocalizacao div p.subtitulo {
    text-align: left !important;
  }
}

/* cases */
.conjunto {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0%;
  gap: 4rem;
  margin-top: 3rem;
}

.conjunto .subtitulo {
  width: 80%;
  margin: 0 auto;
}

.case {
  width: 45%;
  margin-bottom: 20px;
}

.case h2 {
  height: 120px;
}

.case img {
  width: 100%;
  border-radius: 10px;
  display: block;
  margin-bottom: 30px;
}

/* .case .subtitulo {
    margin-bottom: 40px;
    height: 60px;
    font-size: 13pt;
} */

.page-404 {
  background-color: #f2f2f2;
  color: #009c3b;
}

.boxCases h2 {
  text-align: center;
}

.g-recaptcha {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.g-recaptcha.show {
  visibility: visible;
  opacity: 1;
  margin-bottom: 2rem;
}

.copy {
  margin-top: 4rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.copy .logo-suporte {
  margin: 0;
  padding: 1rem;
  width: 60px;
}

.copy .linhas {
  font-size: 9pt;
  color: #666;
  margin-bottom: 20px;
}

.transformar-ideias h2 {
  width: 75%;
  margin: 0 auto;
  text-align: center;
}

.etapas-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.imagem-etapas {
  flex: 1;
  max-width: 50%;
}

.imagem-etapas img {
  width: 100%;
  height: auto;
}

.funcionalidade-etapas {
  flex: 1;
  max-width: 50%;
}

.etapas {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}

.etapa-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px;

  border-radius: 10px;
  transition: 0.3s;
  cursor: pointer;
  background-color: white;
  color: #009c3b;
}

.etapa-item p {
  margin-top: 10px;
  font-size: 1rem;
  color: #009c3b;
  font-weight: bold;
}

.etapa-item img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(91%) saturate(450%)
    hue-rotate(90deg) brightness(85%) contrast(84%);
}

.etapa-item:hover {
  background-color: #f0f0f0;
}

.etapa-item.ativo {
  background-color: #009c3b;
  border-color: #009c3b;
  color: white;
}

.etapa-item.ativo p {
  color: white;
  font-weight: bold;
  font-size: 1rem;
}

.etapa-item.ativo img {
  filter: none;
}

.etapa-conteudo h3 {
  font-size: 3rem;
  color: #009c3b;
  margin-bottom: 2rem;
}

.etapa-conteudo {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2);
  text-align: left;
  display: none;
  min-height: 250px;
}

.transformar-ideias .etapa-conteudo {
  min-height: 250px;
}

.etapa-conteudo p {
  margin-bottom: 1.4rem;
}

.etapa-conteudo.active {
  display: block;
}

.services figcaption {
  color: #ffdf00;
  font-size: 17pt;
  margin-bottom: 5px;
  /*height: 70px;*/
}
/*
p.desc.mb-20.rd {
    height: 30px;
}

p.desc.mb-20 {
    height: 50px;
}
*/

/* mobile */
@media screen and (min-width: 320px) and (max-width: 550px) {
  /* Espaçamento exclusivo para os cards de Planos e Preços no Mobile */
  @media screen and (max-width: 550px) {
    .planos-precos ol li {
      margin-bottom: 120px !important; /* Aumenta a distância externa entre os cards */
      display: block !important;
      float: none !important; /* Garante que não haja interferência lateral */
      /* width: 100% !important; */
    }

    /* Ajusta o título para não ficar colado no card de cima */
    .planos-precos .titulo2 {
      margin-bottom: 40px !important;
    }
  }

  .mt-150 {
    margin-top: 60px !important;
  }

  .mt-50 {
    margin-top: 30px !important;
  }

  .binicial {
    width: 100%;
  }

  .inicio {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .inicio .imagem {
    width: 70% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto 15px auto !important;
    order: 1 !important;
  }

  .inicio .texto {
    width: 80% !important;
    display: block !important;
    margin: 0 auto !important;
    order: 2 !important;
    text-align: center !important;
  }

  .inicio .texto h1,
  .inicio .texto p {
    text-align: center !important;
    line-height: normal;
  }

  .contato-direto ol div,
  .contato-direto li p {
    display: block;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
  }

  /* nossa localização */
  .containerLocalizacao {
    flex-direction: column;
  }

  .containerLocalizacao div {
    width: 90%;
  }

  #nossaLocalizacao h2 {
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }

  .containerLocalizacao img {
    width: 90%;
  }

  #nossaLocalizacao div:nth-child(3) {
    flex-direction: column;
  }

  .contato-direto li p {
    width: 100%;
    margin: 1rem 0rem;
  }

  .contato-direto li {
    text-align: center;
    margin: 1.4rem auto;
    width: 100%;
  }

  .contato-direto img {
    max-width: 80%;
  }

  .contato-direto li:nth-child(1) p {
    width: 60%;
  }

  /* Página index */
  .inicial {
    padding-bottom: 5.3rem;
  }

  .conjunto {
    gap: 4rem;
  }

  .containerLocalizacao div {
    width: 100%;
    text-align: center;
  }

  .containerLocalizacao div p {
    max-width: 80%;
    margin: 10px auto 0rem auto;
  }

  .services figcaption {
    color: #ffdf00;
    font-size: 17pt;
    margin-bottom: 5px;
    height: auto; /* REMOVIDO height fixo (30px/70px) para o texto não encavalar */
    min-height: 40px;
  }

  p.desc.mb-20.rd,
  p.desc.mb-20 {
    height: auto !important; /* Libera a altura para o texto quebrar linha livremente */
    min-height: 50px;
    margin-bottom: 20px;
  }

  .services figure lord-icon {
    width: 80px !important; /* Ajuste leve no ícone para ganhar espaço */
    height: 80px !important;
    margin-bottom: 10px;
  }

  /* Footer */
  footer .tituloverde {
    margin-bottom: 0 !important;
  }

  .contato-direto ol li:nth-child(1) {
    width: 100%;
  }

  footer#rodape {
    padding: 0rem;
  }

  .contato-direto {
    margin-top: 100px;
  }

  .back h2 {
    font-size: 2.9rem;
  }

  .services figure img {
    max-width: 80px;
    margin-bottom: 1rem;
  }

  header {
    padding-bottom: -0px;
  }

  .g-recaptcha {
    margin: 1rem 0rem;
    visibility: hidden;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .avaliacoes {
    margin-top: 4rem;
  }

  .avaliacoes {
    width: 100%;
  }

  .watch-slider .slide {
    margin: 0 auto;
    width: 100%;
  }

  .watch-slider img {
    width: 100%;
  }

  #logo {
    margin-left: 5%;
  }

  .menu {
    margin-left: -200%;
    transition: all 0.4s;
    height: 100%;
  }

  .menu ul li {
    float: none;
    height: 100%;
  }

  .menu ul li a {
    display: block;
  }

  .field {
    width: 100%;
    text-align: center;
  }

  nav#menu {
    position: absolute;
    left: 0;
    top: 110px;
    display: block;
    background-color: white;
    width: 100%;
    text-align: center;
    z-index: 1;
  }

  nav#menu a {
    margin-top: 15px;
    font-size: 13pt;
  }

  nav#menu ul li a {
    font-size: 14pt;
  }

  label[for="bt_menu"] {
    display: block;
    margin-left: 85%;
    margin-top: -25px;
    margin-bottom: 17px;
    border-radius: 15px;
  }

  #bt_menu:checked ~ .menu {
    margin-left: 0;
    margin-top: -17px;
  }

  .inicial h1 {
    font-size: 40pt;
    line-height: 1;
    margin-bottom: 15px;
  }

  .inicial .subtitulo {
    font-size: 17pt;
    margin-right: 10%;
    margin-bottom: 30px;
  }

  .sub {
    font-size: 14pt;
    color: #666666;
  }

  .subtitulo2 {
    margin-bottom: 0px;
  }

  .tituloverde,
  .titulo2,
  .services h2 {
    font-size: 2.9rem !important;
  }

  .avaliacoes li {
    margin: 20px 10px;
    width: 100%;
    text-align: center !important;
    min-height: 380px;
  }

  .avaliacoes li .nome,
  .avaliacoes li .cidade,
  .avaliacoes li .texto {
    text-align: center !important;
  }

  .case {
    width: 100%;
    margin-bottom: 70px;
    margin: 0px 50px 0px 50px;
    text-align: center;
  }

  .bottom3 {
    margin-top: 20px;
  }

  .conjunto .subtitulo {
    width: 100%;
  }

  /* Página  site */
  .texto {
    width: auto;
  }

  .contato-direto li {
    display: block;
    text-align: center !important;
    width: 100%;
    margin: 5px 0;
    /* Espaço entre Endereço, Fale Conosco, etc */
  }

  .contato-direto li p {
    font-size: 1rem;
  }

  /* Centraliza os textos e ícones dentro de cada li */
  .contato-direto h3,
  .contato-direto li p,
  .contato-direto ol div {
    text-align: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Quem somos */
  .quemSomos {
    gap: 0rem;
    flex-direction: column;
    align-items: center;
  }

  .quemSomos .imagem {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
  }

  .quemSomos .imagem .foto {
    display: block !important;
  }

  .quemSomos .foto {
    max-width: 300px;
    margin: 0 auto;
    display: block !important;
  }

  .quemSomos .texto {
    width: 90%;
    margin: 0rem auto 0rem auto;
    text-align: center;
  }

  /* página 404 */
  .page-404 .tituloverde {
    font-size: 1.4rem;
  }

  .page-404 img {
    max-width: 100%;
  }

  .page-404 .title {
    font-size: 1.8rem;
  }

  .page-404 div {
    padding: 0.4rem;
  }

  /* copy */
  .copy {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .quemSomos {
    padding-left: 30px;
    padding-right: 30px;
  }

  .avaliacoes {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  .contato-direto h3 {
    margin-bottom: -0.2rem;
  }

  .sigas img {
    margin-top: 0.8rem !important;
  }

  .avaliacoes li {
    padding-bottom: 10px !important;
  }

  .contato-direto ol div,
  .contato-direto li p {
    display: block;
  }
}

@media (max-width: 550px) {
  .mt-150 {
    margin-top: 60px !important;
  }

  .mt-50 {
    margin-top: 30px !important;
  }

  .etapa-item {
    padding: 9px 25px;
  }

  .etapa-item img {
    width: 40px;
    height: 40px;
  }

  .etapa-item p {
    font-size: 1rem;
  }

  .etapa-conteudo {
    width: 80%;
    margin: 0 auto;
  }

  .etapas {
    justify-content: center;
    flex-wrap: wrap;
  }

  .transformar-ideias h2 {
    font-size: 2.3rem;
    width: 100%;
    margin-bottom: -3rem;
  }

  .transformar-ideias {
    margin-top: 100px;
  }

  .etapa-conteudo h3 {
    font-size: 2rem;
  }
}

/* --- FIX OVERFLOW MOBILE --- */
@media (max-width: 600px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  img,
  video,
  canvas,
  iframe {
    max-width: 100% !important;
    height: auto !important;
  }

  .field {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .case {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .watch-slider .slide {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .avaliacoes ol,
  .services ol,
  .conjunto,
  .containerLocalizacao {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .g-recaptcha {
    max-width: 100% !important;
    overflow: hidden !important;
    transform-origin: left top !important;
    transform: scale(0.94);
  }
}

@media (min-width: 486px) and (max-width: 550px) {
  .etapa-item {
    padding: 9px 40px;
  }

  .transformar-ideias h2 {
    width: 70%;
  }
}

/* tablet */
@media screen and (min-width: 551px) and (max-width: 768px) {
  .mt-150 {
    margin-top: 80px !important;
  }

  .mt-50 {
    margin-top: 35px !important;
  }

  #cabecalho {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .g-recaptcha {
    margin: 1rem 0rem;
  }

  .quemSomos {
    gap: 0rem;
  }

  nav#menu {
    width: 100%;
    margin: 1rem auto 1rem auto;
    display: block;
    text-align: center;
    top: 150px;
  }

  #logo {
    padding: 2rem;
    margin-bottom: 1rem;
    width: 80px;
  }

  .services {
    width: 80%;
  }

  .services h2,
  .tituloverde,
  .titulo2 {
    font-size: 3rem;
    width: 90%;
    text-align: center;
    margin: 0 auto;
  }

  .services ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 1rem;
  }

  .contato-direto li p {
    gap: 0.3rem;
  }

  .services li {
    width: 45%;
  }

  .boxCases .conjunto {
    margin: 1rem 1rem;
  }

  .case .subtitulo {
    font-size: 1.2rem;
  }

  .case {
    text-align: center;
  }

  .avaliacoes {
    width: 100%;
  }

  .avaliacoes li {
    width: 46%;
    text-align: center !important;
    min-height: 400px;
  }

  .avaliacoes li .nome,
  .avaliacoes li .cidade,
  .avaliacoes li .texto {
    text-align: center !important;
  }

  .avaliacoes li:nth-child(1) {
    margin-top: 1rem;
  }

  .containerLocalizacao img,
  .containerLocalizacao div,
  #nossaLocalizacao div:nth-child(3) {
    width: 90%;
  }

  #nossaLocalizacao div,
  #nossaLocalizacao div:nth-child(3) {
    flex-direction: column;
  }

  .inicio {
    margin-top: 2rem;
    width: 100%;
    padding-bottom: 4rem;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .inicio .imagem {
    width: 70% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto 15px auto !important;
    order: 1 !important;
  }

  .inicio .texto {
    width: 80% !important;
    padding: 1rem;
    display: block !important;
    margin: 0 auto !important;
    order: 2 !important;
    text-align: center !important;
  }

  .inicio .texto h1 {
    text-align: center !important;
  }

  .inicio .texto p {
    text-align: center !important;
  }

  .planos-precos li {
    margin-top: 3rem;
  }

  .planos-precos {
    width: 100%;
  }

  .watch-slider .slide {
    margin: 0;
  }

  /* Quem somos */
  .quemSomos {
    flex-direction: column;
    align-items: center;
  }

  .quemSomos .imagem {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
  }

  .quemSomos .imagem .foto {
    display: block !important;
  }

  .quemSomos .foto {
    max-width: 350px;
    margin: 0 auto;
    display: block !important;
  }

  .quemSomos .texto {
    text-align: center;
    width: 90%;
    margin: 0rem auto 0rem auto;
  }

  /* página 404 */
  .page-404 img {
    max-width: 100%;
  }

  .page-404 .title {
    font-size: 3rem;
  }

  .page-404 .texto {
    width: 60%;
    margin: 1rem auto;
  }
}

@media (min-width: 551px) and (max-width: 768px) {
  .etapa-item {
    padding: 9px 40px;
  }

  .transformar-ideias h2 {
    width: 70%;
  }

  .etapas {
    justify-content: center;
    flex-wrap: wrap;
  }

  .transformar-ideias h2 {
    width: 85%;
  }

  .etapa-conteudo.active {
    width: 80%;
    margin: 0 auto;
  }

  .etapa-item {
    padding: 15px 65px;
  }
}

@media (min-width: 725px) and (max-width: 768px) {
  .etapa-item {
    padding: 15px;
  }

  .etapas {
    flex-wrap: wrap;
    justify-content: center;
  }

  .etapa-conteudo {
    justify-content: center;
    width: 76%;
  }

  .etapa-conteudo h3 {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .etapas-container {
    flex-direction: column;
    align-items: center;
  }

  .imagem-etapas {
    max-width: 100%;
  }

  .funcionalidade-etapas {
    max-width: 100%;
  }

  .etapa-conteudo {
    text-align: center;
  }
}

/* laptop */
@media (min-width: 769px) and (max-width: 1200px) {
  /* página index */
  .mkt-completo {
    display: block;
    max-width: 40%;
    right: 25px;
    top: 83px;
  }

  /*.contato-direto ol li:nth-child(1) {
        width: 89%;
    } */

  .contato-direto ol div,
  .contato-direto li p {
    gap: 10px;
    align-items: center;
  }

  .g-recaptcha {
    margin: 1rem 0rem;
  }

  nav#menu {
    margin: 0 0 0 2rem;
  }

  header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 3%;
  }

  .services,
  .avaliacoes,
  .quemSomos {
    width: 100%;
  }

  .tituloverde,
  .services h2 {
    font-size: 4rem;
  }

  .services ol {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .services li {
    width: 40%;
  }

  .boxCases .conjunto {
    margin: 0 1rem;
  }

  .case {
    text-align: center;
  }

  .avaliacoes li {
    width: 40%;
  }

  #nossaLocalizacao div:nth-child(3) {
    flex-direction: column;
  }

  /* página sites */
  .inicio {
    width: 100%;
    padding-bottom: 4rem;
  }

  .inicio .texto {
    width: 45%;
    padding: 0rem;
    padding-left: 22%;
  }

  .inicio .imagem {
    width: 40%;
    padding: 0rem;
    margin-top: 5rem;
    margin-right: 3rem;
  }

  .inicio .imagem .foto {
    width: 350px;
  }

  .planos-precos {
    width: 100%;
  }

  .imagem .foto {
    display: block;
  }

  .inicio {
    background-image: url(../_imagens/background/background.svg);
  }

  .etapas-container {
    margin-top: 3rem;
  }

  /* quem somos */
  .quemSomos .imagem {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
  }

  .quemSomos .foto {
    max-width: 250px;
  }

  .quemSomos .texto {
    width: 100%;
    text-align: center;
  }

  /* página 404 */
  .page-404 img {
    max-width: 60%;
  }

  .imagem-etapas {
    display: none;
  }

  .funcionalidade-etapas {
    max-width: 80%;
    margin: 0 auto;
  }

  .transformar-ideias h2 {
    width: 74%;
  }

  #nossaLocalizacao div,
  #nossaLocalizacao div:nth-child(2) {
    flex-direction: column;
  }

  .containerLocalizacao img,
  .containerLocalizacao div {
    width: 80%;
  }
}

/* desktop */
@media (min-width: 1200px) {
  .containerLocalizacao {
    gap: 4rem;
  }

  /* CORREÇÃO FORÇADA PARA DESKTOP */
  /* Garante que o contato continue em 1 coluna mesmo em telas grandes */
  .contato-direto {
    max-width: 90% !important;
  }

  /* .contato-direto ol {
        display: flex;
        flex-direction: row !important;
    } */

  /* .contato-direto ol li {
        width: 100% !important;
    } */

  .contato-direto h3,
  .contato-direto li p,
  .contato-direto ol div {
    text-align: space-between !important;
    /*justify-content: space-between !important;*/
  }

  .sigas img {
    margin: 1rem 0rem;
  }

  /*.contato-direto ol li:nth-child(2) {
        padding-left: 2rem;
    }*/

  .inicial h1,
  .services h2,
  .tituloverde {
    font-size: 5rem;
  }

  .texto h1 {
    font-size: 4rem;
  }

  .titulo2 {
    font-size: 5rem;
  }

  .g-recaptcha {
    margin: 1rem 0rem;
  }

  .inicial {
    margin-right: 15%;
    margin-left: 15%;
  }

  .avaliacoes {
    width: 800px;
  }

  .avaliacoes li {
    width: 40%;
  }

  .services ol {
    width: 100%;
  }

  .containerLocalizacao {
    flex-direction: row;
  }

  .containerLocalizacao div,
  .containerLocalizacao img {
    max-width: 50%;
  }

  #nossaLocalizacao div:nth-child(2) {
    flex-direction: row-reverse;
  }

  #nossaLocalizacao div {
    flex-direction: row;
  }

  .services {
    width: 1200px;
  }

  .mkt-completo {
    right: 10%;
    display: block;
  }

  .services li {
    width: 20%;
    margin-right: 60px;
    margin-left: 60px;
  }

  .case {
    text-align: center;
  }

  #logo {
    margin-left: 15%;
  }

  /* quem somos */

  .quemSomos {
    padding-bottom: 2rem;
    flex-direction: column;
    align-items: center;
  }

  .quemSomos .imagem {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
  }

  .quemSomos .foto {
    max-width: 400px;
  }

  .quemSomos .texto {
    width: 100%;
    text-align: center;
  }

  /* página site, google ads, redes sociais */
  .inicio {
    padding: 1.9rem 0rem 11rem 0rem !important;

    background-image: url(../_imagens/background/background.svg) !important;
  }

  .contato {
    width: 800px;
  }

  .contato ol {
    display: flex;
    justify-content: space-between;
  }

  .contato li {
    text-align: left;
  }

  .contato .tituloverde {
    font-size: 3.1rem;
  }

  .limitSection {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  .etapas-container {
    margin-top: 3rem;
  }

  .services {
    margin: 0 auto;
  }

  .containerLocalizacao {
    margin-bottom: 3rem;
  }

  .contato-direto ol li:nth-child(1) p {
    width: 100%;
  }
}

@media (min-width: 1500px) {
  .containerLocalizacao {
    gap: 5rem;
  }

  .limitSection {
    max-width: 1200px;
  }

  .contato-direto ol li:nth-child(1) p {
    width: 100%;
  }

  .etapas-container {
    margin-top: 1rem;
  }
}
/* FIX RESPONSIVO RODAPÉ < 1200px */
@media (max-width: 1200px) {
  .contato-direto {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .contato-direto ol {
    display: block !important;
    text-align: center;
  }

  .contato-direto li {
    width: 100% !important;
    display: block !important;
    margin-bottom: 25px !important;
    text-align: center !important;
  }

  .contato-direto li p,
  .contato-direto li div {
    justify-content: center !important;
    text-align: center !important;
  }
  .contato-direto h3 {
    text-align: center !important;
  }
}

/* .lermais {
  color: white;
  font-size: 14pt;
  text-decoration: none;
  font-weight: bold;
  background-color: #009c3b;
  padding: 10px 15px 10px 15px;
  border: none;
  border-radius: 10px;
  transition:
    background-color 0.3s,
    color 0.3s;
  display: flex;
  height: 45px;
  width: 130px;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
}

.lermais:hover {
  background-color: #ffdf00;
  color: #009c3b;
  transform: scale(1.1);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
} */

.planos-precos .botao-escolher {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 130px;
  height: 45px;
  padding: 0;
  margin: 40px auto 60px;

  box-sizing: border-box;
  border: none;
  border-radius: 10px;

  background-color: #009c3b;
  color: white !important;

  font-size: 10pt;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;

  cursor: pointer;

  transition:
    background-color 0.3s,
    color 0.3s,
    transform 0.3s,
    box-shadow 0.3s;
}

.planos-precos .botao-escolher:visited {
  color: white !important;
}

.planos-precos .botao-escolher:hover {
  background-color: #ffdf00;
  color: #009c3b !important;
  transform: scale(1.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* =========================================================
   ESTILOS COMPARTILHADOS DAS PÁGINAS DE SERVIÇOS
   Antigo style2.css, agora integrado ao arquivo principal
   ========================================================= */
.inicio {
  background-color: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 100px;
  background-image: url("../_imagens/background.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inicio > .texto {
  width: 45%;
  padding-left: 15%;
  color: #666666;
}

.inicio > .imagem {
  width: 45%;
  padding-right: 10%;
  text-align: right;
}

.inicio .foto {
  width: 100%;
  max-width: 450px;
  height: auto;
}

.inicio .texto h1 {
  margin-left: 5%;
  margin-top: 100px;
  font-size: 30pt;
  line-height: 1;
  width: 90%;
}

.inicio .texto p {
  margin-bottom: 50px;
  margin-left: 5%;
}

.sabermais-marketing {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  min-height: 45px;
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid white;
  border-radius: 10px;
  font-family: inherit;
  font-size: 12pt;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.3s,
    color 0.3s,
    transform 0.3s,
    box-shadow 0.3s;
}

.bt,
.botao-escolher,
.bottom2,
.lermais,
.sabermais,
.botao-center2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  min-height: 45px;
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid #009c3b;
  border-radius: 10px;
  font-family: inherit;
  font-size: 12pt;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.3s,
    color 0.3s,
    transform 0.3s,
    box-shadow 0.3s;
}

.bt,
.botao-escolher,
.lermais,
.sabermais,
.sabermais-marketing,
.botao-center2 {
  background-color: #009c3b;
  color: white;
}

.bottom2,
.bt-vazado {
  background-color: transparent;
  color: #009c3b;
}

.bt,
.botao-escolher,
.lermais,
.sabermais,
.sabermais-marketing .bottom2 {
  margin: 0;
}

.botao-center2 {
  display: flex;
  margin: 35px auto 20px auto;
  appearance: none;
  -webkit-appearance: none;
}

.bt:last-child,
.botao-escolher:last-child,
.lermais:last-child,
.sabermais-marketing:last-child,
.sabermais:last-child,
.bottom2:last-child {
  margin-right: 0;
}

.bt:hover,
.botao-escolher:hover,
.lermais:hover,
.sabermais-marketing:hover,
.sabermais:hover,
.botao-center2:hover {
  background-color: white;
  border-color: #009c3b;
  color: #009c3b;
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.bottom2:hover,
.bt-vazado:hover {
  background-color: #009c3b;
  border-color: #009c3b;
  color: white;
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.bt:focus,
.lermais:focus,
.sabermais:focus,
.sabermais-marketing:focus,
.bottom2:focus,
.botao-center2:focus {
  outline: 3px solid rgba(0, 185, 71, 0.25);
  outline-offset: 3px;
}

.planos-precos {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.titulo2 {
  font-size: 2.3rem;
  color: #009c3b;
}

.planos-precos li {
  list-style: none;
  box-shadow: 0 0 5px rgba(102, 102, 102, 0.6);
  padding: 50px 20px;
  margin: 50px 20px;
  display: inline-block;
  vertical-align: top;
  transition: 0.3s ease-in;
  cursor: pointer;
  width: 300px;
  border-radius: 20px;
  background: white;
}

.planos-precos li:hover {
  transform: scale(1.05);
}

.tp {
  font-size: 30pt;
  color: #009c3b;
  font-weight: bolder;
}

.planodescricao {
  color: #666666;
  margin: 30px 10px;
}

.indicado {
  margin: 0 10px;
  font-size: 14pt;
  font-weight: normal;
  color: #666666;
}

.plano-titulo {
  font-weight: bold;
  font-size: 13pt;
}

.planos-precos p,
.etapa-conteudo p {
  color: #666666;
}

.mensal {
  font-size: 14pt;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 10px;
  font-weight: normal;
}

.planos-precos .preco {
  font-size: 25pt;
  color: #666666;
  font-weight: bolder;
  margin-top: 30px;
}

.case .sabermais {
  margin: 0 auto;
  display: flex;
  width: 130px;
  height: 45px;
  padding: 10px 15px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

body:not(.index) .watch-slider .slide {
  cursor: grab;
  overflow-x: hidden;
  transition: 0.3s;
  outline: none !important;
  margin: 80px 40px 0 40px;
}

body:not(.index) .global-page-container {
  text-align: center;
}

body:not(.index) .cases .sub {
  color: #666666;
  font-size: 17pt;
}

@media screen and (min-width: 320px) and (max-width: 568px) {
  .inicio {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 30px 15px 60px 15px !important;
  }

  .inicio .imagem {
    width: 100% !important;
    display: block !important;
    margin: 0 auto 20px auto !important;
    order: 1 !important;
  }

  .inicio .imagem img {
    max-width: 280px !important;
    height: auto !important;
  }

  .inicio .texto {
    width: 100% !important;
    display: block !important;
    order: 2 !important;
    text-align: center !important;
  }

  .inicio .texto h1 {
    color: #009c3b !important;
    font-size: 2.3rem !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  .inicio .texto p {
    color: #666 !important;
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
    width: 100% !important;
  }

  .bt,
  .bottom2 {
    margin: 7px !important;
    padding: 12px 15px !important;
    font-size: 10pt !important;
    white-space: nowrap !important;
    flex: 1 !important;
    max-width: 160px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 768px) {
  .inicio {
    flex-direction: column;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .inicio > .imagem {
    width: 80%;
    padding: 0;
    margin-bottom: 30px;
    order: 1;
    text-align: center;
    display: block;
    margin: 0 auto 30px auto;
    float: none;
  }

  .inicio > .texto {
    width: 90%;
    padding: 0;
    order: 2;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto;
  }

  .inicio .texto h1 {
    margin: 0 auto 20px auto;
    text-align: center;
  }

  .inicio .texto p {
    margin: 0 auto 20px auto;
    text-align: center;
  }

  .bt,
  .bottom2 {
    margin: 20px 20px 80px 20px;
  }

  .inicio .foto {
    max-width: 450px;
  }

  .planos-precos {
    margin-top: 50px;
    width: 100%;
  }

  .planos-precos li {
    width: 90%;
    margin: 60px auto;
    display: block;
  }

  .planos-precos h2.titulo2 {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .titulo2 {
    font-size: 2rem;
  }

  .transformar-ideias,
  .cases {
    margin-top: 60px !important;
  }

  .transformar-ideias h2.tituloverde,
  .cases h2.tituloverde {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }

  .field {
    width: 100%;
    text-align: center;
  }

  nav#menu {
    position: absolute;
    left: 0;
    top: 87px;
    display: block;
    background-color: white;
    width: 100%;
    text-align: center;
    z-index: 10;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .planos-precos {
    width: 90%;
  }

  .planos-precos li {
    width: 30%;
    margin: 20px 1%;
  }

  .titulo2 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  .planos-precos {
    width: 1200px;
  }

  .planos-precos li {
    width: 350px;
    margin: 50px 20px;
  }

  .titulo2 {
    font-size: 5rem;
  }

  .inicio .texto h1 {
    font-size: 4rem;
  }
}

.botao-center2 {
  display: block;
  width: 130px;
  height: 45px;
  padding: 0 15px;
  margin: 35px auto 20px auto;
  background-color: #009c3b;
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14pt;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  transition:
    background-color 0.3s,
    color 0.3s,
    transform 0.3s,
    box-shadow 0.3s;
}

.botao-center2:hover {
  background-color: #ffdf00;
  color: #009c3b;
  transform: scale(1.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.botao-center2:focus {
  outline: none;
}

.inicio .botoes-inicio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 22px;
  width: 100%;
  margin-top: 70px;
  padding: 0;
}

.inicio .botoes-inicio .bt,
.inicio .botoes-inicio .bottom2 {
  margin: 0 !important;
}

/* =========================================================
   AJUSTES EXCLUSIVOS ENCONTRADOS NO CSS DE REDES SOCIAIS
   ========================================================= */
img.botmenu {
  width: 32px;
  height: 32px;
}

img.icone[src*="whatsapp.svg"] {
  width: 30px;
  height: 30px;
}

#recaptcha-email {
  margin-top: 15px;
}

@media (max-width: 600px) {
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  .conjunto {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 768px) {
  .contato-direto ol li h3 {
    margin-bottom: 10px !important;
  }

  .contato-direto h3 {
    margin-top: 40px !important;
  }

  .contato-direto p {
    margin: 0 !important;
  }
}