/* ===================================================================
   Landing — Consultoría tecnológica para empresas
   Extiende assets/css/style.css. Reutiliza los mismos patrones de
   "línea de proceso" y "bloque final de conversión" ya usados en
   assets/css/servicio-sitios-web.css (definidos ahí con nombres
   genéricos) — se declaran aquí de nuevo, con el mismo criterio, para
   no acoplar esta landing a la hoja de otro servicio.
   =================================================================== */

/* ── LÍNEA DE PROCESO ── */
.process-list{display:flex;flex-direction:column;max-width:640px;margin-top:28px;}
.process-step{display:flex;gap:18px;padding-bottom:26px;position:relative;}
.process-step:not(:last-child)::before{
  content:'';position:absolute;left:15px;top:34px;bottom:0;width:1px;background:var(--line-strong);
  transform-origin:top;transform:scaleY(0);transition:transform .5s var(--ease);
}
html.js .reveal-group.is-visible .process-step:not(:last-child)::before{transform:scaleY(1);}
html:not(.js) .process-step:not(:last-child)::before{transform:scaleY(1);}
.process-step-num{
  flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);
  display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12.5px;
  background:var(--bg);position:relative;z-index:1;
}
.process-step h3{font-size:15.5px;margin-bottom:4px;}
.process-step p{font-size:13.5px;color:var(--muted);line-height:1.6;max-width:56ch;}

/* ── BLOQUE FINAL DE CONVERSIÓN ── */
.conversion-block{
  max-width:1040px;margin:0 auto;text-align:center;
  border:1px solid var(--line-strong);border-radius:var(--radius-md);
  padding:48px 32px;background:var(--bg-raised);
}
.conversion-block h2{max-width:26ch;margin-left:auto;margin-right:auto;}
.conversion-block .lead{margin-left:auto;margin-right:auto;}
.conversion-block .btn-row{justify-content:center;}