/* Área da miniatura com proporção fixa (4:3) */
.quarto-listing .thumbnail,
.listing .thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;        /* mude p/ 3/2, 16/9, etc. */
  overflow: hidden;
  background: #f2f2f2;
}

/* Imagem sempre “cobre” a área, cortando sobras */
.quarto-listing .thumbnail > img,
.listing .thumbnail > img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* padroniza o enquadramento */
  object-position: center;
  display: block;
}

/* Fallback quando NÃO há <img> dentro da thumbnail */
.quarto-listing .thumbnail:has(img) { background-image: none; }
.quarto-listing .thumbnail:not(:has(img)),
.listing .thumbnail:not(:has(img)) {
  background-image: url("../..images/placeholder-dark.png");
  background-size: cover;
  background-position: center;
}

/* assets/css/cards.css */
.quarto-grid-item .thumbnail-image img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}