/* ---- pagina Apartamento ---- */
html{scroll-behavior:smooth}
.intro{padding-block:52px 48px}
.introgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.intro h1{font-size:clamp(32px,4.2vw,56px);font-weight:600;margin:0}
.intro .rule{margin:24px 0 0}
.ficha li a{display:block;text-decoration:none;color:inherit}
.ficha li a:hover b,.ficha li a:hover span{color:var(--gold-dark)}
.zwrap{scroll-margin-top:130px}
#normas{padding-block:56px 64px;scroll-margin-top:130px}
#normas h2{font-size:clamp(38px,4.6vw,58px)}
#normas .rule{margin-bottom:26px}
.normas ul{columns:2;column-gap:56px}
.normas li{break-inside:avoid;margin:0 0 16px;font-size:16.5px;line-height:1.5}
.normas li b{color:var(--title)}
#apartamento.sec{padding-block:56px 40px}
.about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}
.about h2{font-size:clamp(36px,4.2vw,52px)}
.about p{margin:18px 0 0}
.serv{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);padding:28px 30px}
.serv h3{font-size:28px;margin-bottom:14px}
.serv ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.serv li{position:relative;padding-left:24px;font-size:16px;line-height:1.45}
.serv li::before{content:"";position:absolute;left:3px;top:.55em;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.zwrap{padding-block:44px}
.zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:52px;align-items:center}
.zone.rev .zt{order:2}
.zone h2{font-size:clamp(38px,4.6vw,58px)}
.zone p{margin:16px 0 0;max-width:48ch;font-size:18px}
.zone.nofoto{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto;text-align:center}
.zone.nofoto .rule{margin-inline:auto}
.zone.nofoto p{margin-inline:auto}
.zg .frame img{aspect-ratio:3/2}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin-top:20px}
.thumbs img{width:100%;aspect-ratio:3/2;object-fit:cover}
.thumbs img:hover{outline:2px solid var(--gold)}
@media (max-width:860px){
  .intro{padding-block:44px 36px}
  .introgrid,.about,.zone{grid-template-columns:minmax(0,1fr);gap:36px}
  .zwrap{scroll-margin-top:84px}
  #normas{padding-block:40px 48px;scroll-margin-top:84px}
  .normas ul{columns:1}
  .zone.rev .zt{order:0}
  .introgrid .frame{order:-1}
  .zwrap{padding-block:48px}
}