/* =========================================================
   VARIÁVEIS GLOBAIS
========================================================= */
:root {
  --dourado: #c8c487;
  --vinho: #620a23;
  --branco--claro: #fdf6df;
  --novo--vinho: #8b1e3f;
  --bege: #e2d9b7;
  --verde: #3b4d2a;
  --branco: #f9f9f9;
}

/* =========================================================
   ÁREA DE ATUAÇÃO
========================================================= */
.area__atuacao {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 80vh;
}

.area__atuacao__titulo {
  margin: 5vh 0 0 0;
}

.area__atuacao__servicos {
  display: flex;
  justify-content: space-around;
}

.area__atuacao__servicos__caixa {
  display: flex;
  flex-direction: column;
  margin: 5vh 0 0 0;
  background-color: var(--branco--claro);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  height: 52vh;
}

.area__atuacao__servicos__caixa__conteudo {
  display: flex;
  flex-direction: column;
}

.area__atuacao__servicos__caixa__conteudo img {
  width: 70vh;
  height: 40vh;
}

/* =========================================================
   FORMULÁRIOS
========================================================= */
.formulario {
  display: flex;
  flex-direction: column;
  background-color: var(--bege);
  margin: 0 15vh 5vh;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}

.formulario h1 {
  text-align: center;
}

.formulario__caixa {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 5vh 0;
}

.hr {
  display: none;
}

/* =========================================================
   FORMULÁRIOS DA IA
========================================================= */
button {
  padding: 10px;
  border-radius: 5px;
  background-color: var(--novo--vinho);
  border: none;
  color: var(--bege);
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

button:hover {
  background-color: var(--vinho);
}

/* =========================================================
   MEDIA QUERIES
========================================================= */
@media (max-width: 1050px) {
  .area__atuacao {
    height: 75vh;
  }

  .area__atuacao__servicos__caixa {
    height: 42vh;
  }

  .area__atuacao__servicos__caixa__conteudo img {
    width: 60vh;
    height: 30vh;
  }
}

@media (max-width: 980px) {
  .formulario {
    margin: 0 10vh 5vh;
  }

  .formulario__caixa {
    flex-direction: column;
    text-align: center;
  }

  .area__atuacao {
    height: 65vh;
  }

  .area__atuacao__servicos__caixa {
    height: 37vh;
  }

  .area__atuacao__servicos__caixa__conteudo img {
    width: 50vh;
    height: 25vh;
  }

  .botao__enviar {
    margin: 0 0 5vh 0;
  }

  .hr {
    display: block;
    margin: 0 0 10vh 0;
  }
}

@media (max-width: 750px) {
  .area__atuacao {
    height: 55vh;
  }

  .area__atuacao__servicos__caixa {
    height: 30vh;
  }

  .area__atuacao__servicos__caixa__conteudo img {
    width: 40vh;
    height: 20vh;
  }
}

@media (max-width: 600px) {
  .area__atuacao {
    height: auto;
    align-items: center;
    margin: 0 0 5vh;
  }

  .area__atuacao__servicos {
    flex-direction: column;
  }

  .area__atuacao__servicos__caixa {
    width: auto;
  }
}

@media (max-width: 400px) {
  .formulario {
    margin: 0 5vh 5vh;
  }
}