/* Base Maestra · pieza. Punto de partida: se ajusta, se varía o se reescribe para cada marca. */
/* =========================================================
   3 · PISTA  (.p-pista) — recorrido horizontal fijado (hitos, pasos, proceso)
   ========================================================= */
.p-pista { position: relative; overflow-x: clip; }
.p-pista__pin { position: relative; z-index: 3; padding: var(--e-8) 0; overflow: clip; }
.p-pista__titulo { padding: 0 var(--gutter); max-width: 14em; }
.p-pista__riel { position: relative; height: 1px; margin: var(--e-7) var(--gutter) 0; background: var(--linea); }
.p-pista__progreso { position: absolute; inset: 0; background: var(--acento); transform-origin: left; transform: scaleX(0); }
.p-pista__carril { list-style: none; padding: var(--e-6) var(--gutter) 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: var(--e-5); }
.p-pista__item { --g-pad: clamp(1.4rem, 2.2vw, 2.2rem); }
.p-pista__cifra { display: block; font-family: var(--f-display); font-size: clamp(3.6rem, 7.6vw, 8.6rem); line-height: .8; letter-spacing: -.04em; color: var(--acento); font-variant-numeric: lining-nums; }
.p-pista__item p { margin-top: 1rem; max-width: 30ch; color: var(--muted); }
@media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
  .pines .p-pista__pin { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; }
  .pines .p-pista__carril { display: flex; width: max-content; gap: clamp(1.5rem, 3vw, 3rem); }
  .pines .p-pista__item { width: clamp(17rem, 28vw, 28rem); flex: none; }
}
@media (max-width: 899px) {
  .p-pista__riel { display: none; }
  .p-pista__carril { grid-template-columns: 1fr; gap: 1.25rem; }
}