.flow{position:relative}.track{height:30px;margin-bottom:8px;position:relative}.track .ln{background:var(--border);border-radius:2px;width:50%;height:4px;position:absolute;top:13px;left:12.5%}.track .ln i{height:100%;width:calc(var(--p,0) * 100%);background:var(--brand);border-radius:2px;transition:width .9s cubic-bezier(.4,0,.2,1);display:block}.track .nd{border:2px solid var(--border-input);background:var(--white);border-radius:50%;width:18px;height:18px;margin-left:-9px;transition:background .4s,border-color .4s,transform .4s,box-shadow .6s;position:absolute;top:6px}.track .nd.on{background:var(--brand);border-color:var(--brand);transform:scale(1.15)}.track .nd.fin.on{background:var(--ok);border-color:var(--brand);box-shadow:0 0 0 7px color-mix(in srgb, var(--ok) 35%, transparent)}.track .nd.neg.on{background:var(--neg);border-color:var(--neg)}@container (max-width:760px){.track{display:none}}.states{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@container (max-width:760px){.states{grid-template-columns:repeat(2,minmax(0,1fr))}}.state{cursor:pointer;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--white);color:inherit;font:inherit;text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex}.state:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.state[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);transform:translateY(-3px)}.state small{color:var(--text-2);font-size:13px}.states.first .state{animation:.55s cubic-bezier(.2,.8,.2,1) both stIn}.states.first .state:nth-child(2){animation-delay:.12s}.states.first .state:nth-child(3){animation-delay:.24s}.states.first .state:nth-child(4){animation-delay:.36s}.state-detail{border-radius:calc(var(--radius) + 4px);background:var(--surface-card);margin-top:14px;padding:18px;font-size:15px}.state-detail b{margin-bottom:4px;display:block}.state-detail.sdin{animation:.45s ease-out swapin}mark.codeword{background:linear-gradient(var(--ok), var(--ok)) no-repeat left / 0% 100%;color:var(--brand);border-radius:8px;padding:.02em .28em;font-weight:700;transition:background-size .8s cubic-bezier(.2,.8,.2,1) .3s}mark.codeword.reveal{opacity:1;transform:none}mark.codeword.reveal.in{background-size:100% 100%}.hashlab{gap:16px;padding:clamp(18px,3cqi,28px);display:grid}.code-big{letter-spacing:.04em;color:var(--brand);background:color-mix(in srgb, var(--ok) 55%, transparent);border-radius:8px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(20px,2.8cqi,28px);font-weight:700;display:inline-block}@container (max-width:520px){.code-big{letter-spacing:.02em;white-space:nowrap;font-size:15px}}.changed{animation:.6s ease-out pulse}#verificar-doc{scroll-margin-top:84px}.vdemo .lbl{color:var(--text-2);font-size:13px;font-weight:600}.demoin{letter-spacing:.04em;white-space:nowrap;cursor:default;align-items:center;min-height:48px;font-family:ui-monospace,Menlo,monospace;display:flex;overflow:hidden}.caret{background:var(--brand);width:2px;height:1.2em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}.vdemo .btn{pointer-events:none;cursor:default;transition:transform .2s}.vdemo .btn.pressed{transform:scale(.94)}.vdres{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.2,.8,.2,1),opacity .6s;display:grid}.vdres.on{opacity:1;grid-template-rows:1fr}.vdin{flex-direction:column;gap:18px;min-height:0;display:flex;overflow:hidden}.vdres.on .seal{animation:.9s ease-out reveal-pop}@keyframes stIn{0%{opacity:0;transform:translateY(14px)}}@keyframes swapin{0%{opacity:0;transform:translateY(8px)}}@keyframes pulse{0%{background:color-mix(in srgb, var(--pend) 45%, transparent)}}@keyframes blink{50%{opacity:0}}
