/*vr-theme-vrbooking/modulos/hospedagem/site.css*/
.div-grade-quartos { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.div-cartao-quarto, .div-reservar-quarto { display: flex; flex-direction: column; border-radius: var(--raio); background: #fff; overflow: hidden; }
.div-cartao-quarto-foto, .div-reservar-quarto-foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.div-cartao-quarto-corpo, .div-reservar-quarto-corpo { display: flex; flex: 1; flex-direction: column; padding: 20px 24px 24px; }
.div-cartao-quarto-titulo, .div-reservar-quarto-corpo h3 { margin: 0 0 4px; font-size: 1.15rem; }
.div-cartao-quarto-detalhe, .div-reservar-quarto-corpo p { margin: 0 0 10px; color: var(--cor-suave); font-size: .9rem; }
.div-cartao-quarto-texto { flex: 1; margin: 0 0 16px; color: var(--cor-suave); font-size: .95rem; }
.div-cartao-quarto-rodape, .div-reservar-quarto-rodape { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; margin-top: auto; }
.div-cartao-quarto-preco, .div-reservar-quarto-rodape strong { color: var(--cor-principal); font-size: 1.15rem; }
.div-cartao-quarto-preco small, .div-reservar-quarto-rodape small { color: var(--cor-suave); font-size: .78rem; font-weight: 500; }
.div-reservar-datas { display: grid; grid-template-columns: repeat(3, 1fr) auto; align-items: end; gap: 14px; padding: 20px; border-radius: var(--raio); background: #fff; }
.div-reservar-campo { display: grid; gap: 6px; font-size: .85rem; font-weight: 600; }
.div-reservar-campo input { min-height: 46px; padding: 0 12px; border: 1px solid #d6dbe6; border-radius: 10px; font: inherit; font-weight: 500; }
.div-reservar-horarios { margin: 10px 0 24px; color: var(--cor-suave); font-size: .85rem; }
.div-reservar-quartos { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.div-reservar-quarto.is-pedido { box-shadow: 0 0 0 2px var(--cor-principal); }
.div-reservar-quarto-texto { flex: 1; }
.div-reservar-aviso { grid-column: 1 / -1; margin: 0; padding: 18px; border-radius: var(--raio); background: #fff; color: var(--cor-suave); }
.div-reservar-dados, .div-reservar-pronto { margin-top: 28px; padding: 24px; border-radius: var(--raio); background: #fff; }
.div-reservar-dados[hidden], .div-reservar-pronto[hidden] { display: none; }
.div-reservar-dados-titulo, .div-reservar-pronto h2 { margin: 0 0 16px; font-size: 1.2rem; }
.div-reservar-pronto p { margin: 0; color: var(--cor-suave); }
@media (max-width: 720px) {
  .div-reservar-datas { grid-template-columns: 1fr 1fr; }
  .div-reservar-datas .div-botao-principal { grid-column: 1 / -1; }
}
.div-inicio-reservar { display: grid; grid-template-columns: repeat(3, 1fr) auto; align-items: end; gap: 14px; margin-top: 20px; padding: 20px; border-radius: var(--raio); background: #fff; }
.div-inicio-quartos { margin-top: 40px; }
@media (max-width: 720px) {
  .div-inicio-reservar { grid-template-columns: 1fr 1fr; }
  .div-inicio-reservar .div-botao-principal { grid-column: 1 / -1; }
}