.v-pasos{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}.v-pasos:before{content:"";position:absolute;left:17px;top:20px;bottom:20px;border-left:2px dashed var(--m-tinta-2);clip-path:inset(0 0 0 0)}.v-pasos[data-aparece=espera]:before{clip-path:inset(0 0 100% 0)}.v-pasos[data-aparece=visto]:before{transition:clip-path 1.1s var(--ease-out) .15s}.v-paso-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}.v-paso-num{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--m-tinta);background:var(--m-naranja);color:var(--m-tinta);box-shadow:0 3px 0 var(--m-tinta);font:700 .9375rem/1 var(--m-mono)}.v-paso-tarjeta{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1.5px solid var(--m-tinta);border-radius:14px;background:var(--m-ticket);transition:transform var(--dur-toque) var(--ease-out),box-shadow var(--dur-toque) var(--ease-out)}@media (min-width: 560px){.v-paso-tarjeta{grid-template-columns:88px minmax(0,1fr);gap:18px;padding:16px 18px}}@media (max-width: 559px){.v-paso-tarjeta{grid-template-columns:minmax(0,1fr);gap:10px}.v-paso-dibujo{width:64px}}.v-paso-dibujo{padding:6px;border-radius:10px;background:var(--m-papel-2)}.v-paso-dibujo .il{aspect-ratio:1}.v-paso{display:grid;gap:8px;justify-items:start;min-width:0}.lp .v-paso p{margin:0;font-size:1.0313rem;line-height:1.55;color:var(--m-tinta)}@media (hover: hover) and (pointer: fine){.v-paso-item:hover .v-paso-tarjeta{transform:translateY(-2px);box-shadow:0 4px 0 var(--m-tinta)}}@media (prefers-reduced-motion: reduce){.v-pasos:before{clip-path:inset(0 0 0 0);transition:none}.v-paso-item:hover .v-paso-tarjeta{transform:none}}.v-donde{display:inline-block;padding:3px 9px;border:1.5px solid var(--m-tinta);border-radius:6px;background:var(--m-papel);font:600 .75rem/1.4 var(--m-mono);letter-spacing:.02em;color:var(--m-tinta)}
