/* Target the images inside the listing grid */
.quarto-listing-container-grid .thumbnail-image {
    width: 100%; /* Make the image take up the full width of the container */
    height: auto; /* Maintain the image's aspect ratio */
    max-height: 150px; /* Set a maximum height for the image */
    object-fit: cover; /* Ensure the image fits nicely within the dimensions */
    border-radius: 5px; /* Optional: Add rounded corners to the images */
    margin: 0 auto; /* Center the image inside the grid item */
  }
  
  /* Adjust card appearance for consistency */
  .quarto-listing-container-grid .quarto-grid-item.card {
    padding: 10px; /* Add some padding around the card */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Add a subtle shadow for better visibility */
    border: 1px solid #ddd; /* Optional: Add a border to cards */
    border-radius: 10px; /* Rounded corners for the card */
  }
  
  /* Ensure cards maintain spacing and alignment */
  .quarto-listing-container-grid .g-col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px; /* Add spacing between grid items */
  }
  
  /* Add hover effect for images */
  .quarto-listing-container-grid .thumbnail-image:hover {
    transform: scale(1.05); /* Slightly enlarge the image on hover */
    transition: transform 0.2s ease-in-out; /* Smooth transition for hover effect */
  }

/* Controle do espaçamento vertical em tabelas flutuantes do Quarto */
.quarto-float-tbl td,
.quarto-float-tbl th {
  line-height: 1.4; /* Espaçamento entre linhas dentro das células */
  padding-top: 6px; /* Espaço acima do conteúdo da célula */
  padding-bottom: 6px; /* Espaço abaixo do conteúdo da célula */
  vertical-align: middle; /* Garante alinhamento vertical centralizado */
}

.navbar-title {
  color: white;
}