/* ============================================================
   KEO REFURB — CONSTRUCCIÓN INDUSTRIALIZADA (Steel Framing)
   Reutiliza sv-head / svc / proc / sv-cta de keo-services.css
   ============================================================ */

/* ===== Ventajas ===== */
.ci-benefits{ padding:clamp(50px,6.5vw,110px) var(--pad-x); }
.ci-benefits__inner{ max-width:var(--maxw); margin-inline:auto; }
.ci-benefits__head{ text-align:center; max-width:640px; margin:0 auto clamp(34px,4.2vw,60px); }
.ci-benefits__head h2{ font-family:var(--serif); font-weight:500; font-size:clamp(30px,3.6vw,52px); line-height:1.06; color:var(--carbon); }
.ci-benefits__head p{ margin-top:.8rem; color:var(--piedra-texto); font-size:clamp(15px,1.3vw,17px); line-height:1.6; }

.ci-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,1.8vw,28px); }
@media(max-width:900px){ .ci-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .ci-grid{ grid-template-columns:1fr; } }
.ci-card{
  border:1px solid var(--piedra); background:var(--blanco);
  padding:clamp(24px,2.6vw,38px);
  transition:border-color .45s var(--ease), transform .45s var(--ease), box-shadow .45s var(--ease);
}
.ci-card:hover{ border-color:var(--acento); transform:translateY(-4px); box-shadow:0 18px 44px rgba(26,26,26,.07); }
.ci-card__n{ font-family:var(--serif); font-weight:500; color:var(--acento); font-size:clamp(26px,2.8vw,38px); line-height:1; }
.ci-card h3{ font-family:var(--serif); font-weight:500; font-size:clamp(19px,1.6vw,25px); margin:.55em 0 .4em; color:var(--carbon); letter-spacing:-.005em; }
.ci-card p{ font-size:14.5px; line-height:1.62; color:var(--piedra-texto); }

/* ===== Proyecto destacado (fondo oscuro) ===== */
.ci-project{ background:var(--carbon); color:var(--blanco); padding:clamp(60px,7.5vw,130px) var(--pad-x); }
.ci-project__inner{ max-width:var(--maxw); margin-inline:auto; }
.ci-project__head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:1rem 1.6rem; margin-bottom:clamp(26px,3.2vw,46px); }
.ci-project__head .eyebrow{ color:var(--dorado-claro); }
.ci-project h2{ font-family:var(--serif); font-weight:500; font-size:clamp(34px,4.6vw,66px); line-height:1.0; color:var(--blanco); letter-spacing:-.015em; margin-top:.15em; }
.ci-status{ display:inline-block; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--carbon); background:var(--dorado-claro); padding:.5em .95em; line-height:1; }
.ci-loc{ font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(250,249,247,.62); }
.ci-project__p{ max-width:62ch; font-size:clamp(16px,1.35vw,19px); line-height:1.68; color:rgba(250,249,247,.86); margin-bottom:clamp(28px,3.4vw,50px); }
.ci-project__p + .ci-project__p{ margin-top:-1rem; }

/* Galería del proyecto */
.ci-gallery{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(10px,1.1vw,18px); }
.ci-gallery figure{ margin:0; overflow:hidden; background:#000; aspect-ratio:4/3; }
.ci-gallery figure:first-child{ grid-column:1 / -1; aspect-ratio:16/9; }
.ci-gallery img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.3s var(--ease); }
.ci-gallery figure:hover img{ transform:scale(1.045); }
@media(max-width:560px){ .ci-gallery{ grid-template-columns:1fr; } .ci-gallery figure, .ci-gallery figure:first-child{ aspect-ratio:4/3; } }