/* ============================================================
   FitEvents · PAGINA: Como funciona  (/como-funciona)
   ============================================================ */

/* ---------- Los cuatro pasos ---------- */
.pasos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.paso{
  display:grid;grid-template-columns:88px 1fr;gap:26px;align-items:start;
  padding:30px 0;border-top:1px solid var(--line);
}
.paso:last-child{border-bottom:1px solid var(--line);}
@media (max-width:620px){ .paso{grid-template-columns:1fr;gap:10px;} }

.paso-num{
  font-size:44px;font-weight:var(--fw-light);color:var(--malva);
  line-height:1;letter-spacing:-.02em;
}
.paso-texto h3{font-size:21px;font-weight:var(--fw-medium);color:var(--ink);letter-spacing:0;}
.paso-texto p{font-size:15px;color:var(--ink-soft);margin-top:10px;max-width:620px;line-height:1.6;}

/* ---------- Los cuatro pilares ---------- */
.pilares-seccion{background:var(--paper);}
.pilares-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media (max-width:860px){ .pilares-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .pilares-grid{grid-template-columns:1fr;} }

.pilar-card{background:var(--cream);border-radius:var(--radius);padding:26px 22px;}
.pilar-icono{
  width:44px;height:44px;border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.pilar-icono svg{width:21px;height:21px;}
.pilar-icono.malva{background:var(--malva-tint);}
.pilar-icono.malva svg{stroke:var(--malva-dark);}
.pilar-icono.arcilla{background:var(--arcilla-tint);}
.pilar-icono.arcilla svg{stroke:var(--arcilla-dark);}
.pilar-icono.salvia{background:var(--salvia-tint);}
.pilar-icono.salvia svg{stroke:var(--salvia-dark);}
.pilar-icono.ink{background:var(--ink);}
.pilar-icono.ink svg{stroke:var(--cream);}

.pilar-card h3{
  font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink);
}
.pilar-card p{font-size:13px;color:var(--ink-soft);margin-top:8px;line-height:1.55;}