/* Micro-animações de serviços Qigger — classes prefixadas, estado padrão = frame final; .play roda 1x */
/* DEV */
.q-dev-stage{position:absolute;left:0;top:0;width:380px;height:220px;transform-origin:top left;font-family:Inter,system-ui,sans-serif}
.q-dev-app{position:absolute;left:20px;top:18px;width:340px;height:158px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02);display:flex;overflow:hidden}
.q-dev-sidebar{width:72px;flex:none;background:rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.07);padding:12px 10px;box-sizing:border-box}
.q-dev-logo{width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,#FF8120,#FF6200);margin-bottom:14px}
.q-dev-sb{height:5px;border-radius:2.5px;background:rgba(255,255,255,.12);margin-bottom:9px}
.q-dev-sb.q-dev-on{background:rgba(255,129,32,.75)}
.q-dev-main{flex:1;padding:12px 14px;position:relative}
.q-dev-header{display:flex;align-items:center;justify-content:space-between}
.q-dev-htitle{width:92px;height:8px;border-radius:4px;background:rgba(255,255,255,.16)}
.q-dev-hav{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.2)}
.q-dev-table{margin-top:16px;display:grid;gap:11px}
.q-dev-row{display:flex;align-items:center;gap:9px}
.q-dev-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18);flex:none}
.q-dev-dot.q-dev-g{background:#34D399}
.q-dev-b{height:7px;border-radius:3.5px;background:rgba(255,255,255,.10)}
.q-dev-btn{position:absolute;right:12px;bottom:11px;padding:6px 15px;border:0;border-radius:8px;background:linear-gradient(135deg,#FF8120,#FF6200);color:#fff;font:700 11.5px Inter,sans-serif;box-shadow:0 4px 14px rgba(255,98,0,.35)}
.q-dev-label{position:absolute;right:20px;bottom:10px;font:400 11px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-dev-label .q-dev-ok{color:#34D399}
.q-dev-stage.play .q-dev-sidebar{animation:qDevSbIn .55s cubic-bezier(.16,1,.3,1) .05s both}
.q-dev-stage.play .q-dev-header{animation:qDevHIn .45s cubic-bezier(.16,1,.3,1) .55s both}
.q-dev-stage.play .q-dev-row{animation:qDevRIn .4s cubic-bezier(.16,1,.3,1) both}
.q-dev-stage.play .q-dev-row:nth-child(1){animation-delay:1s}.q-dev-stage.play .q-dev-row:nth-child(2){animation-delay:1.22s}
.q-dev-stage.play .q-dev-row:nth-child(3){animation-delay:1.44s}.q-dev-stage.play .q-dev-row:nth-child(4){animation-delay:1.66s}
.q-dev-stage.play .q-dev-btn{animation:qDevBIn .55s cubic-bezier(.16,1,.3,1) 2.4s both}
.q-dev-stage.play .q-dev-label{animation:qDevFIn .4s ease-out 3s both}
@keyframes qDevSbIn{from{transform:translateX(-52px);opacity:0}}
@keyframes qDevHIn{from{transform:translateY(-8px);opacity:0}}
@keyframes qDevRIn{from{transform:translateY(9px);opacity:0}}
@keyframes qDevBIn{0%{opacity:0;transform:scale(.6)}65%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes qDevFIn{from{opacity:0}}
/* AGT */
.q-agt-stage{position:absolute;left:0;top:0;width:380px;height:220px;transform-origin:top left;font-family:Inter,system-ui,sans-serif}
.q-agt-bubble{position:absolute;left:18px;top:74px;width:60px;height:38px;border-radius:9px 9px 9px 3px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:9px 10px;box-sizing:border-box}
.q-agt-bubble .q-agt-t{height:5px;border-radius:2.5px;background:rgba(255,255,255,.22);margin-bottom:6px}
.q-agt-bubble2{position:absolute;left:18px;top:126px;width:74px;height:34px;border-radius:9px 9px 9px 3px;background:rgba(255,129,32,.10);border:1px solid rgba(255,129,32,.4);padding:8px 10px;box-sizing:border-box}
.q-agt-bubble2 .q-agt-t{height:5px;border-radius:2.5px;background:rgba(255,129,32,.6);margin-bottom:6px}
.q-agt-line{position:absolute;top:92px;height:2px;background:rgba(255,255,255,.12);border-radius:1px}
.q-agt-l1{left:84px;width:62px}.q-agt-l2{left:194px;width:94px}
.q-agt-flow{position:absolute;inset:0;border-radius:1px;background:linear-gradient(90deg,#FF8120,#FF6200);transform-origin:left}
.q-agt-back{position:absolute;inset:0;border-radius:1px;background:#34D399;transform-origin:right;opacity:0}
.q-agt-agent{position:absolute;left:147px;top:70px;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,129,32,.85);background:rgba(255,129,32,.07);display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 0 16px rgba(255,98,0,.18)}
.q-agt-agent .q-agt-d{width:5px;height:5px;border-radius:50%;background:#FF8120;opacity:.5}
.q-agt-agtag{position:absolute;left:147px;top:122px;width:46px;text-align:center;font:400 10px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-agt-sys{position:absolute;left:290px;top:72px;width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}
.q-agt-sys svg{width:18px;height:18px}
.q-agt-sys .q-agt-ck{stroke:#34D399;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.q-agt-systag{position:absolute;left:284px;top:122px;width:54px;text-align:center;font:400 10px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-agt-check{transform-origin:center}
.q-agt-labels{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:9px;font:400 11px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-agt-labels .q-agt-arr{opacity:.5}
.q-agt-lb{opacity:1}
.q-agt-labels .q-agt-done{color:#34D399}
.q-agt-stage.play .q-agt-bubble{animation:qAgtBIn .5s cubic-bezier(.16,1,.3,1) .05s both}
.q-agt-stage.play .q-agt-flow{animation:qAgtGrow .4s cubic-bezier(.16,1,.3,1) .5s both}
.q-agt-stage.play .q-agt-d{animation:qAgtDp .36s ease-in-out 3 both}
.q-agt-stage.play .q-agt-d:nth-child(1){animation-delay:.9s}.q-agt-stage.play .q-agt-d:nth-child(2){animation-delay:1.02s}.q-agt-stage.play .q-agt-d:nth-child(3){animation-delay:1.14s}
.q-agt-stage.play .q-agt-l2 .q-agt-flow{animation:qAgtGrow .45s cubic-bezier(.16,1,.3,1) 1.95s both}
.q-agt-stage.play .q-agt-check{animation:qAgtCk .45s cubic-bezier(.16,1,.3,1) 2.4s both}
.q-agt-stage.play .q-agt-back{animation:qAgtBk .6s cubic-bezier(.16,1,.3,1) 2.65s both}
.q-agt-stage.play .q-agt-bubble2{animation:qAgtB2 .5s cubic-bezier(.16,1,.3,1) 3.05s both}
.q-agt-stage.play .q-agt-lb{animation:qAgtLit .35s ease-out both}
.q-agt-stage.play .q-agt-lb1{animation-delay:.25s}.q-agt-stage.play .q-agt-lb2{animation-delay:1s}.q-agt-stage.play .q-agt-lb3{animation-delay:2s}.q-agt-stage.play .q-agt-lb4{animation-delay:3.1s}
@keyframes qAgtBIn{from{transform:translateX(-24px);opacity:0}}
@keyframes qAgtB2{from{transform:translateX(18px);opacity:0}}
@keyframes qAgtGrow{from{transform:scaleX(0)}}
@keyframes qAgtDp{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
@keyframes qAgtCk{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
@keyframes qAgtBk{0%{transform:scaleX(0);opacity:.9}65%{transform:scaleX(1);opacity:.8}100%{transform:scaleX(1);opacity:0}}
@keyframes qAgtLit{from{opacity:.3}}
/* FIA */
.q-fia-stage{position:absolute;left:0;top:0;width:380px;height:220px;transform-origin:top left;font-family:Inter,system-ui,sans-serif}
.q-fia-doc{position:absolute;left:20px;top:16px;width:168px;height:170px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.03);padding:16px 14px;box-sizing:border-box;overflow:hidden}
.q-fia-ln{position:relative;height:7px;border-radius:3.5px;background:rgba(255,255,255,.10);margin-bottom:11px}
.q-fia-hl::after{content:"";position:absolute;inset:-3px -5px;border-radius:5px;background:rgba(255,129,32,.20);border:1px solid rgba(255,129,32,.55)}
.q-fia-scan{position:absolute;left:0;right:0;top:0;height:26px;background:linear-gradient(180deg,transparent,rgba(255,129,32,.32) 50%,transparent);opacity:0;pointer-events:none}
.q-fia-scan::after{content:"";position:absolute;left:0;right:0;top:12px;height:1.5px;background:#FF8120;box-shadow:0 0 8px rgba(255,129,32,.8)}
.q-fia-chip{position:absolute;left:212px;width:148px;height:44px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);padding:7px 11px;box-sizing:border-box}
.q-fia-chip .q-fia-k{font:400 9.5px ui-monospace,Menlo,monospace;color:#7a7c7e;letter-spacing:.08em;text-transform:uppercase}
.q-fia-chip .q-fia-v{font:600 11.5px Inter,sans-serif;color:#fff;margin-top:3px;white-space:nowrap}
.q-fia-c1{top:24px}.q-fia-c2{top:80px}.q-fia-c3{top:136px}
.q-fia-label{position:absolute;right:20px;bottom:8px;font:400 11px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-fia-label .q-fia-g{color:#34D399}
.q-fia-stage.play .q-fia-scan{animation:qFiaScan 1.5s linear .15s both}
.q-fia-stage.play .q-fia-hl::after{animation:qFiaHlOn .35s ease-out both}
.q-fia-stage.play .q-fia-l2::after{animation-delay:.55s}.q-fia-stage.play .q-fia-l4::after{animation-delay:.82s}.q-fia-stage.play .q-fia-l6::after{animation-delay:1.1s}
.q-fia-stage.play .q-fia-chip{animation:qFiaCIn .5s cubic-bezier(.16,1,.3,1) both}
.q-fia-stage.play .q-fia-c1{animation-delay:1.05s}.q-fia-stage.play .q-fia-c2{animation-delay:1.4s}.q-fia-stage.play .q-fia-c3{animation-delay:1.75s}
.q-fia-stage.play .q-fia-label{animation:qFiaFIn .4s ease-out 2.6s both}
@keyframes qFiaScan{0%{transform:translateY(-26px);opacity:0}8%{opacity:1}90%{opacity:1}100%{transform:translateY(172px);opacity:0}}
@keyframes qFiaHlOn{from{opacity:0}}
@keyframes qFiaCIn{from{opacity:0;transform:translateX(-22px) scale(.92)}}
@keyframes qFiaFIn{from{opacity:0}}
/* AUT */
.q-aut-stage{position:absolute;left:0;top:0;width:380px;height:220px;transform-origin:top left;font-family:Inter,system-ui,sans-serif;overflow:hidden}
.q-aut-counter{position:absolute;left:20px;top:18px;font:400 11px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-aut-counter b{color:#fff;font-weight:400}
.q-aut-belt{position:absolute;left:20px;right:20px;top:129px;height:2px;background:rgba(255,255,255,.10);border-radius:1px}
.q-aut-belt::before,.q-aut-belt::after{content:"";position:absolute;top:-3px;width:2px;height:8px;background:rgba(255,255,255,.14);border-radius:1px}
.q-aut-belt::before{left:0}.q-aut-belt::after{right:0}
.q-aut-station{position:absolute;top:115px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center}
.q-aut-station i{width:5px;height:5px;border-radius:50%;background:rgba(255,129,32,.8);display:block}
.q-aut-s1{left:95px}.q-aut-s2{left:175px}.q-aut-s3{left:255px}
.q-aut-stag{position:absolute;top:152px;width:30px;text-align:center;font:400 9.5px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-aut-item{position:absolute;left:-16px;top:123px;width:14px;height:14px;border-radius:4px;background:#34D399;opacity:0}
.q-aut-out{position:absolute;right:20px;top:98px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(52,211,153,.6);background:rgba(52,211,153,.08);display:flex;align-items:center;justify-content:center}
.q-aut-out svg{width:10px;height:10px}
.q-aut-out .q-aut-ck{stroke:#34D399;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.q-aut-stage.play .q-aut-item{animation:qAutRun 1.9s linear both}
.q-aut-stage.play .q-aut-i1{animation-delay:.05s}.q-aut-stage.play .q-aut-i2{animation-delay:.32s}.q-aut-stage.play .q-aut-i3{animation-delay:.59s}.q-aut-stage.play .q-aut-i4{animation-delay:.86s}
.q-aut-stage.play .q-aut-i5{animation-delay:1.13s}.q-aut-stage.play .q-aut-i6{animation-delay:1.4s}.q-aut-stage.play .q-aut-i7{animation-delay:1.67s}.q-aut-stage.play .q-aut-i8{animation-delay:1.94s}
.q-aut-stage.play .q-aut-station{animation:qAutPulse .27s ease-in-out 8}
.q-aut-stage.play .q-aut-s1{animation-delay:.6s}.q-aut-stage.play .q-aut-s2{animation-delay:1s}.q-aut-stage.play .q-aut-s3{animation-delay:1.4s}
.q-aut-stage.play .q-aut-out{animation:qAutCk .45s cubic-bezier(.16,1,.3,1) 3.85s both}
@keyframes qAutRun{0%{transform:translateX(0);opacity:0;background:rgba(255,255,255,.22)}5%{opacity:1}72%{background:rgba(255,255,255,.22)}80%{background:#34D399}90%{opacity:1}100%{transform:translateX(392px);opacity:0;background:#34D399}}
@keyframes qAutPulse{0%,100%{transform:scale(1);border-color:rgba(255,255,255,.16)}50%{transform:scale(1.14);border-color:rgba(255,129,32,.8)}}
@keyframes qAutCk{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
/* INT */
.q-int-stage{position:absolute;left:0;top:0;width:380px;height:220px;transform-origin:top left;font-family:Inter,system-ui,sans-serif}
.q-int-box{position:absolute;top:80px;width:84px;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.q-int-b1{left:22px}.q-int-b2{left:274px}
.q-int-box .q-int-nm{font:400 11px ui-monospace,Menlo,monospace;color:#b9bbbd}
.q-int-box .q-int-bar{width:34px;height:4px;border-radius:2px;background:rgba(255,255,255,.12)}
.q-int-badge{position:absolute;top:-8px;right:-8px;width:19px;height:19px;border-radius:50%;background:#1c1d1e;border:1px solid rgba(52,211,153,.7);display:flex;align-items:center;justify-content:center}
.q-int-badge svg{width:10px;height:10px}
.q-int-badge .q-int-ck{stroke:#34D399;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.q-int-wire{position:absolute;inset:0;pointer-events:none}
.q-int-glow{filter:drop-shadow(0 0 4px rgba(255,129,32,.55))}
.q-int-dot{position:absolute;left:0;top:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#FF8120;box-shadow:0 0 6px rgba(255,129,32,.7);offset-path:path("M106 108 C 160 66, 220 150, 274 108");opacity:0}
.q-int-label{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:400 11px ui-monospace,Menlo,monospace;color:#7a7c7e}
.q-int-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#34D399;margin-right:7px;vertical-align:1px;font-style:normal}
.q-int-stage.play .q-int-df{animation:qIntFwd 1.15s ease-in-out both}
.q-int-stage.play .q-int-db{animation:qIntBwd 1.15s ease-in-out both}
.q-int-stage.play .q-int-d1{animation-delay:.2s}.q-int-stage.play .q-int-d2{animation-delay:.78s}.q-int-stage.play .q-int-d3{animation-delay:1.4s}.q-int-stage.play .q-int-d4{animation-delay:1.95s}
.q-int-stage.play .q-int-glow{animation:qIntGIn 3.4s linear both}
.q-int-stage.play .q-int-badge{animation:qIntCk .45s cubic-bezier(.16,1,.3,1) both}
.q-int-stage.play .q-int-b1 .q-int-badge{animation-delay:2.95s}.q-int-stage.play .q-int-b2 .q-int-badge{animation-delay:3.08s}
.q-int-stage.play .q-int-label{animation:qIntFIn .4s ease-out 3.3s both}
@keyframes qIntFwd{0%{offset-distance:0%;opacity:0}10%{opacity:1}88%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes qIntBwd{0%{offset-distance:100%;opacity:0}10%{opacity:1}88%{opacity:1}100%{offset-distance:0%;opacity:0}}
@keyframes qIntGIn{0%,86%{stroke-opacity:0}100%{stroke-opacity:.5}}
@keyframes qIntCk{0%{opacity:0;transform:scale(.4)}65%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
@keyframes qIntFIn{from{opacity:0}}
@media (prefers-reduced-motion: reduce){.q-anim-wrap *{animation:none!important}.q-fia-scan{opacity:0!important}.q-int-dot{opacity:0!important}}