/* Boavista 5205 — estilos específicos desta landing page */

/* Linha 1 e 5 — imagem full-width */
.gallery__big img {
  width: 100%;
  aspect-ratio: 1240 / 648;
  object-fit: cover;
}

/* Linha 2 — duas imagens landscape iguais */
.gallery__two.gallery__equal img {
  aspect-ratio: 610 / 350;
  object-fit: cover;
}

/* Linha 3 — retrato alto à esquerda + landscape à direita */
.gallery__two.gallery__tall-left {
  align-items: end;
}
.gallery__two.gallery__tall-left img:nth-child(1) {
  aspect-ratio: 5 / 7;
  object-fit: cover;
}
.gallery__two.gallery__tall-left img:nth-child(2) {
  aspect-ratio: 16 / 17;
  object-fit: cover;
}

/* Linha 4 — três colunas: walk-in (alto) | exterior (central) | quartos (empilhados) */
.gallery__three {
  display: grid;
  grid-template-columns: 1.2fr 0.6fr 1.2fr;
  gap: 24px;
  align-items: start;
  margin-top: 25px;
  margin-bottom: 25px;
}

.gallery__two { margin-top: 25px;
  margin-bottom: 25px;}

.gallery__three > img {
  width: 100%;
  object-fit: cover;
}

.gallery__three > img:nth-child(1) {
  aspect-ratio: 2 / 3;
}

.gallery__three > img:nth-child(2) {
  aspect-ratio: 2 / 4;
}

.gallery__three__stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.gallery__three__stack img {
  width: 100%;
  aspect-ratio: 16 / 12;
  object-fit: cover;
}

.place__image img {
    width: 100%;
    aspect-ratio: 582 / 706;
    object-fit: cover;
}

.place {
    padding: 0px 0 155px;
    display: grid;
    grid-template-columns: minmax(250px, 482px) minmax(320px, 518px);
    justify-content: space-between;
    gap: clamp(36px, 7vw, 120px);
    align-items: start;
}

@media (max-width: 680px) {
  .gallery__three {
    grid-template-columns: 1fr;
    margin-top: 25px;
    margin-bottom: 0;
  }

  .gallery__three__stack {margin-bottom: 24px;}

  .place {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 0 80px;
  }
}