/* ============================================================
   Páginas de marketing de proyecto (terra-verde.html, sachaca.html)
   y de unidad de negocio (xioon-*.html)
   ============================================================ */

/* ---------- Hero con foto real de fondo ---------- */
.proyecto-hero{
  position:relative;padding-block:clamp(90px,14vw,150px) clamp(56px,9vw,90px);
  background-size:cover;background-position:center;color:var(--bone);
}
.proyecto-hero__in{position:relative;z-index:1}

.proyecto-stats{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,40px)}
.proyecto-stats div{display:flex;flex-direction:column;gap:2px}
.proyecto-stats b{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;letter-spacing:-.02em}
.proyecto-stats span{font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--on-navy-2)}

/* ---------- Amenidades ---------- */
.amenidades-pills{display:flex;flex-wrap:wrap;gap:10px}
.amenidad-pill{
  display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--r-pill);
  background:var(--bg);border:1px solid var(--line-2);font-size:.86rem;font-weight:600;color:var(--ink-2);
}
.renders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.render-i{margin:0;border-radius:var(--r);overflow:hidden;background:var(--bg)}
.render-i img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.render-i figcaption{padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--ink-2)}

/* ---------- Cercanía ---------- */
.cercania-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(20px,3vw,32px)}
.lista-cercania{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.lista-cercania li{
  font-size:.9rem;color:var(--ink-2);padding-left:18px;position:relative;
}
.lista-cercania li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* ---------- Unidades de negocio ---------- */
.unidad-hero{
  padding-block:clamp(80px,12vw,130px) clamp(48px,7vw,72px);
  background:var(--navy);color:var(--bone);
}
.unidad-hero__n{font-size:clamp(3rem,7vw,5rem);font-weight:900;color:var(--gold-l);opacity:.5;line-height:1;letter-spacing:-.03em}