.page-hospedagem .hero-copy{
  padding-left: clamp(40px, 7vw, 120px);
}

.page-hospedagem #privacidade .two-col{ align-items:end; }

.page-hospedagem .two-col-note{
  max-width: 420px;
  font-size: 1rem;
}



.page-hospedagem .motivos-grid{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid var(--text-dark);
  border-left: 1px solid var(--text-dark);
  margin-top: clamp(30px, 4vw, 43px);
}
.page-hospedagem .motivos-card{
  border-right: 1px solid var(--text-dark);
  border-bottom: 1px solid var(--text-dark);
  padding: clamp(18px, 2vw, 25px) clamp(26px,2.8vw,36px);
  min-height: 150px;
  display:flex;
  align-items:flex-start;
  transition: background-color var(--dur-med) var(--ease-soft);
}
.page-hospedagem .motivos-card:hover{ background: rgba(66,66,66,0.05); }
.page-hospedagem .motivos-card p{ margin:0; font-size:1.15rem; max-width:260px; }



.page-hospedagem .ficar-list{
  border-top: 1px solid rgba(244,241,232,.3);
}
.page-hospedagem .ficar-item{
  padding: clamp(11px, 1vw, 14px) 0;
  border-bottom: 1px solid rgba(244,241,232,.3);
  transition: background-color var(--dur-med) var(--ease-soft);
}
.page-hospedagem .ficar-item:hover{ background: rgba(244,241,232,.06); }
.page-hospedagem .ficar-item span{
  font-size: 1.05rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .02em;
}



.page-hospedagem .site-footer{
  border-top: 1px solid rgba(244,241,232,.16);
}



.page-hospedagem #lugar-permanece .mata-overlay h2{
  font-weight:200;
  font-size: clamp(2.3rem, 3.9vw, 3.6rem);
}



/* Quartos (bangalôs e suítes) */
.page-hospedagem .quartos-head{ text-align:center; }
.page-hospedagem .quartos-head .eyebrow{ font-size:1.05rem; }
.page-hospedagem .quartos-head p{ margin: 18px auto 0; max-width:640px; }

.page-hospedagem .quartos-grid{
  display:grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: clamp(24px, 3vw, 40px);
  row-gap: clamp(32px, 4vw, 48px);
  margin-top: clamp(28px, 3.4vw, 40px);
}
.page-hospedagem .quartos-grid--single{
  grid-template-columns: minmax(0, 560px);
  justify-content:center;
  margin-top: clamp(32px, 4vw, 48px);
}

.page-hospedagem .quarto-media{
  position:relative;
  aspect-ratio: 4 / 3;
  overflow:hidden;
  background: var(--beige);
}
.page-hospedagem .quarto-track{ position:absolute; inset:0; }
.page-hospedagem .quarto-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition: opacity .3s linear;
}
.page-hospedagem .quarto-slide.is-active{ opacity:1; }
.page-hospedagem .quarto-slide img{
  width:100%; height:100%; object-fit:cover;
  transition: transform 1.2s var(--ease-soft);
}
.page-hospedagem .quarto-card:hover .quarto-slide.is-active img{ transform: scale(1.06); }

.page-hospedagem .quarto-arrow{
  position:absolute;
  top:50%;
  right: clamp(14px, 2vw, 22px);
  transform: translateY(-50%);
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background: var(--cream);
  border: 1px solid var(--text-dark);
  border-radius:50%;
  color: var(--text-dark);
  box-shadow: 0 8px 20px rgba(20,22,17,.16);
  cursor:pointer;
  z-index:2;
  transition: background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);
}
.page-hospedagem .quarto-arrow:hover{ background: var(--dark); color: var(--text-light); border-color: var(--dark); transform: translateY(-50%) scale(1.06); }
.page-hospedagem .quarto-arrow:active{ transform: translateY(-50%) scale(.95); }
.page-hospedagem .quarto-arrow svg{ width:18px; height:18px; }

.page-hospedagem .quarto-copy{ margin-top:16px; }
.page-hospedagem .quarto-copy h4{
  font-size:1.25rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin:0;
}
.page-hospedagem .quarto-meta{
  display:block;
  font-size:0.85rem;
  font-weight:500;
  margin-top:8px;
}
.page-hospedagem .quarto-copy p{ margin:12px 0 16px; font-size:0.95rem; max-width:420px; }

.page-hospedagem .quarto-btn{
  display:inline-block;
  padding: 10px 18px;
  font-size:0.85rem;
  font-weight:400;
  color: var(--text-dark);
  background: transparent;
  border: 1px solid var(--text-dark);
  transition: background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);
}
.page-hospedagem .quarto-btn:hover{ background: var(--dark); color: var(--text-light); border-color: var(--dark); }



@media (max-width: 980px){
  .page-hospedagem .motivos-grid{ grid-template-columns: 1fr; }
  .page-hospedagem .quartos-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 560px){
  .page-hospedagem .motivos-card p{ max-width:none; }
}