/* ==========================================================================
   Imagens responsivas
   --------------------------------------------------------------------------
   As <figure style="background-image: url(...)"> do tema viraram
   <figure class="qs-figimg"><img class="qs-cover"></figure> (ver qs_cover_figure()
   em functions.php). O objetivo aqui e reproduzir exatamente o que o
   background-size: cover + background-position: center faziam, sem tocar no
   position da figure — ele varia entre static, relative e absolute conforme o
   bloco, e ja vem do style.min.css.
   ========================================================================== */

.qs-figimg {
    overflow: hidden;               /* deixa o border-radius da figure recortar a img */
}

.qs-figimg > .qs-cover {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}

/* Enquanto o lazy load do Smush nao troca o placeholder pela imagem real, o slot
   fica com o mesmo cinza do placeholder dele em vez de um retangulo vazio. */
.qs-figimg > .qs-cover:not(.lazyloaded) {
    background-color: #f3f3f3;
}

/* Imagens de promocao: nao preenchem um slot de altura fixa, so acompanham a
   largura do card (era o style="width:100%;border-radius:10px 10px 0px 0px"
   inline que estava no single-hotel.php). */
.qs-promo-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0px 0px;
}

/* Mapa da home: acompanha a largura do bloco, como o <img> sem atributos que
   estava ali antes (agora ele vem com width/height do WordPress). */
.qs-mapa-home {
    display: block;
    width: 100%;
    height: auto;
}