.lband{background:var(--sea);color:#fff;font-size:.85rem}.lb-in{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;min-height:44px}.lb-in p{margin:0}
@media(max-width:600px){.lb-in p{display:none}.lb-in .lang{margin-left:auto}}
.hd{background:#fff;border-bottom:1px solid #e3e8e6;position:sticky;top:0;z-index:30}.hd-in{display:flex;align-items:center;gap:1.5rem;min-height:68px}
.logo{display:flex;align-items:center;gap:.5rem;font:400 1.6rem var(--fh);text-decoration:none;color:var(--sea);margin:0}.logo svg{width:2.4rem}.logo i{color:var(--accent)}
.nav{display:none;gap:1.5rem;margin-left:auto;font-weight:500}.nav a{text-decoration:none;padding:.5rem 0}
.btn-sm{min-height:44px;padding:.4rem .9rem;margin-left:auto;background:var(--sea)}@media(max-width:520px){.btn-sm span{display:none}}
@media(min-width:900px){.nav{display:flex}.btn-sm{margin-left:0}}
.hero{position:relative;padding:5rem 0 3rem;color:#fff;min-height:70svh;display:grid;align-items:end}
.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,35,42,.15),rgba(15,35,42,.7))}
.hero-c{position:relative}.hero h1{font-size:clamp(2.3rem,6vw,4.4rem);font-weight:400;max-width:17ch}
.search{display:grid;gap:.6rem;background:#fff;color:var(--ink);padding:1rem;border-radius:1rem;box-shadow:0 20px 50px rgba(0,0,0,.2);margin-top:1.5rem}
@media(min-width:800px){.search{grid-template-columns:repeat(3,1fr) auto;align-items:end;padding:1.1rem 1.2rem}}
.search label{display:grid;gap:.2rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.search select{min-height:48px;border:1.5px solid #d4dcd9;border-radius:.6rem;padding:.4rem .6rem;font-size:1rem;color:var(--ink);background:#fff;text-transform:none;letter-spacing:0}
.sec{padding:4.5rem 0}.sec-alt{background:var(--bg2)}.sec h2{font-size:clamp(2rem,4.5vw,3rem);font-weight:400;color:var(--sea)}
.head-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.count b{font:400 1.8rem var(--fh);color:var(--accent)}
.cards{display:grid;gap:1.25rem}@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}}
.card[hidden]{display:none}
.card-b{all:unset;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border-radius:1rem;overflow:hidden;cursor:pointer;box-shadow:0 2px 0 #e3e8e6,0 10px 30px rgba(23,50,60,.06);position:relative;transition:transform .2s,box-shadow .2s}
.card-b:hover{transform:translateY(-3px);box-shadow:0 2px 0 #e3e8e6,0 18px 40px rgba(23,50,60,.12)}.card-b:focus-visible{outline:3px solid var(--sea);outline-offset:3px}
.card-b img{aspect-ratio:4/3;object-fit:cover;width:100%}
.zone{position:absolute;top:.8rem;left:.8rem;background:#fff;color:var(--sea);font-size:.78rem;font-weight:700;padding:.25rem .6rem;border-radius:99px;text-transform:uppercase;letter-spacing:.06em}.zone.interior{color:var(--pine)}
.cbody{display:grid;gap:.35rem;padding:1rem 1.1rem 1.2rem}.price{font:400 1.7rem var(--fh);color:var(--accent)}.ct{font-weight:700;font-size:1.05rem}
.loc{display:flex;gap:.3rem;align-items:center;color:var(--muted);font-size:.92rem}
.spec{display:flex;gap:1rem;align-items:center;border-top:1px solid #edf0ef;padding-top:.6rem;margin-top:.3rem;font-size:.92rem}.spec span{display:flex;gap:.25rem;align-items:center}.spec .ref{margin-left:auto;color:var(--muted);font-size:.8rem}
.empty{padding:2rem;background:var(--bg2);border-radius:1rem}
dialog.det{border:0;border-radius:1rem;padding:0;width:min(960px,100% - 1.5rem);max-height:92vh;overflow:auto}dialog.det::backdrop{background:rgba(15,35,42,.6)}
.det article{display:grid}@media(min-width:850px){.det article{grid-template-columns:1.1fr 1fr}}
.det .x{position:sticky;top:.5rem;justify-self:end;margin:.5rem .5rem -3.5rem 0;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:1.6rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);grid-column:1/-1}
.dgal{grid-template-columns:1fr 1fr;gap:4px}.dgal button:first-child{grid-column:span 2}.dgal img{aspect-ratio:4/3}
.det-b{padding:1.5rem}.det-b h2{font-size:1.8rem;color:var(--ink)}.det .ref{color:var(--muted);font-size:.85rem;margin:0 0 .3rem}
.spec2{display:flex;gap:1rem;flex-wrap:wrap;padding-left:1.1rem}
.calc{background:var(--bg2);padding:1rem 1.2rem;border-radius:.8rem;margin:1rem 0;display:grid;gap:.4rem}.calc h3{font:400 1.3rem var(--fh);margin:0}
.calc label{display:grid;grid-template-columns:1fr auto;font-weight:700;font-size:.92rem}.calc input{grid-column:1/-1;accent-color:var(--sea);height:36px}
.q{margin:.3rem 0 0}.q b{font:400 1.8rem var(--fh);color:var(--sea)}.small{font-size:.82rem;color:var(--muted);margin:0}
.zonas{display:grid;gap:1.5rem}@media(min-width:850px){.zonas{grid-template-columns:1fr 1fr}}
.zc{position:relative;border-radius:1rem;overflow:hidden;color:#fff;min-height:22rem;display:grid;align-items:end}.zc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zc div{position:relative;padding:1.5rem;background:linear-gradient(transparent,rgba(10,30,36,.85) 40%)}.zc h2{color:#fff;margin:0}.zc.interior div{background:linear-gradient(transparent,rgba(30,45,32,.88) 40%)}
.sell{display:grid;gap:2rem}@media(min-width:900px){.sell{grid-template-columns:1fr 1fr}}
.ticks li{display:flex;gap:.5rem;padding:.4rem 0}.ticks .ico{color:var(--pine)}
.vform{display:grid;gap:1rem;background:#fff;border:1px solid #e3e8e6;padding:1.5rem;border-radius:1rem}.vform label{display:grid;gap:.3rem;font-weight:700}.vform input,.vform select{min-height:48px;border:1.5px solid #d4dcd9;border-radius:.6rem;padding:.5rem .7rem;background:#fff}
.btns{display:flex;gap:.6rem;flex-wrap:wrap}
.team{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.team article{background:#fff;padding:1.5rem;border-radius:1rem}
.ini{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--sea);color:#fff;font-weight:700;margin-bottom:.8rem}
.team h3{font:400 1.4rem var(--fh);margin:0}.lng{font-weight:700;color:var(--accent);letter-spacing:.08em;font-size:.85rem}
.qr-row{margin-top:2rem;max-width:36rem}.rev{box-shadow:0 2px 0 #e3e8e6}
.visit{display:grid;gap:2rem}@media(min-width:900px){.visit{grid-template-columns:1fr 1fr}}.map .big-pin{width:2.5rem;height:2.5rem;color:var(--accent)}
.foot{background:var(--sea);color:#fff;padding:3.5rem 0 1.5rem}.foot .logo{color:#fff}.foot .logo i{color:#F2B9A0}.foot .demo-note{margin-top:2rem}
.lband :focus-visible,.hero :focus-visible,.zc :focus-visible,.foot :focus-visible{outline-color:#fff}

.team .face{width:5.5rem;height:5.5rem;border-radius:50%;object-fit:cover;margin-bottom:.8rem;border:3px solid var(--sea)}
