._panel_1wo11_1{--flujo-ciclo:10s;border:1px solid var(--pi-borde);border-radius:var(--pi-radio-panel);background:var(--pi-superficie);justify-self:end;gap:16px;width:100%;max-width:460px;padding:24px;display:grid;position:relative}._llega_1wo11_15{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}._llega_1wo11_15 em{color:var(--pi-texto-2);font:500 var(--pi-pequeno) / 1 var(--pi-fuente-mono)}._pasos_1wo11_30{gap:8px;margin:0;padding:0;list-style:none;display:grid}._paso_1wo11_30{border-radius:var(--pi-radio-control);box-shadow:inset 0 0 0 1px var(--pi-borde);gap:2px;padding:12px 16px;display:grid}._paso_1wo11_30 strong{font-weight:500;line-height:1.2}._paso_1wo11_30 span{color:var(--pi-texto-2);font-size:var(--pi-pequeno)}._decision_1wo11_56{background:var(--pi-azul);box-shadow:none;color:var(--pi-tinta)}._decision_1wo11_56 span{color:inherit}@media (prefers-reduced-motion:no-preference){._paso_1wo11_30{animation:var(--flujo-ciclo) var(--pi-curva) infinite}._paso_1wo11_30:not(._decision_1wo11_56){animation-name:_turno_1wo11_1}._decision_1wo11_56{animation-name:_decidir_1wo11_1;animation-delay:calc(var(--flujo-ciclo) * .72)}._paso_1wo11_30:nth-child(2){animation-delay:calc(var(--flujo-ciclo) * .18)}._paso_1wo11_30:nth-child(3){animation-delay:calc(var(--flujo-ciclo) * .36)}._paso_1wo11_30:nth-child(4){animation-delay:calc(var(--flujo-ciclo) * .54)}._panel_1wo11_1:hover ._paso_1wo11_30{animation-play-state:paused}}@keyframes _turno_1wo11_1{0%,22%,to{box-shadow:inset 0 0 0 1px var(--pi-borde);transform:none}3%,16%{box-shadow:inset 0 0 0 2px var(--pi-azul-suave);transform:translate(-4px)}}@keyframes _decidir_1wo11_1{0%,26%,to{transform:none}4%,20%{transform:scale(1.03)}}@media (width<=760px){._panel_1wo11_1{justify-self:stretch;max-width:none;padding:16px}}@property --flujo-angulo{syntax:"<angle>";inherits:false;initial-value:0deg}@media (prefers-reduced-motion:no-preference){._panel_1wo11_1:before{content:"";border-radius:inherit;background:conic-gradient(from var(--flujo-angulo), transparent 0 72%, var(--pi-azul) 92%, transparent);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:7s linear infinite _flujo-giro_1wo11_1;position:absolute;inset:-1px;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}._panel_1wo11_1:hover:before{animation-play-state:paused}}@keyframes _flujo-giro_1wo11_1{to{--flujo-angulo:360deg}}
