*{box-sizing:border-box}html{scroll-behavior:smooth}
:root{
  --brand:#19C37D; /* verde fresco estilo Bizum */
  --ink:#0b0f14;
  --muted:#667085;
  --bg:#ffffff;
  --card:#f5f7f8;
  --ring:rgba(25,195,125,.25);
}
body{
  margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--ink); background:var(--bg);
}
.container{width:min(1100px,92vw); margin-inline:auto}
.site-header{
  position:sticky; top:0; z-index:50; background:rgba(255,255,255,.8); backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid #eef1f2;
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font-weight:700}
.brand-mark{display:grid; place-items:center; width:36px; height:36px; background:var(--brand); color:#fff; border-radius:10px; font-weight:700}
.brand-name{letter-spacing:.2px}
.nav a{color:var(--ink); text-decoration:none; margin-left:18px; font-weight:600}
.nav a:hover{color:var(--brand)}

.hero{padding:88px 0 64px; background:linear-gradient(180deg, #f7fbf9, #fff)}
.hero-inner{display:grid; gap:16px; text-align:center}
.hero h1{font-size:clamp(28px,5vw,48px); margin:0}
.hero .soft{font-weight:700; color:var(--brand)}
.hero p{color:var(--muted); margin:2px 0 8px}
.cta{display:flex; gap:12px; justify-content:center; margin-top:6px}
.btn{display:inline-block; padding:12px 18px; border-radius:12px; text-decoration:none; font-weight:700; border:1px solid #e7ecef}
.btn.primary{background:var(--brand); color:#fff; border-color:var(--brand)}
.btn.ghost{background:#fff; color:var(--ink)}
.btn:focus{outline:3px solid var(--ring)}

.hero-badges{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:10px}
.hero-badges span{background:#eef7f2; padding:8px 12px; border-radius:999px; font-weight:600; color:#0f5132}

.benefits{padding:44px 0}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.card{background:var(--card); border:1px solid #e9eef0; border-radius:18px; padding:18px}
.icon{width:40px;height:40px}
.icon svg{width:100%;height:100%;fill:var(--brand)}
.card h3{margin:10px 0 6px}
.card p{margin:0; color:var(--muted)}

.listings{padding:36px 0 56px; background:linear-gradient(180deg,#fff,#f8fafb)}
.section-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.section-head h2{margin:0}
.section-head .link{color:var(--brand); text-decoration:none; font-weight:700}
.home-card{background:#fff; border:1px solid #e9eef0; border-radius:18px; overflow:hidden}
.photo{height:180px; background:#dbece4 url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1400&q=60') center/cover no-repeat}
.photo-2{background-image:url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1400&q=60')}
.photo-3{background-image:url('https://images.unsplash.com/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=1400&q=60')}
.home-info{padding:14px 16px}
.price{display:flex; align-items:baseline; gap:8px; color:var(--muted)}
.price strong{font-size:20px; color:var(--ink)}

.contact{padding:56px 0}
.contact-inner{display:grid; grid-template-columns:1.2fr .8fr; gap:22px; align-items:start}
.contact-form{display:grid; gap:10px}
.contact-form input, .contact-form textarea{width:100%; padding:12px 14px; border-radius:12px; border:1px solid #e1e6ea; font:inherit}
.contact-form input:focus, .contact-form textarea:focus{outline:3px solid var(--ring); border-color:var(--brand)}
.contact-side p{margin:.4rem 0}

.site-footer{border-top:1px solid #eef1f2; padding:18px 0; background:#fff}
.footer-inner{display:flex; align-items:center; justify-content:space-between}

@media (max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  .contact-inner{grid-template-columns:1fr}
  .hero{padding:72px 0 40px}
}