/* Reset e Variáveis */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Open Sans;
}

h1,
h2,
h3 {
  color: #323232;
  font-size: 1.8vw;
  text-transform: uppercase;
  font-family: Alfa Slab One;
}


.mobile {
  display: none;
}

.container-titulo {
  width: 38vw;
  text-align: center;
}

p {
  font-size: 1vw;
  font-family: Open Sans;
}

.hero-container {
  background-image: url(img/hero.png);
  width: auto;
  height: 45vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
}

.hero-content {
  display: flex;
  width: 42vw;
  text-align: center;
  height: 25vw;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}

.hero-content h1 {
  color: white;
  font-size: 2.3vw;
  font-family: Alfa Slab One;
  font-weight: 400;
  line-height: 50.34px;
  margin-bottom: 1vw;
  word-wrap: break-word;
}

.hero-content p {
  color: white;
  font-size: 1.2vw;
  font-family: Open Sans;
  font-weight: 400;
  word-wrap: break-word;
  margin-bottom: 1vw;
}

.btn-nav {
  width: 22vw;
  height: 4vw;
  background: linear-gradient(90deg, #F7E997 0%, #D4B567 100%);
  border-radius: 19px;
  border: none;
  font-size: 1vw;
  color: #ffff;
}

.btn-cta {
  width: 22vw;
  height: 4vw;
  background: linear-gradient(90deg, #F7E997 0%, #D4B567 100%);
  border-radius: 19px;
  border: none;
  font-size: 1vw;
  color: #ffff;
}

.btn-cta02 {
  width: 50vw;
  height: 6vw;
  background: linear-gradient(90deg, #F7E997 0%, #D4B567 100%);
  border-radius: 19px;
  border: none;
  font-size: 2vw;
  color: #ffff;
}

.sobrenos-content {
  flex-direction: column;
  display: flex;
  align-items: center;
  margin-top: 1vw;
}

.sobrenos-content h2 {
  width: 40vw;
  color: #323232;
  font-family: Alfa Slab One;
  font-weight: 400;
  line-height: 37.76px;
  word-wrap: break-word;
  text-align: center;
}

.sobrenos-content-flex-text p {

  color: #0C0C0C;
  font-size: 1vw;
  font-family: Open Sans;
  font-weight: 400;
  word-wrap: break-word
}

.sobrenos-content-flex {
  display: flex;
  width: 73vw;
  justify-content: space-between;
  margin-top: 2vw;
}

.sobrenos-content-flex-text {
  width: 37vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.sobrenos-content-flex-img img {
  height: 21vw;
}

.valores {
  background: #D9D9D9;
  flex-direction: column;
  display: flex;
  align-items: center;
  margin-top: 3vw;
}

.valores .valores-titulo {
  width: 56vw;
  margin-top: 2vw;
}

.valores p {
  color: #0C0C0C;
  font-size: 1vw;
  font-family: Open Sans;
  font-weight: 400;
  text-align: center;
  margin-top: 1vw;
}

.valores-content {
  display: flex;
  justify-content: space-evenly;
  width: 70vw;
  margin: 3vw 0;
}

.valores-content-flex {
  width: 19.5vw;
  display: flex;
  flex-direction: column;
}

.valores-content-flex img {
  height: 9.5vw;
}

nav {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 6vw;
  box-shadow: 0px 4px 49px 9px rgba(0, 0, 0, 0.03)
}

.log img {
  height: 5vw;
}

.links {
  display: flex;
  width: 20vw;
  justify-content: space-evenly;
}

.links p {
  font-size: .8vw;
}

.container-solucoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3vw 0;
}

.container-solucao-01 {
  display: flex;
  width: 75vw;
  justify-content: space-between;
  margin: 3vw 0;
}

.container-solucao-texto2 {
  width: 36vw;
  display: flex;
  flex-direction: column;
}

.container-solucao-texto2 img {
  height: 11.5vw;
  margin: auto;

}

.container-solucao-texto img {
  height: 11.5vw;

}

.container-solucao-texto {
  width: 35vw;
}

.img-solucao01 img {
  height: 19vw;
}

.img-solucao02 img {
  height: 24vw;
}

.img-solucao03 img {
  height: 24vw;
}

.img-solucao04 img {
  height: 20vw;
}

.img-solucao05 img {
  height: 20vw;
}

.img-solucao06 img {
  height: 20vw;
}

.img-solucao07 img {
  height: 20vw;
}

.container-solucao-texto2 h2 {
  text-align: left;
}

.container-solucao-texto p {
  margin: 1vw 0;
}

.container-solucao-texto2 p {
  margin: 1vw 0;
}

.pea {
  margin: 3vw 0;
}

.pea img {
  height: 31.5vw;
}

.container-footer {
  display: flex;
  flex-direction: column;
  width: 76vw;
}

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo-footer img {
  height: 6vw;
}

.container-footer-geral {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid;
  margin-bottom: 3vw;
  padding-bottom: 1vw;
}

.social img {
  height: 3vw;
}

@media (max-width: 550px) {
  .hero-container {
    background-image: url(img/Hero-550.png);
    width: auto;
    height: 130vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .hero-content {
    display: flex;
    width: 85vw;
    text-align: center;
    height: 90vw;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;

  }

  .hero-content h1 {
    font-size: 6.3vw;
    line-height: 8vw;
  }

  .hero-content p {
    font-size: 4.2vw;
  }

  .btn-cta {
    width: 80vw;
    height: 15vw;
    font-size: 4vw;
  }

  .sobrenos-content-flex {
    width: 85vw;
    margin-top: 2vw;
    flex-direction: column;
    align-items: center;
  }

  .sobrenos-content h2 {
    width: 80vw;
    line-height: 5vw;
    font-size: 4vw;
    margin-top: 8vw ;
  }

  .sobrenos-content-flex-text {
    width: 80vw;
    margin-bottom: 2vw;
    height: 80vw;
  }

  .sobrenos-content-flex-text p {
    font-size: 3vw;
    text-align: justify;
  }

  .sobrenos-content-flex-img img {
    height: 57vw;
  }

  .valores-content {
    width: 80vw;
    align-items: center;
    margin: 15vw 0;
    flex-direction: column;
  }

  .valores .valores-titulo {
    width: 80vw;
    margin-top: 15vw;
  }

  .valores p {
    font-size: 4vw;
    text-align: center;
    margin-top: 5vw;
  }

  .valores-content-flex {
    display: flex;
    width: 80vw;
    flex-direction: column;
    height: 84vw;
  }

  .valores-content-flex img {
    height: 44.5vw;

  }

  .container-titulo {
    width: 80vw;
    text-align: center;
  }

  .container-titulo h2 {
    font-size: 4.5vw;
  }

  .descktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .img-solucao01 img {
    height: 63vw;
  }

  .container-solucao-texto h3 {
    font-size: 4.5vw;

  }

  .container-solucao-texto2 h3 {
    font-size: 4.5vw;

  }

  .container-solucao-texto p {
    font-size: 3vw;

  }

  .container-solucao-texto2 p {
    font-size: 3vw;

  }

  .container-solucao-texto2 img {
    height: 22.5vw;
    margin: 3vw auto 0 0;
  }

  .container-solucao-texto img {
    height: 15.5vw;
  }

  .container-solucao-01 {
    width: 80vw;
  }

  .container-solucao-texto2 {
    width: 54vw;
  }

  .container-solucao-texto {
    width: 46vw;
  }

  .img-solucao02 img {
    height: 79vw;
  }

  .img-solucao03 img {
    height: 60vw;
  }

  .img-solucao04 img {
    height: 65vw;
  }

  .img-solucao05 img {
    height: 67vw;
  }

  .img-solucao06 img {
    height: 60vw;
  }

  .img-solucao07 img {
    height: 60vw;
  }

  .btn-cta02 {
    width: 80vw;
    height: 15vw;
    background: linear-gradient(90deg, #F7E997 0%, #D4B567 100%);
    border-radius: 19px;
    border: none;
    font-size: 4vw;
    color: #ffff;
  }

  .pea img {
    height: 143.5vw;
  }

  .logo-footer img {
    height: 11vw;
  }

  .social img {
    height: 8vw;
  }

  .container-info-footer01 h3 {
    font-size: 2.8vw;

  }

  .container-info-footer02 h3 {
    font-size: 2.8vw;
  }

  .container-info-footer01 p {
    font-size: 2.5vw;

  }

  .container-info-footer02 {
    width: 37vw;
  }

  .container-info-footer02 p {
    font-size: 2.5vw;

  }

  .container-footer-geral {
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: solid;
    margin-bottom: 3vw;
    padding-bottom: 4vw;
  }

  .Copyright {
    font-size: 2vw;
    height: 10vw;
  }

  nav {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 17vw;
    box-shadow: 10px 14px 20px 20px rgb(0 0 0);
  }

  .log img {
    height: 13vw;
  }

  .links p {
    display: none;
  }

  .btn-nav {
    width: 33vw;
    height: 7vw;
    background: linear-gradient(90deg, #F7E997 0%, #D4B567 100%);
    border-radius: 19px;
    border: none;
    font-size: 2vw;
    color: #ffff;
  }
}