* {
  font-family: "Montserrat", sans-serif;
  margin: 0;
}

.fa-solid {
  margin-bottom: 1rem;
}

/* TOPO */

header {
  width: 100%;
  height: 10vh;
  border-top: 0.625rem solid #2e3194;
  position: absolute;
}

.topo-logo {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0 3.75rem;
}

.topo-logo1 {
  width: 95%;
  display: flex;
  gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  margin-left: 6rem;
}

/* SESSÃO 1 - CAPA */

.se-capa {
  width: 100%;
  height: 85vh;
}

.redBar {
  width: 100%;
  height: 40px;
  background-color: #E3032E;
  position: absolute;
  z-index: 100;
}

.capa-icon {
  width: 18px;
  height: auto;
  margin-bottom: 1rem;
}

.di-capa {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.capa1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.capa-titulo {
  gap: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-left: 10rem;
}

.barra {
  height: 18.125rem;
  border: 0.1563rem solid red;
  height: 100%;
}

.capa-titulo1 h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 4.0625rem;
  font-weight: 700;
  color: #2d2f7f;
}

.capa-titulo1 span {
  color: #e3032e;
  font-size: 4.0625rem;
  font-weight: 900;
}

.capa-subtitulo {
  width: 65%;
  display: flex;
  flex-direction: column;
}

.capa-subtitulo1 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.capa-subtitulo1-1 {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  gap: 2rem;
}

.capa-subtitulo1-1 p {
  font-size: 1.4375rem;
  color: #2d2f7f;
  font-weight: 600;
}

.capa-subtitulo1-1 span {
  font-size: 1.4375rem;
  font-weight: 900;
}

.capa2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  gap: 1rem;
  position: relative;
  background: url(../img/capa.png);
  background-repeat: no-repeat;
  background-position: 50% 20%;
  background-size: 50rem;
  z-index: 1;
}

/* SESSÃO 2  - FORMULARIO*/

.se-form {
  width: 100%;
  height: 150vh;
  display: flex;
  justify-content: center;
  background-color: #2e3194;
}

.di-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

.titu-form {
  width: 100%;
  height: 250px;
  padding: 0 10rem;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 3rem;
}

.barra2 {
  height: 5.9375rem;
  border: 0.125rem solid red;
}

.sub-titT h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 4.0625rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 3.24rem;
}

.sub-titP p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 1.9688rem;
  color: #ffffff;
}

.parte10 {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form {
  width: 100%;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #eeeeee;
  border-radius: 1rem;
}

.parte10-dados {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem;
}

.input-box-1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.input-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  width: 31.25rem;
}

.input-box input {
  padding: 1rem;
  width: 31.25rem;
  height: 3.4375rem;
  border: 0.0313rem solid #cccccc;
}

.input-box label {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  color: rgba(50, 50, 60, 1);
  font-weight: 600;
  width: 486px;
  line-height: 146%;
}

.input-box input,
.input-box select {
  padding: 1rem;
  width: 31.25rem;
  height: 3.4375rem;
  border: none;
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  margin-top: 5px;
  font-family: "Montserrat", sans-serif;
}

.input-box label {
  font-size: 0.9375rem;
  color: #191719;
  width: 486px;
}

.input-box input::placeholder {
  font-family: "Montserrat", sans-serif;
  color: rgba(50, 50, 60, 1);
}

.parte10-botao {
  width: 42%;
  height: 10px;
}

.parte10-botao-novo {
  width: 100%;
  margin-top: -50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.parte10-botao-novo button {
  width: 31.25rem;
  background-color: #48b741;
  padding: 0.62rem;
  border-radius: 0.3125rem;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 0.5rem;
}


.input-box-disclaimer {
  width: 486px;
  font-family: Montserrat;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
  line-height: 146%;
}

/* SESSÃO 3 */

.se-tabela {
  width: 100%;
}

.di-tabela {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

.tabela1 {
  width: 100%;
  height: 20%;
  padding: 0 10rem;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 5rem;
}

.tabela1-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.barra3 {
  margin: 0.9rem;
  height: 6.25rem;
  border: 0.125rem solid red;
}

.sub-titT3 p {
  font-family: "Montserrat", sans-serif;
  width: 90%;
  font-size: 3.375rem;
  font-weight: 600;
  color: #2e3194;
  line-height: 3.24rem;
}

.tabela-box {
  display: flex;
}

.tabela2 {
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5rem;
}

.caption-ans {
  position: absolute;
  bottom: 87.3px;
  left: -110px;
  background: #32323c;
  padding: 0.625rem;
  color: white;
  font-size: 0.75rem;
  caption-side: block-end;
  display: flex;
  transform: rotate(270deg);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 0.9375rem;
}

.caption-ans2 {
  position: absolute;
  bottom: 87.3px;
  right: -110px;
  background: #32323c;
  padding: 0.625rem;
  color: white;
  font-size: 0.75rem;
  caption-side: block-end;
  display: flex;
  transform: rotate(270deg);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 0.9375rem;
}

.tabela-disclaimer {
  font-family: Montserrat;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  line-height: 17.52px;
  letter-spacing: 0%;
  margin-top: 5px;
  margin-left: 5px;
  
}

.tabela-advisor {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 21px;
  line-height: 25px;
  letter-spacing: 0px;
  background-color: #2e3194;
  color: white;
  padding: 5px 65px;
  box-shadow: 5px 5px 0px red;
}

table {
  width: 31.25rem;
}

.tabela,
table th,
table td {
  border-collapse: collapse;
  padding: 0.625rem;
  text-align: center;
  border: 0.1563rem solid white;
}

.tabela {
  width: 475px;
  position: relative;
}

thead {
  border: 3.125rem solid red;
  border-radius: 5rem;
}

caption {
  background: #00000017;
  padding: 0.625rem;
  color: white;
  font-size: 0.9375rem;
  caption-side: block-end;
}

.cap-bottom {
  caption-side: bottom;
}

.azul {
  background-color: #2e3194;
  color: white;
}

.azul-branco {
  color: black;
  background-color: #f1f5f9;
}

.vermelho {
  background-color: #ca1b1b;
  color: white;
}

/* SESSÃO 4 */

.se-carros {
  width: 100%;
  height: 60vh;
  background-color: #2e3194;
}

.di-carros {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.titulo_carros {
  width: 100%;
  padding: 0 10rem;
  height: 20%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 5rem;
  gap: 3rem;
}

.barra4 {
  margin: 0.9rem;
  height: 6.25rem;
  border: 0.125rem solid red;
}

.titulo_carrosP p {
  font-size: 3.4375rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 3.24rem;
}

.carros {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 200px;
}

.carros {
  display: block !important;
}

.slick-list {
  overflow: hidden;
  width: 100% !important;
}

.slick-track {
  display: flex;
  gap: 20px; /* Ajuste conforme necessário */
  height: 50vh;
}

.slick-slide {
  display: block !important;
  min-width: auto !important;
  margin: 0 !important;
  width: calc(100% / 4) !important; /* Divide o container por 4 */
}

.carros-quadra {
  height: 25rem;
  list-style: none;
  background: #ffffff;
  cursor: pointer;
  flex-direction: column;
  border-radius: 0.5rem;
  box-shadow: 0rem 0.1875rem 0.625rem 0rem rgba(15, 64, 148, 0.952);
  display: block;
}

/* FOTOS CARROSEL */

.quadra-1 {
  height: 50%;
  background: url(../img/carrol-1.png);
  background-size: cover;
  border-radius: 0.25rem;
}

.quadra-3 {
  height: 50%;
  background: url(../img/carool-2.png);
  background-size: cover;
  border-radius: 0.25rem;
}

.quadra-4 {
  height: 50%;
  background: url(../img/carool-3.png);
  background-size: cover;
  border-radius: 0.25rem;
}

.quadra-5 {
  height: 50%;
  background: url(../img/carool-4.png);
  background-size: cover;
  border-radius: 0.25rem;
}

.quadra-6 {
  height: 50%;
  background: url(../img/carool-5.png);
  background-size: cover;
  border-radius: 0.25rem;  
}

.quadra-7 {
  height: 50%;
  background: url(../img/carool-6.png);
  background-size: cover;
  border-radius: 0.25rem;  
}

/* FIM FOTOS CARROSEL */

.quadra-2 {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.quadra-22 {
  width: 80%;
  height: 50%;
}

.quadra-1-titulo {
  font-family: Montserrat;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.38rem;
  color: #2e3194;
}

.quadra-1-subtitulo {
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.05rem;
  color: #32323c;
}

/* SESSÃO 5 */

.se-botao {
  margin-top: 10rem;
  width: 100%;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.div-botao {
  width: 56.25rem;
  height: 18.125rem;
  background: #f1f1f1;
  border: 0.0625rem solid #2e3194;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  box-shadow: 0.125rem 0.125rem 0.125rem 0.125rem #2e3194;
}

.titulo-botao h4 {
  padding: 0.5rem;
  font-family: Montserrat;
  font-size: 2.8125rem;
  font-weight: 700;
  line-height: 3.84rem;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2d2f7f;
}

.titulo-botao p {
  padding: 0.5rem;
  font-family: Montserrat;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.92rem;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2d2f7f;
}

button {
  width: 30.375rem;
  height: 3.3125rem;
  padding: 0.5rem;
  background-color: var(--verde-boto, #48b741);
  border: none;
  text-decoration: none;
}

button a {
  text-decoration: none;
}

button p {
  color: white;
  font-family: Montserrat;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.92rem;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-decoration: none;
}

#botao_whatsapp {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: firebrick;
}

/* SESSÃO 6 - FOOTER */

.se-roda {
  width: 100%;
  height: 40vh;
  background-color: #2e3194;
  display: flex;
  justify-content: center;
  align-items: center;
}

.di-roda {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.roda-1 img {
  margin-bottom: 2rem;
}

.roda-1 p {
  color: white;
  font-family: Montserrat;
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.225rem;
  font-style: italic;
}

.roda-2 h5 {
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.roda-2 p {
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 0.875rem;
  font-weight: 200;
}

.roda-3 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.linha {
  margin: 0.8rem 0 0.8rem 0;
  width: 16.875rem;
  border: 0.0313rem solid white;
}

/* Breakpoint 1440px, Figma. */
@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .di-capa {
    padding: 0 3.75rem;
  }

  .capa-titulo {
    margin-left: 0rem !important;
  }

  .capa-subtitulo {
    margin-left: 0rem !important;
  }

  .carros-quadra {
    width: 16.625rem;
  }

  .titulo_carros {
    padding: 0 7.5rem;
  }

  .titulo_carrosP p {
    font-size: 3rem;
  }

  .carros {
    padding: 0 3.75rem;
  }

  .capa-titulo {
    margin-left: 6rem;
  }

  .capa-titulo1 h1 {
    font-size: 3.125rem;
  }

  .capa1,
  .capa2 {
    width: 50%;
  }

  .capa-subtitulo {
    margin-left: 13rem;
    width: 100%;
  }

  .titu-form,
  .tabela1,
  .titulo_carros {
    padding: 0 3.75rem;
  }

  .tabela1 {
    margin: 5rem 5rem 0 5rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .capa-titulo {
    margin-left: 3rem;
  }

  .capa-subtitulo {
    width: 90%;
  }

  input {
    width: 21.875rem;
  }

  .se-capa {
    height: 105vh;
  }

  .capa2 {
    background-position: 50% 18%;
  }

  .titu-form {
    padding: 0 3.125rem;
  }

  .input-box {
    width: 25rem;
  }

  .input-box input,
  .input-box label {
    width: 25rem;
  }

  .parte10-botao1 button {
    width: 25rem;
  }

  .tabela1,
  .titulo_carros {
    padding: 0 3.125rem;
  }

  .input-box select {
    width: 25rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1920px) and (min-resolution: 120dpi) and (max-resolution: 144dpi) {
  /* html {
    display: none;
  } */

  .input-box,
  .input-box input,
  .parte10-botao1 button {
    /* Antes era fixo, agora escala bem */
    max-width: 31.25rem;
    /* Mantém limite máximo */
  }

  /* 📌 Corrigindo sobreposição da seção "Ficou Alguma Dúvida" */
  .se-botao {
    margin-top: 5rem !important;
    /* Adiciona espaçamento extra */
    position: relative;
    /* Evita sobreposição */
    z-index: 2;
  }

  .se-form {
    height: 100%;
    padding: 3.125rem 0;
  }

  .titu-form {
    height: 100%;
  }

  .parte10 {
    height: 100%;
  }

  .div-botao {
    width: 80% !important;
    /* Mantém proporção do botão */
    max-width: 56.25rem;
  }

  /* 📌 Ajustando margens que estavam desalinhando os títulos */
  .capa-titulo,
  .capa-subtitulo {
    margin-left: 5% !important;
    width: 90%;
  }

  /* 📌 Reduzindo fontes que ficavam gigantes */
  .capa-titulo1 h1,
  .sub-titT h3,
  .sub-titT3 p {
    font-size: clamp(2rem, 3vw, 3rem) !important;
  }

  /* 📌 Mantendo responsividade da imagem de fundo */

  .se-tabela {
    height: 100%;
  }

  .se-carros {
    height: 100%;
  }
}

.fa-arrow-up-right-from-square::before {
  color: #E3032E;
}