:root{
  --ink:#11130f;
  --muted:#6d6a61;
  --line:#e9e3d8;
  --paper:#fffdf8;
  --white:#ffffff;
  --gold:#c6a15b;
  --blue:#153958;
  --soft:#f5efe4;
  --shadow:0 22px 70px rgba(17,19,15,.13);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin:0 auto}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{width:min(1180px,94%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0}
.brand img{width:120px;height:72px;object-fit:contain}
.menu{display:flex;align-items:center;gap:10px;font-weight:700;color:#2d2b27}
.menu a{padding:10px 14px;border-radius:999px;transition:.25s ease}
.menu a:hover{background:var(--soft)}
.menu-cta{background:var(--ink)!important;color:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.menu-btn{display:none;background:var(--ink);border:0;border-radius:14px;width:48px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-btn span{width:22px;height:2px;background:#fff;border-radius:10px}
.hero{position:relative;isolation:isolate;padding:78px 0 70px;background:radial-gradient(circle at 12% 20%,#f8edda 0,transparent 34%),linear-gradient(135deg,#fff 0%,#fff9ef 100%)}
.hero:before{content:"";position:absolute;right:-120px;top:60px;width:420px;height:420px;border:1px solid rgba(198,161,91,.28);border-radius:50%;z-index:-1}
.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:46px;align-items:center}
.tag{display:inline-flex;letter-spacing:.12em;text-transform:uppercase;font-weight:900;font-size:.76rem;color:var(--gold);margin-bottom:14px}
h1,h2,h3{line-height:1.08;font-family:Georgia,'Times New Roman',serif;color:var(--ink)}
h1{font-size:clamp(3rem,7vw,6.6rem);letter-spacing:-.06em;max-width:720px}
h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;margin-bottom:16px}
h3{font-size:1.45rem;margin-bottom:8px}
.lead{font-size:1.16rem;color:var(--muted);max-width:620px;margin:22px 0 26px}
.rent-box{display:inline-flex;align-items:center;gap:18px;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:16px 20px;margin-bottom:28px;box-shadow:var(--shadow)}
.rent-box span{font-weight:800;color:var(--muted)}
.rent-box strong{font-size:2.15rem;color:var(--blue);line-height:1}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900;transition:.25s ease;border:1px solid transparent}
.primary{background:var(--ink);color:#fff;box-shadow:0 16px 32px rgba(0,0,0,.18)}
.primary:hover{transform:translateY(-2px);background:#000}
.secondary{background:#fff;color:var(--ink);border-color:var(--line)}
.secondary:hover{background:var(--soft);transform:translateY(-2px)}
.hero-card{position:relative;border-radius:34px;overflow:hidden;background:#fff;padding:12px;box-shadow:var(--shadow);border:1px solid var(--line)}
.hero-card>img{width:100%;height:610px;object-fit:cover;border-radius:26px}
.hero-badge{position:absolute;left:32px;bottom:32px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:12px 16px;font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.hero-badge img{width:54px;height:46px;object-fit:contain}
.section{padding:78px 0;background:#fff}
.section-title{text-align:center;max-width:760px;margin:0 auto 34px}
.section-title p{color:var(--muted);font-size:1.05rem}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px 24px;box-shadow:0 15px 40px rgba(17,19,15,.07);transition:.25s ease}
.card:hover{transform:translateY(-5px)}
.card span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fff;margin-bottom:18px;font-size:1.8rem;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.card p,.split-text p,.location p,.contact p{color:var(--muted)}
.lifestyle{background:linear-gradient(180deg,#fff 0%,#fdf8f0 100%)}
.split{display:grid;grid-template-columns:.9fr 1fr;gap:48px;align-items:center}
.photo-frame{border-radius:34px;background:#fff;padding:12px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.photo-frame img{height:520px;width:100%;object-fit:cover;border-radius:25px}
.mini-list{display:grid;gap:12px;margin-top:24px}
.mini-list div{display:flex;justify-content:space-between;gap:18px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:18px}
.mini-list b{color:var(--blue)}
.gallery-section{background:#fff}
.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:280px;gap:16px}
.gallery-item{position:relative;overflow:hidden;border:0;border-radius:28px;background:#f3f0e9;cursor:pointer;box-shadow:0 16px 42px rgba(17,19,15,.09);padding:0}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-item span{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.92);border-radius:18px;padding:11px 14px;font-weight:900;text-align:left;color:var(--ink)}
.gallery-item.tall{grid-row:span 2}
.gallery-item.wide{grid-column:span 2}
.location{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:var(--ink);color:#fff;border-radius:34px;padding:42px;box-shadow:var(--shadow);overflow:hidden;position:relative}
.location:after{content:"";position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:rgba(198,161,91,.2)}
.location h2,.location p{color:#fff;position:relative;z-index:2}
.location-tags{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:2}
.location-tags span{padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-weight:800}
.contact{background:linear-gradient(135deg,#f8f0e3 0%,#fff 100%)}
.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:34px;align-items:center}
.contact h3{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-top:18px}
.phone{font-size:2rem;font-weight:900;color:var(--blue)}
.contact-box{background:#fff;border:1px solid var(--line);border-radius:34px;padding:32px;text-align:center;box-shadow:var(--shadow)}
.contact-box img{width:170px;margin:0 auto 16px}
.contact-box strong{display:block;font-size:2.3rem;margin:4px 0 22px;color:var(--blue)}
.full{width:100%}
.footer{background:#0d0d0b;color:#fff;padding:28px 0}
.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center}
.footer span,.footer p{color:#eee}
.footer a{font-weight:900;color:#fff;text-decoration:underline}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;z-index:60;box-shadow:0 16px 35px rgba(0,0,0,.22)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:100;padding:24px}
.lightbox.active{display:flex}
.lightbox img{max-width:min(960px,94vw);max-height:82vh;object-fit:contain;border-radius:18px;background:#fff}
.lightbox p{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;font-weight:900;background:rgba(0,0,0,.45);padding:8px 14px;border-radius:999px}
.close{position:absolute;top:20px;right:24px;border:0;background:#fff;color:#000;width:44px;height:44px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer}
@media(max-width:900px){
  .menu-btn{display:flex}.menu{position:absolute;top:82px;left:3%;right:3%;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow)}.menu.open{display:flex}.menu a{text-align:center}
  .hero-grid,.split,.location,.contact-grid{grid-template-columns:1fr}.hero{padding-top:42px}.hero-card>img{height:480px}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr;grid-auto-rows:auto}.gallery-item,.gallery-item.tall,.gallery-item.wide{grid-column:auto;grid-row:auto;height:auto}.gallery-item img{height:auto;object-fit:contain;background:#f5f0e8}.footer-inner{flex-direction:column;text-align:center}.location{padding:30px}.photo-frame img{height:auto;object-fit:contain}.phone{font-size:1.6rem}
}
@media(max-width:560px){.brand img{width:96px;height:60px}h1{font-size:2.7rem}.cards{grid-template-columns:1fr}.hero-card>img{height:auto;object-fit:contain}.rent-box{width:100%;justify-content:space-between}.rent-box strong{font-size:1.8rem}.section{padding:56px 0}.whatsapp{right:14px;bottom:14px;padding:12px 14px}.hero-badge{left:20px;right:20px;bottom:20px}.gallery-item span{font-size:.92rem}}