.page-espacos .espacos-hero-title{
  font-size: clamp(2.4rem, 4vw, 3.7rem);
}
.page-espacos #espacos-da-reserva .hero-media{
  aspect-ratio: auto;
  min-height: clamp(480px, 82vh, 680px);
}



.page-espacos .diferente-head{
  text-align:center;
  max-width:none;
  margin-left:0;
  position:relative;
}
.page-espacos .diferente-head .eyebrow{
  display:block;
  text-align:left;
}



.page-espacos .espacos-grid{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  margin-top: clamp(24px, 3vw, 34px);
  padding-top:1px;
  padding-left:1px;
}
.page-espacos .espacos-card{
  display:block;
  width:100%;
  border: 1px solid var(--text-dark);
  margin: -1px 0 0 -1px;
  padding: clamp(19px, 2vw, 28px) clamp(28px,3vw,40px);
  min-height: clamp(210px, 20vw, 260px);
  transition: background-color var(--dur-med) var(--ease-soft);
}
.page-espacos .espacos-card:hover{ background: rgba(66,66,66,0.05); }
.page-espacos .espacos-card h4{
  font-size: 1.4rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin: 0;
}
.page-espacos .espacos-card .card-meta{
  display:block;
  font-size:0.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6b6b63;
  margin-top:8px;
}
.page-espacos .espacos-card p{ font-size:0.95rem; margin:26px 0 0; max-width:280px; }



.page-espacos .hospedagem-media{ position:relative; overflow:hidden; max-height:none; }
.page-espacos .natural-track{ position:relative; width:100%; height:100%; }
.page-espacos .natural-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition: opacity .15s linear;
}
.page-espacos .natural-slide.is-active{ opacity:1; }
.page-espacos .natural-slide img{ width:100%; height:100%; object-fit:cover; display:block; }

.page-espacos .media-arrow-btn{
  position:absolute;
  right: clamp(24px, 3vw, 40px);
  bottom: clamp(24px, 3vw, 40px);
  width:64px;
  height:64px;
  border-radius:50%;
  border: 1px solid var(--text-light);
  background:transparent;
  color: var(--text-light);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  font:inherit;
  z-index:1;
  transition: background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);
}
.page-espacos .media-arrow-btn svg{ width:22px; height:22px; }
.page-espacos .media-arrow-btn:hover{ background: var(--text-light); color: var(--dark); transform: scale(1.06); }
.page-espacos .media-arrow-btn:active{ transform: scale(.95); }

.page-espacos .hospedagem-copy{
  justify-content:flex-start;
  padding-top: clamp(38px, 5vw, 62px);
  padding-bottom: 0;
}

.page-espacos .natural-list{ border-top:1px solid rgba(244,241,232,.3); margin-top: clamp(17px, 2vw, 24px); }
.page-espacos .natural-item{
  padding: clamp(12px, 2vw, 17px) 0;
  border-bottom: 1px solid rgba(244,241,232,.3);
  transition: background-color var(--dur-med) var(--ease-soft);
}
.page-espacos .natural-item:hover{ background: rgba(244,241,232,.06); }
.page-espacos .natural-item h4{
  font-size:1.3rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin: 0 0 10px;
}
.page-espacos .natural-item p{ margin:0; font-size:0.95rem; max-width:540px; }



.page-espacos .cta-split{
  display:flex;
  justify-content:space-between;
  gap: clamp(18px, 3vw, 48px);
  flex-wrap:wrap;
}
.page-espacos .cta-main{ flex:1 1 480px; max-width:640px; }
.page-espacos .cta-main p{ margin-top:22px; max-width:560px; }

.page-espacos .cta-side{
  display:flex;
  align-items:center;
  gap: clamp(14px, 2vw, 24px);
  flex:0 0 auto;
}
.page-espacos .cta-side .divider{
  width:1px;
  height: clamp(110px, 11vw, 160px);
  align-self:center;
  background: rgba(244,241,232,.35);
}
.page-espacos .cta-side-content{
  display:flex;
  flex-direction:column;
  gap:16px;
  justify-content:center;
}
.page-espacos .cta-side-content .cta-label{ font-size:1rem; font-weight:400; }

.page-espacos .btn-light{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background: var(--text-light);
  color: var(--dark);
  font-size:0.8rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  font-weight:500;
  padding: 16px 22px;
  border: 1px solid var(--text-light);
  transition: background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);
}
.page-espacos .btn-light svg{ width:15px; height:15px; }
.page-espacos .btn-light:hover{ background: transparent; color: var(--text-light); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.18); }



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



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

@media (max-width: 768px){
  .page-espacos .cta-split{ flex-direction:column; }
  .page-espacos .cta-main{ flex-basis:auto; }
  .page-espacos .cta-side .divider{ display:none; }
}

@media (max-width: 560px){
  .page-espacos .espacos-grid{ grid-template-columns:1fr; }
  .page-espacos .media-arrow-btn{ width:52px; height:52px; }
}