.proceso-track{position:relative}.proceso-bar{z-index:0;pointer-events:none;height:3px;position:absolute;top:27px;left:28px;right:28px}.proceso-bar__track{background:var(--ink-20);position:absolute;inset:0}.proceso-bar__fill{background:var(--onyx);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.proceso-track.is-active .proceso-bar__fill{animation:2.4s cubic-bezier(.22,1,.36,1) .15s forwards proceso-fill}.proceso-bar--vertical{width:3px;height:auto;inset:28px auto 28px 27px}.proceso-bar--vertical .proceso-bar__fill{transform-origin:top;transform:scaleY(0)}.proceso-track.is-active .proceso-bar--vertical .proceso-bar__fill{animation:2.4s cubic-bezier(.22,1,.36,1) .15s forwards proceso-fill-y}.proceso-step{z-index:1;position:relative}.proceso-step__square{background:var(--cream-deep);border:1.5px solid var(--onyx);width:56px;height:56px;font-family:var(--font-bricolage), "Bricolage Grotesque", sans-serif;color:var(--onyx);letter-spacing:-.02em;opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1),background .3s,color .3s;transition-delay:var(--step-delay,0s);border-radius:0;justify-content:center;align-items:center;margin-bottom:24px;font-size:20px;font-weight:800;display:flex;transform:scale(.7)}.proceso-track.is-active .proceso-step__square{opacity:1;background:var(--onyx);color:var(--cream);transform:scale(1)}@keyframes proceso-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes proceso-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:960px){.proceso-step{padding-left:72px}.proceso-step__square{margin-bottom:0;position:absolute;top:0;left:0}}@media (prefers-reduced-motion:reduce){.proceso-bar__fill{animation:none!important;transform:none!important}.proceso-step__square{background:var(--onyx);color:var(--cream);opacity:1!important;transition:none!important;transform:none!important}}