*{box-sizing:border-box;margin:0;padding:0}
:root{--morado:#74449a;--verde:#9cc329;--verde-oscuro:#6d8b18;--gris:#55555c;--azul:#0b4d83;--naranja:#f36b21}
body{font-family:Arial,Helvetica,sans-serif;color:var(--gris);background:#fff}
a{text-decoration:none;color:inherit}
.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.topbar{background:var(--morado);color:#fff;font-size:14px;font-weight:700;padding:8px 24px;display:flex;justify-content:space-between;gap:16px}
.nav{max-width:1180px;margin:auto;min-height:76px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand img{width:138px;display:block}
.menu{display:flex;gap:24px;font-size:16px;font-weight:800;color:#4d4d52}
.menu a:hover{color:var(--morado)}
.right-nav{display:flex;align-items:center;gap:14px}
.lang-switcher{display:flex;gap:5px;font-size:12px;font-weight:900}
.lang-switcher a{border:1px solid #ddd;border-radius:999px;padding:6px 8px;color:#555;background:#fff}
.lang-switcher a.active{background:var(--morado);color:#fff;border-color:var(--morado)}
.nav-btn{background:var(--verde);color:#fff;font-weight:900;border-radius:999px;padding:11px 22px}
.hero{min-height:620px;background:linear-gradient(90deg,rgba(20,30,50,.58),rgba(20,30,50,.18)),url('assets/villa-colonia.jpg') center/cover;display:flex;align-items:center;padding:80px 24px}
.hero-card{max-width:700px;margin-left:calc((100vw - 1180px)/2);background:rgba(255,255,255,.93);padding:42px;border-radius:22px;box-shadow:0 16px 45px rgba(0,0,0,.24)}
.kicker{color:var(--verde-oscuro);text-transform:uppercase;letter-spacing:1.2px;font-size:14px;font-weight:900;margin-bottom:12px}
.hero h1{color:var(--morado);font-size:clamp(35px,4.6vw,56px);line-height:1.06;margin-bottom:18px}
.subtitle{font-size:21px;line-height:1.45;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.main-btn,.secondary-btn,.property-btn{display:inline-block;border-radius:10px;padding:14px 24px;font-weight:900}
.main-btn{background:linear-gradient(135deg,var(--naranja),#ff8a2b);color:#fff;box-shadow:0 8px 20px rgba(243,107,33,.25)}
.secondary-btn{background:#fff;color:var(--morado);border:2px solid var(--morado)}
.section-title{max-width:900px;margin:auto;padding:62px 24px 24px;text-align:center}
.section-title h2,.seo-block h2{color:var(--morado);font-size:clamp(32px,4vw,46px);margin-bottom:12px}
.section-title p:last-child,.seo-block p{font-size:19px;line-height:1.6}
.properties{max-width:1180px;margin:auto;padding:22px 24px 54px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.property-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column}
.property-image{display:block;height:175px;overflow:hidden}
.property-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.property-card:hover img{transform:scale(1.04)}
.property-info{padding:19px;display:flex;flex-direction:column;flex:1}
.property-info span{align-self:flex-start;background:#eef7d3;color:#58750b;border-radius:999px;font-size:13px;font-weight:900;padding:6px 11px;margin-bottom:10px}
.property-info h3{color:var(--azul);font-size:21px;margin-bottom:9px;line-height:1.15}
.property-info p{line-height:1.45;margin-bottom:18px;flex:1}
.property-btn{background:var(--morado);color:#fff;text-align:center;padding:12px 16px}
.seo-block{max-width:980px;margin:0 auto 64px;padding:34px 30px;background:#f7f7f4;border-left:7px solid var(--verde);border-radius:18px}
.owner-block{background:linear-gradient(rgba(116,68,154,.9),rgba(116,68,154,.9)),url('assets/villa-zen.jpg') center/cover;color:#fff;padding:70px 24px;text-align:center}
.owner-block div{max-width:780px;margin:auto}
.owner-block .kicker{color:#dcf48b}
.owner-block h2{font-size:clamp(32px,4vw,46px);margin-bottom:14px}
.owner-block p{font-size:20px;line-height:1.55;margin-bottom:26px}
.main-btn.light{background:var(--verde);color:#fff}
.footer{text-align:center;padding:38px 20px;background:#fff;font-weight:800}
.footer img{width:145px;margin-bottom:14px}
.footer p{margin:8px 0}
.footer a{color:var(--morado)}
@media(max-width:1120px){.properties{grid-template-columns:repeat(2,1fr)}.hero-card{margin-left:0}.nav{flex-wrap:wrap}.right-nav{margin-left:auto}}
@media(max-width:760px){.topbar{flex-direction:column;text-align:center}.nav{flex-direction:column;gap:14px}.brand img{width:130px}.menu{flex-wrap:wrap;justify-content:center;gap:15px;font-size:16px}.right-nav{margin-left:0;flex-direction:column}.hero{min-height:auto;padding:50px 18px}.hero-card{padding:28px 22px}.properties{grid-template-columns:1fr}.property-image{height:230px}.seo-block{margin:0 20px 54px}}