:root{--forest:#142820;--forest2:#203a2e;--ink:#212720;--muted:#72786f;--cream:#f4f1e9;--paper:#fbfaf6;--gold:#c5a773;--line:#dfddd4;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--wrap:min(1180px,calc(100% - 64px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #e5bf79;outline-offset:4px}.skip-link{position:absolute;left:16px;top:-60px;background:white;padding:10px 14px;z-index:20}.skip-link:focus{top:10px}.wrap{width:var(--wrap);margin-inline:auto}.site-header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1280px)/2));position:relative;z-index:10;border-bottom:1px solid #efeee8}.brand{display:flex;align-items:center;gap:11px}.brand-mark{color:var(--forest);width:52px;height:52px;display:block;flex:none}.brand-mark svg{display:block;width:100%;height:100%}.brand-name{font-size:10px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;color:#60665d}.brand-name strong{font-size:12px;color:var(--forest);letter-spacing:.035em}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600;letter-spacing:.03em}.nav>a:not(.nav-cta):hover,.back-top:hover{color:#9a7741}.nav-cta{padding:13px 18px;border:1px solid var(--forest);color:var(--forest);transition:.2s}.nav-cta:hover{background:var(--forest);color:#fff}.nav-cta span{margin-left:12px}.menu-toggle{display:none}
.hero{height:min(760px,calc(100svh - 82px));min-height:620px;position:relative;background:var(--forest);color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url('assets/fachada-residencial.webp');background-size:cover;background-position:center 60%;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,rgba(12,28,21,.91) 0%,rgba(12,28,21,.78) 36%,rgba(12,28,21,.22) 76%,rgba(12,28,21,.04) 100%),linear-gradient(0deg,rgba(12,28,21,.24),transparent 45%)}.hero-content{position:relative;z-index:1;padding-top:clamp(70px,10vh,112px)}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:10px;letter-spacing:.19em;font-weight:700;color:#6c7669;margin:0 0 20px}.eyebrow>span{width:24px;height:1px;background:var(--gold);display:inline-block}.eyebrow.light{color:#e2dfd4}.hero h1,.section-heading h2,.intro h2,.casa10 h2,.location h2,.contact h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.04;margin:0}.hero h1{font-size:clamp(54px,6.7vw,88px)}h1 em,h2 em{font-weight:500;color:var(--gold)}.hero-copy{font-size:17px;color:rgba(255,255,255,.85);max-width:420px;margin:25px 0 30px}.hero-facts{display:flex;align-items:center;gap:22px;margin-bottom:32px}.hero-facts span{display:flex;flex-direction:column}.hero-facts b{font-family:var(--serif);font-size:19px;font-weight:500}.hero-facts small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.64)}.hero-facts i{height:34px;width:1px;background:rgba(255,255,255,.3)}.hero-actions{display:flex;gap:24px;align-items:center}.button{min-height:50px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:12px;font-weight:700;letter-spacing:.025em;transition:.2s}.button span{font-size:16px}.button-gold{background:var(--gold);color:#14251e}.button-gold:hover{background:#dfc18c;transform:translateY(-2px)}.text-link{font-size:12px;color:white}.text-link span{color:var(--gold);margin-left:8px}.hero-note{font-size:10px;color:rgba(255,255,255,.65);margin-top:20px}.hero-caption{position:absolute;right:32px;bottom:21px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.section-pad{padding:108px 0}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:54px}.intro h2,.section-heading h2,.location h2{font-size:clamp(42px,5.5vw,66px)}.intro h2 em,.section-heading h2 em,.location h2 em{color:#aa8a56}.intro-copy{max-width:460px;padding-bottom:8px}.intro-copy p,.section-heading>p,.location-copy>p:not(.eyebrow){font-size:15px;color:#686f65;line-height:1.85;margin:0 0 23px}.arrow-link{font-size:12px;font-weight:700;border-bottom:1px solid #c4b99f;padding-bottom:9px;display:inline-flex;gap:34px;align-items:center;color:var(--forest)}.arrow-link span{font-size:17px;color:#a78751;transition:transform .2s}.arrow-link:hover span{transform:translateX(4px)}.feature-photo{position:relative;height:460px;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:22px 28px;color:white;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent);font-family:var(--serif);font-size:18px}.photo-label span{font:10px var(--sans);letter-spacing:.14em;margin-right:18px;color:#e4c68f}
.plans{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:48px}.section-heading>p{max-width:355px;margin-bottom:4px}.plan-card{display:grid;grid-template-columns:1.5fr .78fr;background:white;min-height:410px}.plan-image{position:relative;min-height:410px;background:#e7e6df;display:flex;align-items:center}.plan-image>a{display:block;width:100%;line-height:0}.plan-image img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain}.image-tag{position:absolute;top:20px;left:20px;background:#fff;padding:9px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--forest);font-weight:700}.plan-details{padding:52px 48px;display:flex;flex-direction:column;align-items:flex-start}.plan-details .eyebrow{margin-bottom:16px}.plan-details h3{font:500 34px/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 20px}.check-list{list-style:none;padding:0;margin:0 0 22px}.check-list li{padding:8px 0 8px 20px;font-size:12px;color:#555d53;position:relative;border-bottom:1px solid #eee}.check-list li:before{content:'✓';position:absolute;left:0;color:#ad8c55}.small-note{font-size:10px;line-height:1.6;color:#85897f;margin:14px 0 0}.plan-details .arrow-link{margin-top:auto}
.casa10{background:var(--forest);color:white}.casa10-grid{display:grid;grid-template-columns:1fr .85fr;gap:88px;align-items:center}.casa10-photo{position:relative;height:550px;background:#263b30}.casa10-photo img{width:100%;height:100%;object-fit:cover}.casa10-copy{max-width:440px}.casa10 h2{font-size:clamp(48px,5vw,68px);margin-bottom:24px}.casa10-copy>p:not(.eyebrow):not(.small-note){font-size:14px;line-height:1.8;color:rgba(255,255,255,.75)}.casa10-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.casa10-plans a{background:#fff;padding:6px;position:relative}.casa10-plans img{width:100%;display:block}.casa10-plans span{position:absolute;bottom:8px;left:10px;padding:4px 7px;background:rgba(255,255,255,.92);font-size:9px;font-weight:700;color:var(--forest)}.casa10 .small-note{color:rgba(255,255,255,.55)}
.leisure{background:var(--paper)}.leisure-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px}.leisure-grid figure{margin:0;position:relative;height:310px;overflow:hidden;background:#deded5}.leisure-grid figure:first-child{height:420px;grid-row:span 2}.leisure-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.leisure-grid figure:hover img{transform:scale(1.03)}.leisure-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 20px 18px;background:linear-gradient(0deg,rgba(12,24,18,.76),transparent);color:white;display:flex;gap:12px;align-items:center;font-size:12px}.leisure-grid figcaption span{color:#e3c58f;font-size:10px;letter-spacing:.1em}.amenities{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:36px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.amenities span{padding:17px 27px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:9px;color:#61695e;position:relative}.amenities span+span:before{content:'';position:absolute;left:0;top:20px;height:12px;width:1px;background:#d2cfc5}.centered{text-align:center}
.location{background:#ebe9e0}.location-grid{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center}.location-copy{padding:20px 0}.location h2{margin-bottom:23px}.location-copy>p:not(.eyebrow){max-width:405px}.button-dark{background:var(--forest);color:#fff;margin-top:9px}.button-dark:hover{background:#2c4739}.map-card{background:#fff;box-shadow:0 18px 55px rgba(34,42,32,.1)}.map-art{height:340px;position:relative;overflow:hidden;background-color:#e4e9df;background-image:linear-gradient(31deg,transparent 44%,rgba(255,255,255,.68) 45%,rgba(255,255,255,.68) 48%,transparent 49%),linear-gradient(137deg,transparent 30%,rgba(255,255,255,.75) 31%,rgba(255,255,255,.75) 34%,transparent 35%),linear-gradient(91deg,transparent 58%,rgba(255,255,255,.62) 59%,rgba(255,255,255,.62) 62%,transparent 63%)}.map-illustration{position:absolute;z-index:2;left:16px;top:15px;background:rgba(255,255,255,.9);padding:6px 9px;font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#60685e}.map-road{position:absolute;display:block;background:#f8f7ef;border:1px solid #d9ddd2}.road-a{width:120%;height:29px;left:-10%;top:55%;transform:rotate(-18deg)}.road-b{width:24px;height:120%;left:42%;top:-10%;transform:rotate(22deg)}.road-c{width:18px;height:120%;left:76%;top:-10%;transform:rotate(-26deg)}.map-green{position:absolute;background:#c8d6be;border-radius:50%;filter:blur(1px)}.green-a{width:120px;height:96px;left:8%;top:12%}.green-b{width:160px;height:110px;right:5%;bottom:6%}.map-pin{position:absolute;left:53%;top:38%;width:44px;height:44px;background:var(--forest);border:4px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 14px #3344}.map-pin b{font:12px var(--serif);color:var(--gold);transform:rotate(45deg);display:grid;place-items:center;height:100%}.map-label{position:absolute;left:58%;top:34%;font-size:10px;color:#4d5b4a;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.map-caption{display:flex;align-items:center;gap:14px;padding:19px 23px}.pin-icon{font-size:22px;color:#b29059}.map-caption>span:nth-child(2){display:flex;flex-direction:column;flex:1}.map-caption b{font-size:11px;color:var(--forest)}.map-caption small{font-size:10px;color:#7e837b}.map-caption>a{font-size:19px;color:#a78955}
.contact{padding:82px 0;background:#ebe9e0}.contact-card{padding:64px 70px;background:var(--forest);color:white;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:clamp(40px,4.7vw,58px);margin-bottom:17px}.contact-card>div>p:not(.eyebrow){font-size:13px;color:rgba(255,255,255,.68);margin:0}.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:240px}.button-outline{border:1px solid rgba(255,255,255,.4);color:#fff}.button-outline:hover{background:#fff;color:var(--forest)}.footer{background:#101d17;color:white;padding:36px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.15)}.brand-footer .brand-mark{color:#fff}.brand-footer .brand-name{color:#c8c9bf}.brand-footer .brand-name strong{color:white}.footer-top>p{font:italic 15px var(--serif);color:#c7c9bd}.back-top{font-size:10px;color:#d7c094}.footer-legal{padding-top:20px;display:grid;grid-template-columns:1fr 1fr auto;gap:32px;align-items:start}.footer-legal p{font-size:9px;line-height:1.6;color:rgba(255,255,255,.5);margin:0}.footer-legal span{font-size:9px;white-space:nowrap;color:rgba(255,255,255,.45)}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:8;background:#203c2e;color:white;box-shadow:0 8px 28px #101d1740;padding:12px 17px;border-radius:40px;display:flex;gap:9px;align-items:center;font-size:11px}.floating-whatsapp span{font-size:16px;color:#9dd2a5}.floating-whatsapp:hover{background:#315540}
@media(max-width:850px){:root{--wrap:min(100% - 44px,680px)}.site-header{padding:0 22px}.nav{gap:18px}.nav-cta{padding:11px 12px}.hero{height:700px}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(12,28,21,.9),rgba(12,28,21,.53) 68%,rgba(12,28,21,.2)),linear-gradient(0deg,rgba(12,28,21,.24),transparent 45%)}.hero-content{padding-top:94px}.section-pad{padding:82px 0}.intro-grid{gap:34px}.feature-photo{height:380px}.section-heading{gap:35px}.plan-card{grid-template-columns:1fr .75fr}.plan-details{padding:35px 28px}.casa10-grid{gap:40px}.casa10-photo{height:440px}.leisure-grid{gap:12px}.leisure-grid figure{height:240px}.leisure-grid figure:first-child{height:492px}.location-grid{gap:40px}.contact-card{padding:52px 38px}}
@media(max-width:620px){:root{--wrap:calc(100% - 40px)}html{scroll-padding-top:70px}.site-header{height:70px;padding:0 20px}.brand-mark{width:48px;height:48px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:42px;height:42px;border:1px solid #d9d8cf;background:white}.menu-toggle span{width:17px;height:1px;background:var(--forest);transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:white;padding:15px 20px 22px;box-shadow:0 15px 20px #0e20151a;align-items:stretch;flex-direction:column;gap:0}.nav.is-open{display:flex}.nav>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid #eeede7}.nav-cta{margin-top:15px;text-align:center}.hero{height:720px;min-height:0}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(10,25,19,.82),rgba(10,25,19,.48) 75%,rgba(10,25,19,.25)),linear-gradient(0deg,rgba(10,25,19,.5),transparent 56%)}.hero-content{padding-top:83px}.hero h1{font-size:clamp(49px,14vw,70px)}.hero-copy{font-size:15px;max-width:320px;margin:22px 0 26px}.hero-facts{gap:13px;margin-bottom:27px}.hero-facts b{font-size:16px}.hero-facts small{font-size:8px;letter-spacing:.04em}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{margin-top:15px}.hero-caption{right:20px;bottom:13px;font-size:8px}.section-pad{padding:68px 0}.intro-grid{grid-template-columns:1fr;gap:18px;margin-bottom:31px}.intro h2,.section-heading h2,.location h2{font-size:46px}.intro-copy p,.section-heading>p,.location-copy>p:not(.eyebrow){font-size:13px}.feature-photo{height:290px}.photo-label{padding:17px 16px;font-size:16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:17px}.plan-card{grid-template-columns:1fr}.plan-image{min-height:220px}.plan-image img{max-height:none}.plan-details{padding:29px 23px 32px}.plan-details h3{font-size:30px}.plan-details .arrow-link{margin-top:18px}.image-tag{top:12px;left:12px;font-size:8px}.casa10-grid{grid-template-columns:1fr;gap:32px}.casa10-photo{height:340px}.casa10 h2{font-size:52px}.casa10-copy>p:not(.eyebrow):not(.small-note){font-size:13px}.casa10-plans{gap:8px}.leisure-grid{grid-template-columns:1fr 1fr;gap:10px}.leisure-grid figure:first-child{grid-column:span 2;grid-row:auto;height:300px}.leisure-grid figure{height:195px}.leisure-grid figcaption{padding:28px 12px 12px;font-size:10px;gap:8px}.amenities{margin-top:25px}.amenities span{padding:13px 14px;font-size:8px}.amenities span+span:before{top:16px}.location-grid{grid-template-columns:1fr;gap:28px}.location-copy{padding:0}.map-art{height:270px}.map-caption{padding:15px;gap:9px}.map-caption small{font-size:8px}.contact{padding:55px 0}.contact-card{padding:35px 24px;display:block}.contact h2{font-size:43px}.contact-card>div>p:not(.eyebrow){font-size:12px}.contact-actions{margin-top:26px}.button{width:100%;min-height:48px}.footer-top{flex-wrap:wrap;gap:18px}.footer-top>p{width:100%;order:3;margin:0}.back-top{margin-left:auto}.footer-legal{grid-template-columns:1fr;gap:12px}.footer-legal span{margin-top:4px}.floating-whatsapp{right:14px;bottom:14px;padding:11px 14px}.floating-whatsapp b{display:none}.floating-whatsapp span{font-size:20px}.casa10 .image-tag{max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
