.main-movel {
  padding: 60px 10px;
}
.main-movel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.main-movel-content {
  margin-left: auto;
  max-width: fit-content;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
.main-movel-content > * {
  max-width: fit-content;
  margin-left: auto;
}
.main-movel-content > div {
  display: flex;
  font-size: 1.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px 0;
  margin-left: auto;
}
.main-movel-content > div * {
  box-shadow: 0px 0px 0px 1px #ffa400;
  padding: 8px 15px;
  max-width: fit-content;
  min-width: fit-content;
  flex: 1;
}
.main-movel-content > a:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-movel-content > a:nth-child(3) span {
  color: #ba8409;
}
.main-movel-content h5 {
  color: #ffffff80;
  font-style: italic;
}
.main-movel-content h4 {
  color: #ba8409;
  font-size: 20px;
  font-style: italic;
}
/* .main-movel-content h6 {
  color: #ba8409;
  font-size: 20px;
} */
.main-movel-content a {
  font-size: 1.25rem;
}
.main-movel-content p {
  font-size: 1.25rem;
}
.main-movel-content p span {
  color: #ffa400;
}
.main-movel-content > span {
  max-width: 136px;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
  position: relative;
}

.louvre {
  background: url(/img/louvre-capa.webp) no-repeat center center;
  background-size: cover;
  max-width: 568px;
  width: 100%;
  height: 745px;
  position: relative;
}
.imovel3 {
  background: url(/img/imovel-3-main.webp) no-repeat center center;
  background-size: cover;
  max-width: 568px;
  width: 100%;
  height: 745px;
  position: relative;
}
.imovel3 > div {
  background-color: #f2f2f2;
  max-width: fit-content;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-radius: 30px 0px 0px 0px;
  padding: 20px;
  text-align: center;
}
.imovel3 > div p {
  color: #042340;
  font-style: italic;
  font-weight: 300;
}
.imovel3 > div h5 {
  color: #ba8409;
  font-size: 2.25rem;
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
  .main-movel-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
    justify-items: center;
  }
  .main-movel-content * {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .main-movel-content {
    margin-left: auto;
    max-width: fit-content;
    text-align: center;
  }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
  .main-movel-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
    justify-items: center;
  }
  .main-movel-content > * {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .main-movel-content {
    margin-left: auto;
    max-width: fit-content;
    text-align: center;
  }
  .main-movel-content > a:nth-child(3) {
    display: grid;
    justify-items: center;
    gap: 5px;
  }
  .main-movel .btn {
    padding: 12px 15px;
  }
  .imovel3 {
    height: 545px;
  }
}

@media only screen and (max-width: 350px) {
  .imovel3 {
    height: 345px;
  }

  .imovel3 > div {
    padding: 10px;
  }
  .imovel3 > div p {
    color: #042340;
    font-style: italic;
    font-weight: 300;
  }
  .imovel3 > div h5 {
    color: #ba8409;
    font-size: 1.8rem;
  }
}

.areas {
  padding: 70px 10px;
}
.areas-grid {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 40px;
}
.areas-grid h3 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
}
.areas-grid h3 span {
  color: #ba8409;
}
.areas-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.areas-content div {
  box-shadow: 0px 0px 0px 1px #ffa400;
  max-width: fit-content;
  min-width: fit-content;
  flex: 1;
}
.areas-content div h4 {
  font-size: 20px;
  font-weight: 700;
}
.areas-content div > * {
  box-shadow: 0px 0px 0px 1px #ba8409;
  padding: 8px 15px;
  flex: 1;
}