.fx-flujo{--fx-paso: 2.4s;--fx-gap: 1.5rem;--fx-n: 5;--fx-ciclo: calc(var(--fx-n) * var(--fx-paso))}.fx-pasos{list-style:none;margin:0;padding:0;display:grid;gap:var(--fx-gap);grid-template-columns:1fr}@media (min-width: 1024px){.fx-pasos{grid-template-columns:repeat(var(--fx-n),minmax(0,1fr))}}.fx-paso{position:relative;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.25rem 1.1rem}.fx-num{position:absolute;top:-.7rem;left:1rem;width:1.6rem;height:1.6rem;border-radius:9999px;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.fx-icono{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.8rem;background:hsl(var(--primary) / .1);color:hsl(var(--primary));margin-bottom:.7rem}.fx-titulo-paso{font-weight:600;font-size:1rem;line-height:1.3;color:hsl(var(--foreground));margin:0 0 .35rem}.fx-texto{font-size:.875rem;line-height:1.5;color:hsl(var(--muted-foreground));margin:0}.fx-luz{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:1rem;pointer-events:none;border:2px solid hsl(var(--primary));box-shadow:0 10px 24px -10px hsl(var(--primary) / .45);opacity:0}.fx-hilo,.fx-punto{position:absolute;pointer-events:none}.fx-hilo{background:hsl(var(--border))}.fx-punto{background:hsl(var(--primary));opacity:0}.fx-hilo,.fx-punto{left:2rem;top:100%;width:2px;height:var(--fx-gap)}.fx-punto{transform-origin:top;transform:scaleY(0)}@media (min-width: 1024px){.fx-hilo,.fx-punto{left:100%;top:50%;width:var(--fx-gap);height:2px}.fx-punto{transform-origin:left;transform:scaleX(0)}}@media (prefers-reduced-motion: no-preference){.fx-paso{animation:fx-paso-5 var(--fx-ciclo) ease-in-out infinite;animation-delay:calc(var(--fx-i) * var(--fx-paso))}.fx-luz{animation:fx-luz-5 var(--fx-ciclo) ease-in-out infinite;animation-delay:calc(var(--fx-i) * var(--fx-paso))}.fx-num{animation:fx-num-5 var(--fx-ciclo) ease-in-out infinite;animation-delay:calc(var(--fx-i) * var(--fx-paso))}.fx-punto{animation:fx-viaja-v-5 var(--fx-ciclo) ease-in-out infinite;animation-delay:calc(var(--fx-i) * var(--fx-paso))}.fx-n3 .fx-paso{animation-name:fx-paso-3}.fx-n3 .fx-luz{animation-name:fx-luz-3}.fx-n3 .fx-num{animation-name:fx-num-3}.fx-n3 .fx-punto{animation-name:fx-viaja-v-3}.fx-n4 .fx-paso{animation-name:fx-paso-4}.fx-n4 .fx-luz{animation-name:fx-luz-4}.fx-n4 .fx-num{animation-name:fx-num-4}.fx-n4 .fx-punto{animation-name:fx-viaja-v-4}.fx-n5 .fx-paso{animation-name:fx-paso-5}.fx-n5 .fx-luz{animation-name:fx-luz-5}.fx-n5 .fx-num{animation-name:fx-num-5}.fx-n5 .fx-punto{animation-name:fx-viaja-v-5}.fx-n6 .fx-paso{animation-name:fx-paso-6}.fx-n6 .fx-luz{animation-name:fx-luz-6}.fx-n6 .fx-num{animation-name:fx-num-6}.fx-n6 .fx-punto{animation-name:fx-viaja-v-6}@media (min-width: 1024px){.fx-n3 .fx-punto{animation-name:fx-viaja-h-3}.fx-n4 .fx-punto{animation-name:fx-viaja-h-4}.fx-n5 .fx-punto{animation-name:fx-viaja-h-5}.fx-n6 .fx-punto{animation-name:fx-viaja-h-6}}.fx-flujo[data-activo=false] :is(.fx-paso,.fx-luz,.fx-num,.fx-punto){animation-play-state:paused}}@keyframes fx-paso-3{0%{transform:none}5%{transform:translateY(-4px) scale(1.02)}28.33%{transform:translateY(-4px) scale(1.02)}33.33%,to{transform:none}}@keyframes fx-luz-3{0%{opacity:0}5%{opacity:1}28.33%{opacity:1}33.33%,to{opacity:0}}@keyframes fx-num-3{0%{transform:scale(1)}5%{transform:scale(1.25)}28.33%{transform:scale(1.25)}33.33%,to{transform:scale(1)}}@keyframes fx-viaja-v-3{0%,15%{opacity:0;transform:scaleY(0)}16.67%{opacity:1;transform:scaleY(0)}30%{opacity:1;transform:scaleY(1)}35%,to{opacity:0;transform:scaleY(1)}}@keyframes fx-viaja-h-3{0%,15%{opacity:0;transform:scaleX(0)}16.67%{opacity:1;transform:scaleX(0)}30%{opacity:1;transform:scaleX(1)}35%,to{opacity:0;transform:scaleX(1)}}@keyframes fx-paso-4{0%{transform:none}3.75%{transform:translateY(-4px) scale(1.02)}21.25%{transform:translateY(-4px) scale(1.02)}25%,to{transform:none}}@keyframes fx-luz-4{0%{opacity:0}3.75%{opacity:1}21.25%{opacity:1}25%,to{opacity:0}}@keyframes fx-num-4{0%{transform:scale(1)}3.75%{transform:scale(1.25)}21.25%{transform:scale(1.25)}25%,to{transform:scale(1)}}@keyframes fx-viaja-v-4{0%,11.25%{opacity:0;transform:scaleY(0)}12.5%{opacity:1;transform:scaleY(0)}22.5%{opacity:1;transform:scaleY(1)}26.25%,to{opacity:0;transform:scaleY(1)}}@keyframes fx-viaja-h-4{0%,11.25%{opacity:0;transform:scaleX(0)}12.5%{opacity:1;transform:scaleX(0)}22.5%{opacity:1;transform:scaleX(1)}26.25%,to{opacity:0;transform:scaleX(1)}}@keyframes fx-paso-5{0%{transform:none}3%{transform:translateY(-4px) scale(1.02)}17%{transform:translateY(-4px) scale(1.02)}20%,to{transform:none}}@keyframes fx-luz-5{0%{opacity:0}3%{opacity:1}17%{opacity:1}20%,to{opacity:0}}@keyframes fx-num-5{0%{transform:scale(1)}3%{transform:scale(1.25)}17%{transform:scale(1.25)}20%,to{transform:scale(1)}}@keyframes fx-viaja-v-5{0%,9%{opacity:0;transform:scaleY(0)}10%{opacity:1;transform:scaleY(0)}18%{opacity:1;transform:scaleY(1)}21%,to{opacity:0;transform:scaleY(1)}}@keyframes fx-viaja-h-5{0%,9%{opacity:0;transform:scaleX(0)}10%{opacity:1;transform:scaleX(0)}18%{opacity:1;transform:scaleX(1)}21%,to{opacity:0;transform:scaleX(1)}}@keyframes fx-paso-6{0%{transform:none}2.5%{transform:translateY(-4px) scale(1.02)}14.17%{transform:translateY(-4px) scale(1.02)}16.67%,to{transform:none}}@keyframes fx-luz-6{0%{opacity:0}2.5%{opacity:1}14.17%{opacity:1}16.67%,to{opacity:0}}@keyframes fx-num-6{0%{transform:scale(1)}2.5%{transform:scale(1.25)}14.17%{transform:scale(1.25)}16.67%,to{transform:scale(1)}}@keyframes fx-viaja-v-6{0%,7.5%{opacity:0;transform:scaleY(0)}8.33%{opacity:1;transform:scaleY(0)}15%{opacity:1;transform:scaleY(1)}17.5%,to{opacity:0;transform:scaleY(1)}}@keyframes fx-viaja-h-6{0%,7.5%{opacity:0;transform:scaleX(0)}8.33%{opacity:1;transform:scaleX(0)}15%{opacity:1;transform:scaleX(1)}17.5%,to{opacity:0;transform:scaleX(1)}}