.vn-marco{container:vn/inline-size}.vn-demo{flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none;display:flex}.vn-paso{flex-direction:column;flex:260px;gap:14px;min-width:0;display:flex}.vn-flecha{color:var(--cobre);flex:none;align-self:center;margin-top:-90px;font-size:32px}.vn-segmentos{display:none}@container vn (max-width:900px){.vn-flecha{display:none}}.vn-a{animation-duration:24s;animation-iteration-count:infinite;animation-play-state:paused;animation-fill-mode:both}.vn-demo.en-vista .vn-a,.vn-demo.en-vista .vn-onda{animation-play-state:running}.vn-demo.en-pausa .vn-a,.vn-demo.en-pausa .vn-onda,.vn-demo.en-pausa .vn-girando{animation-play-state:paused}.vn-cursor,.vn-espera2,.vn-guion,.vn-espera3,.vn-generando{opacity:0}.vn-tipeo1{animation-name:vn-tipeo1}.vn-tipeo2{animation-name:vn-tipeo2}@keyframes vn-tipeo1{0%,4%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}11%,to{clip-path:inset(0)}}@keyframes vn-tipeo2{0%,11%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(16,end)}17%,to{clip-path:inset(0)}}.vn-chip1{animation-name:vn-chip1}.vn-chip2{animation-name:vn-chip2}.vn-chip3{animation-name:vn-chip3}@keyframes vn-chip1{0%,18%{background:var(--crema);color:var(--texto-suave);border-color:var(--rosa-arena)}19%,to{background:var(--cobre-fuerte);color:var(--sobre-cobre);border-color:var(--cobre-fuerte)}}@keyframes vn-chip2{0%,20%{background:var(--crema);color:var(--texto-suave);border-color:var(--rosa-arena)}21%,to{background:var(--cobre-fuerte);color:var(--sobre-cobre);border-color:var(--cobre-fuerte)}}@keyframes vn-chip3{0%,22%{background:var(--crema);color:var(--texto-suave);border-color:var(--rosa-arena)}23%,to{background:var(--cobre-fuerte);color:var(--sobre-cobre);border-color:var(--cobre-fuerte)}}.vn-cursor{z-index:5;filter:drop-shadow(0 2px 3px #00000059);animation-name:vn-cursor;animation-timing-function:ease-in-out;position:absolute}@keyframes vn-cursor{0%,22%{opacity:0;top:62%;left:78%;transform:scale(1)}23%{opacity:1}26%{top:87%;left:52%;transform:scale(1)}27%{transform:scale(.78)}28%{opacity:1;top:87%;left:52%;transform:scale(1)}30%,to{opacity:0;top:87%;left:52%}}.vn-boton{animation-name:vn-boton}@keyframes vn-boton{0%,26.5%{background:var(--cobre-fuerte);transform:scale(1)}27%{background:#7a4626;transform:scale(.95)}28%,to{background:var(--cobre-fuerte);transform:scale(1)}}.vn-suave .vn-boton{background:var(--nude);color:var(--texto-suave);animation-name:vn-boton-suave}@keyframes vn-boton-suave{0%,26.5%{background:var(--nude);transform:scale(1)}27%{background:var(--rosa-arena);transform:scale(.95)}28%,to{background:var(--nude);transform:scale(1)}}.vn-espera2{animation-name:vn-espera2}@keyframes vn-espera2{0%,29%{opacity:1}30%,to{opacity:0}}.vn-guion{animation-name:vn-guion}@keyframes vn-guion{0%,29%{opacity:0;transform:translateY(12px)}31%,47%{opacity:1;transform:translateY(0)}49%,to{opacity:0;transform:translateY(-12px)}}.vn-progreso{animation-name:vn-progreso;animation-timing-function:linear}@keyframes vn-progreso{0%,31%{width:0}48%,to{width:100%}}.vn-linea{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#c4855a2e,#c4855a2e);background-position:0 0;background-repeat:no-repeat;border-radius:4px}.vn-l1{animation-name:vn-l1}.vn-l2{animation-name:vn-l2}.vn-l3{animation-name:vn-l3}.vn-l4{animation-name:vn-l4}@keyframes vn-l1{0%,31%{color:#b39a8c;background-size:0% 100%}33%,to{color:var(--espresso);background-size:100% 100%}}@keyframes vn-l2{0%,35%{color:#b39a8c;background-size:0% 100%}37%,to{color:var(--espresso);background-size:100% 100%}}@keyframes vn-l3{0%,39%{color:#b39a8c;background-size:0% 100%}41%,to{color:var(--espresso);background-size:100% 100%}}@keyframes vn-l4{0%,44%{color:#b39a8c;background-size:0% 100%}46%,to{color:var(--espresso);background-size:100% 100%}}.vn-onda{transform-origin:50%;animation:.9s ease-in-out infinite alternate paused vn-onda}@keyframes vn-onda{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.vn-imagenes{animation-name:vn-imagenes}@keyframes vn-imagenes{0%,48%{opacity:0}50%,to{opacity:1}}.vn-i1{animation-name:vn-i1}.vn-i2{animation-name:vn-i2}.vn-i3{animation-name:vn-i3}.vn-i4{animation-name:vn-i4}.vn-i5{animation-name:vn-i5}.vn-i6{animation-name:vn-i6}@keyframes vn-i1{0%,50%{opacity:0;transform:scale(.85)}52%,to{opacity:1;transform:scale(1)}}@keyframes vn-i2{0%,52%{opacity:0;transform:scale(.85)}54%,to{opacity:1;transform:scale(1)}}@keyframes vn-i3{0%,54%{opacity:0;transform:scale(.85)}56%,to{opacity:1;transform:scale(1)}}@keyframes vn-i4{0%,56%{opacity:0;transform:scale(.85)}58%,to{opacity:1;transform:scale(1)}}@keyframes vn-i5{0%,58%{opacity:0;transform:scale(.85)}60%,to{opacity:1;transform:scale(1)}}@keyframes vn-i6{0%,60%{opacity:0;transform:scale(.85)}62%,to{opacity:1;transform:scale(1)}}.vn-espera3{animation-name:vn-espera3}@keyframes vn-espera3{0%,63%{opacity:1}64%,to{opacity:0}}.vn-generando{animation-name:vn-generando}@keyframes vn-generando{0%,63%{opacity:0}64%,73%{opacity:1}74%,to{opacity:0}}.vn-barra{animation-name:vn-barra;animation-timing-function:ease-in}@keyframes vn-barra{0%,64%{width:0}73%,to{width:100%}}.vn-girando{animation:.9s linear infinite vn-girar}@keyframes vn-girar{to{transform:rotate(360deg)}}.vn-listo{--aparece:.74;animation-name:vn-listo}@keyframes vn-listo{0%,73%{opacity:0;visibility:hidden}75%,98.5%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:no-preference){@container vn (max-width:700px){.vn-demo{gap:14px;display:grid}.vn-segmentos{grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.vn-paso{grid-area:2/1}.vn-paso>.vn-escena{order:3;margin-top:auto}.vn-paso-1{animation-name:vn-f1}.vn-paso-2{animation-name:vn-f2}.vn-paso-3{animation-name:vn-f3}.vn-generando{animation-name:vn-generando-unico}.vn-listo{animation-name:vn-listo-unico}}}.vn-s1{animation-name:vn-s1;animation-timing-function:linear}.vn-s2{animation-name:vn-s2;animation-timing-function:linear}.vn-s3{animation-name:vn-s3;animation-timing-function:linear}@keyframes vn-s1{0%{width:0}30%,to{width:100%}}@keyframes vn-s2{0%,30%{width:0}63%,to{width:100%}}@keyframes vn-s3{0%,63%{width:0}99%,to{width:100%}}@keyframes vn-f1{0%,29%{opacity:1;visibility:visible}30%,98.5%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes vn-f2{0%,29%{opacity:0;visibility:hidden}30%,62%{opacity:1;visibility:visible}63%,to{opacity:0;visibility:hidden}}@keyframes vn-f3{0%,62%{opacity:0;visibility:hidden}63%,98.5%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes vn-generando-unico{0%,73%{opacity:1}74%,to{opacity:0}}@keyframes vn-listo-unico{0%,73%{opacity:0;visibility:hidden}75%,to{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.vn-a,.vn-onda,.vn-girando{animation:none}}