/* ===================== Stands · Cómo trabajamos · A «Despiece» (ronda 10b) =====================
   Pantalla fija: las piezas del stand flotan separadas, se dibujan, se imprimen y se ensamblan. */
/* Fondo común: noche con halo azul de marca */
.stproc-a{background:radial-gradient(60% 55% at 30% 45%,rgba(46,108,160,.2),transparent 70%),#07070D;color:var(--u-paper)}
.stproc-a .acc{color:var(--u-blue)}
.stproc-a .label{color:var(--u-blue)}
.stproc-a__pin{position:relative;height:100vh;height:100svh;overflow:hidden}
.stproc-a__cv{position:absolute;inset:0;width:100%;height:100%}

/* ---------- A · Despiece (pantalla fija) ---------- */
.stproc-a__head{position:absolute;top:clamp(84px,12vh,120px);left:0;right:0;pointer-events:none}
.stproc-a__title{font-family:var(--f-head);font-weight:var(--w-display);font-size:clamp(1.9rem,3.6vw,3.6rem);line-height:1;letter-spacing:-.045em;max-width:13ch;margin-top:.5rem}
.stproc-a__steps{position:absolute;left:0;right:0;bottom:clamp(96px,14vh,130px);list-style:none;margin:0 auto;height:0}
.stproc-a__steps li{position:absolute;left:var(--pad);bottom:0;display:flex;gap:1.4rem;align-items:flex-end;max-width:min(620px,calc(100% - 2*var(--pad)));opacity:0;transform:translateY(18px);transition:opacity .5s,transform .6s var(--ease)}
.stproc-a__steps li.on{opacity:1;transform:none}
.stproc-a__n{font-family:var(--f-head);font-weight:900;font-size:clamp(4.5rem,9vw,8.5rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--u-blue)}
.stproc-a__steps .mono{color:var(--u-blue);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.stproc-a__steps h3{font-family:var(--f-head);font-weight:800;font-size:clamp(1.5rem,2.4vw,2.2rem);letter-spacing:-.04em;margin:.3rem 0 .4rem}
.stproc-a__steps p{color:var(--u-muted);max-width:40ch;font-size:.98rem;margin:0}
.stproc-a__bar{position:absolute;left:0;right:0;bottom:clamp(40px,6vh,56px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stproc-a__bar span{display:grid;gap:.5rem}
.stproc-a__bar i{display:block;height:2px;background:rgba(153,196,228,.18);overflow:hidden}
.stproc-a__bar i b{display:block;height:100%;background:var(--u-blue);transform:scaleX(var(--p,0));transform-origin:left}
.stproc-a__bar em{font-style:normal;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted)}
@media (max-width:900px){
  .stproc-a__head{top:80px}
  .stproc-a__steps{bottom:92px}
  .stproc-a__steps li{gap:.9rem}
  .stproc-a__steps p{font-size:.9rem}
  .stproc-a__bar em{display:none}
}

/* ---------- Movimiento reducido: sin pantalla fija, stand terminado y las 4 fases en lista ---------- */
.stproc-a.is-static .stproc-a__pin{height:auto;overflow:visible;overflow-x:clip;padding:clamp(5rem,9vw,7rem) 0}
.stproc-a.is-static .stproc-a__cv{position:relative;display:block;height:60vh}
.stproc-a.is-static .stproc-a__head{position:static}
.stproc-a.is-static .stproc-a__steps{position:static;height:auto;width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding-inline:var(--pad);max-width:1500px;margin:0 auto}
.stproc-a.is-static .stproc-a__steps li{position:static;opacity:1;transform:none;filter:none;max-width:none}
.stproc-a.is-static .stproc-a__bar{display:none}
.stproc-a__pin::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,rgba(7,7,13,.92),rgba(7,7,13,.6) 45%,transparent);pointer-events:none}
.stproc-a__head,.stproc-a__steps,.stproc-a__bar{z-index:1}
.stproc-a.is-static .stproc-a__pin::after{display:none}