/* ============ LISTE SUITES ============ */
.suites-hero{
  position:relative;
  min-height:min(58vh, 520px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background-size:cover;
  background-position:center;
  padding:10rem 2rem 4rem;
}
.suites-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.5) 100%);
}
.suites-hero-content{position:relative;z-index:1}
.suites-hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem,6vw,4.2rem);
  font-weight:300;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin:0 0 1rem;
}
.suites-hero-lead{
  font-size:clamp(1rem,1.8vw,1.25rem);
  font-style:italic;
  font-weight:300;
  opacity:.92;
  max-width:480px;
  margin:0 auto;
}

.suites-catalog{padding:4rem 0 5rem;background:var(--ivory)}
.suites-catalog-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2.5rem 2rem;
  max-width:960px;
  margin:0 auto;
}
.suite-catalog-card{
  background:var(--bg);
  transition:var(--med);
}
.suite-catalog-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.suite-catalog-card-image{
  aspect-ratio:1/1;
  overflow:hidden;
}
.suite-catalog-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1.2s var(--ease);
  margin:0;
  box-shadow:none;
}
.suite-catalog-card:hover .suite-catalog-card-image img{transform:scale(1.06)}
.suite-catalog-card-body{
  padding:1.75rem 1.5rem 2rem;
  text-align:center;
}
.suite-catalog-card-body h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.35rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:400;
  margin:0 0 .5rem;
  color:var(--ink);
}
.suite-catalog-price{
  font-size:.8rem;
  color:var(--muted);
  margin:0 0 1rem;
  letter-spacing:.05em;
}
.suite-catalog-excerpt{
  font-size:.88rem;
  line-height:1.65;
  color:var(--muted);
  margin:0 0 1.25rem;
  min-height:2.8em;
}
.suite-catalog-meta{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.75rem 1.25rem;
  margin:0 0 1.5rem;
  padding:0;
}
.suite-catalog-meta li{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-size:.7rem;
  letter-spacing:.08em;
  color:var(--muted);
}
.suite-catalog-meta .suite-icon{color:var(--green-deep)}
.suite-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.35em;
  height:1.35em;
  color:var(--green-deep);
  flex-shrink:0;
}
.suite-icon i{
  font-size:1.05em;
  line-height:1;
  display:block;
}
.suite-catalog-cta{
  display:inline-block;
  padding:.75rem 2rem;
  border:1px solid var(--ink);
  font-size:.65rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  transition:var(--med);
}
.suite-catalog-card:hover .suite-catalog-cta{
  background:var(--green-deep);
  border-color:var(--green-deep);
  color:#fff;
}

.suites-banner{
  background:var(--green-deep);
  color:#fff;
  padding:3.5rem 0;
}
.suites-banner-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
}
@media (max-width:768px){
  .suites-banner-inner{
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
  }
  .suites-banner-text{
    width:100%;
  }
  .suites-banner-text p{
    margin-left:auto;
    margin-right:auto;
  }
  .suites-banner .btn-outline--light{
    display:inline-block;
    margin-inline:auto;
  }
}
.suites-banner-text h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.5rem,3vw,2rem);
  font-weight:400;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0 0 .5rem;
}
.suites-banner-text p{
  margin:0;
  font-size:.9rem;
  opacity:.88;
  max-width:420px;
}
.btn-outline--light{
  border-color:rgba(255,255,255,.6);
  color:#fff;
}
.btn-outline--light:hover{border-color:#fff}
.btn-outline--light::before{background:rgba(255,255,255,.15)}

/* ============ DÉTAIL SUITE ============ */
.suite-detail{
  padding:3rem 0 6rem;
  background:var(--ivory);
}
.suite-back-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.68rem;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:2.5rem;
  transition:var(--fast);
}
.suite-back-link:hover{color:var(--green-deep)}
.suite-detail-intro{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:3rem 4rem;
  align-items:start;
  margin-bottom:3.5rem;
}
.suite-detail-price{
  font-size:1rem;
  color:var(--ink);
  margin:0 0 1rem;
}
.suite-detail-price strong{
  font-weight:600;
  color:var(--green-deep);
}
.suite-detail-meta{
  font-size:.92rem;
  color:var(--ink);
  margin:0 0 1.25rem;
}
.suite-detail-meta strong{font-weight:600}
.suite-detail-lead{
  font-size:1.05rem;
  line-height:1.85;
  color:var(--ink);
  margin:0 0 1.25rem;
}
.suite-detail-lead strong,
.suite-detail-desc strong{
  font-weight:600;
  color:var(--green-deep);
}
.suite-detail-desc{
  font-size:1rem;
  line-height:1.85;
  color:var(--ink);
  margin:0 0 2rem;
}
.suite-detail-amenities{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,auto);
  gap:.85rem 2rem;
  margin:0 auto 2.5rem;
  padding:0;
  width:fit-content;
  max-width:100%;
  justify-content:center;
}
.suite-detail-amenities li{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:.88rem;
  font-weight:500;
  color:var(--ink);
  text-align:left;
}
.suite-detail-amenities .suite-icon{
  width:auto;
  min-width:1.35rem;
}
.suite-detail-amenities .suite-icon i{
  font-size:1.2rem;
}
.btn-suite-book{
  display:inline-block;
  background:var(--green-deep);
  color:#fff;
  padding:1rem 2.2rem;
  font-size:.7rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  transition:var(--med);
}
.btn-suite-book:hover{
  background:var(--green);
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.suite-detail-hero-image{
  border-radius:2px;
  overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.suite-detail-hero-image img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  margin:0;
}
.suite-detail-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-bottom:4rem;
}
.suite-detail-gallery figure{
  margin:0;
  overflow:hidden;
  border-radius:2px;
}
.suite-detail-gallery img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  margin:0;
  transition:transform .8s var(--ease);
}
.suite-detail-gallery figure:hover img{transform:scale(1.04)}
.suite-detail-highlights{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2.5rem;
  padding-top:2rem;
  border-top:1px solid var(--line);
}
.suite-highlight{
  text-align:center;
}
.suite-highlight .suite-icon{
  width:64px;
  height:64px;
  margin:0 auto 1rem;
  color:var(--green-deep);
}
.suite-highlight .suite-icon i{
  font-size:1.5rem;
}
.suite-highlight h3{
  font-family:'Cormorant Garamond',serif;
  font-size:.85rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:500;
  margin:0 0 .6rem;
  color:var(--ink);
}
.suite-highlight p{
  font-size:.9rem;
  line-height:1.7;
  color:var(--ink);
  margin:0;
}

@media (max-width:960px){
  .suites-catalog-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .suite-detail-intro{grid-template-columns:1fr}
  .suite-detail-hero-image{order:-1}
  .suite-detail-highlights{grid-template-columns:1fr;gap:2rem}
}
@media (max-width:640px){
  .suite-detail-amenities{
    grid-template-columns:1fr;
    width:min(100%,20rem);
  }
  .suite-detail-gallery{grid-template-columns:1fr}
}