:root{--ink:#203027;--sage:#7a8b67;--sand:#c8a96b;--cream:#f7f3ec;--white:#fff;--muted:#6f776f;--line:#e8e1d5;--shadow:0 18px 45px rgba(28,45,34,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbfaf7,#f3eee5)}
a{text-decoration:none;color:inherit}.wrap{max-width:1080px;margin:auto;padding:0 20px}.top{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,225,213,.8)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand img{width:160px;display:block}.nav-actions{display:flex;gap:10px;align-items:center}.pill,.lang{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}
.hero{padding:70px 0 34px}.hero-card{min-height:430px;border-radius:34px;padding:48px;display:flex;align-items:end;overflow:hidden;position:relative;background:
radial-gradient(circle at 80% 15%,rgba(255,255,255,.5),transparent 30%),
linear-gradient(135deg,#64745d,#a8ad8b 55%,#d6bd8b);box-shadow:var(--shadow)}
.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,39,29,.72),transparent 62%)}
.hero-copy{position:relative;color:#fff;max-width:700px}.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,76px);line-height:.98;margin:12px 0 16px}.hero p{font-size:19px;line-height:1.6;margin:0;max-width:620px}
.section{padding:34px 0}.section h2{font-family:Georgia,serif;font-size:38px;margin:0 0 8px}.lead{color:var(--muted);margin:0 0 24px;line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 10px 28px rgba(28,45,34,.06)}
.villa-card{display:flex;flex-direction:column;gap:18px}.villa-visual{height:210px;border-radius:20px;display:flex;align-items:end;padding:20px;color:#fff;background:
linear-gradient(0deg,rgba(22,35,26,.62),transparent),
linear-gradient(135deg,#87977c,#d1b981)}
.villa-visual.two{background:linear-gradient(0deg,rgba(22,35,26,.62),transparent),linear-gradient(135deg,#6e8a8c,#d5b983)}
.villa-visual h3{font-family:Georgia,serif;font-size:30px;margin:0}.meta{display:flex;gap:10px;flex-wrap:wrap}.tag{background:var(--cream);border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:14px;font-weight:800;border:1px solid var(--line);background:#fff}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.whatsapp{background:#e8f7ed;color:#176b35;border-color:#ccebd6}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick .card{text-align:center;padding:20px 12px}.icon{font-size:28px;display:block;margin-bottom:8px}
.info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.wifi-box{display:flex;align-items:center;gap:20px}.wifi-box img{width:130px;border-radius:14px;border:1px solid var(--line)}.small{font-size:13px;color:var(--muted)}.copy{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--cream);padding:9px 11px;border-radius:10px;display:inline-block;margin-top:6px}
.list{display:grid;gap:12px}.list a,.list .row{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.list a:last-child,.list .row:last-child{border-bottom:0}.list strong{display:block}.list span{color:var(--muted);font-size:14px}
.notice{background:#24352a;color:#fff;border-radius:26px;padding:28px}.footer{padding:45px 0 60px;color:var(--muted);text-align:center}.hide{display:none!important}
@media(max-width:760px){.hero{padding-top:28px}.hero-card{padding:26px;min-height:390px;border-radius:24px}.grid,.info-grid{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}.actions{grid-template-columns:1fr}.brand img{width:135px}.nav{height:66px}.section h2{font-size:31px}.wifi-box{align-items:flex-start}.wifi-box img{width:105px}}