.gt-auto-pay-overlay{
  position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;
  background:radial-gradient(circle at 50% 18%,rgba(47,205,255,.15),transparent 32%),rgba(4,7,20,.82);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:gtPayOverlayIn .24s ease both
}
.gt-auto-pay-open{overflow:hidden}
.gt-auto-pay-card{
  width:min(520px,100%);position:relative;overflow:hidden;padding:30px 28px 26px;text-align:center;color:#172033;
  border:1px solid rgba(255,255,255,.82);border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(246,249,255,.985));
  box-shadow:0 34px 90px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.86) inset
}
.gt-auto-pay-card::before{content:"";position:absolute;inset:-120px -80px auto;height:220px;pointer-events:none;background:radial-gradient(circle,rgba(84,112,255,.16),transparent 68%)}
.gt-auto-pay-visual{width:126px;height:126px;margin:0 auto 12px;display:grid;place-items:center;position:relative}.gt-auto-pay-svg{width:126px;height:126px;overflow:visible}
.gt-auto-pay-halo{fill:rgba(86,101,255,.06);stroke:rgba(86,101,255,.12);stroke-width:1}.gt-auto-pay-orbit{fill:none;stroke:#4f73ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:10 12;transform-origin:80px 80px}.gt-auto-pay-orbit-one{animation:gtPayOrbit 7s linear infinite;opacity:.7}.gt-auto-pay-orbit-two{animation:gtPayOrbitReverse 5s linear infinite;opacity:.38;stroke-dasharray:5 10}.gt-auto-pay-bank{fill:#4f73ff;transform-origin:80px 80px;animation:gtPayBankFloat 2.7s ease-in-out infinite}.gt-auto-pay-pulse-dots{fill:#5570ff;transform-origin:80px 80px;animation:gtPayDots 2.2s ease-in-out infinite}.gt-auto-pay-check{display:none;fill:none;stroke:#12a66a;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;stroke-dashoffset:90}
.gt-auto-pay-state,.gt-journey-live{display:inline-flex;align-items:center;gap:8px;margin:2px auto 10px;padding:7px 11px;border-radius:999px;background:#edf3ff;color:#345cc6;font-size:.75rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.gt-auto-pay-state span,.gt-journey-live span{width:8px;height:8px;border-radius:50%;background:#4b73ff;box-shadow:0 0 0 0 rgba(75,115,255,.45);animation:gtPayPulse 1.6s ease-out infinite}
.gt-auto-pay-card h3{position:relative;margin:0 0 9px;font-size:clamp(1.35rem,5vw,1.72rem);letter-spacing:-.028em}.gt-auto-pay-card p{position:relative;margin:0;color:#66738d;line-height:1.58}.gt-auto-pay-note{font-size:.84rem!important;color:#8792a6!important}.gt-auto-pay-actions{margin-top:20px;display:flex;justify-content:center}.gt-auto-pay-close{border:0;border-radius:14px;padding:12px 22px;background:#172033;color:#fff;font-weight:850;cursor:pointer;box-shadow:0 10px 24px rgba(23,32,51,.2);transition:transform .18s ease,box-shadow .18s ease}.gt-auto-pay-close:active{transform:translateY(1px) scale(.99)}
.gt-auto-pay-card.is-approved .gt-auto-pay-orbit,.gt-auto-pay-card.is-approved .gt-auto-pay-bank,.gt-auto-pay-card.is-approved .gt-auto-pay-pulse-dots{display:none}.gt-auto-pay-card.is-approved .gt-auto-pay-check{display:block;animation:gtPayCheck .55s cubic-bezier(.2,.85,.35,1) forwards}.gt-auto-pay-card.is-approved .gt-auto-pay-halo{fill:#e9f8f1;stroke:#c4efda}.gt-auto-pay-card.is-approved .gt-auto-pay-state{background:#e9f8f1;color:#0a8b58}.gt-auto-pay-card.is-approved .gt-auto-pay-state span{background:#12a66a;animation:none}.gt-auto-pay-card.is-rejected .gt-auto-pay-orbit,.gt-auto-pay-card.is-rejected .gt-auto-pay-bank,.gt-auto-pay-card.is-rejected .gt-auto-pay-pulse-dots{display:none}.gt-auto-pay-card.is-rejected .gt-auto-pay-halo{fill:#fff0f2;stroke:#ffd9df}.gt-auto-pay-card.is-rejected .gt-auto-pay-state{background:#fff0f2;color:#c92546}.gt-auto-pay-card.is-rejected .gt-auto-pay-state span{background:#d92d4f;animation:none}

/* Seguimiento completo de pedidos */
.gt-order-journey{width:min(590px,100%);padding:24px 25px 24px;background:linear-gradient(180deg,#fff 0%,#f7f9ff 100%)}
.gt-order-journey::after{content:"";position:absolute;inset:auto -80px -120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(29,207,235,.12),transparent 66%);pointer-events:none}
.gt-journey-live{position:relative;margin-bottom:4px}.gt-journey-live.is-reconnecting{background:#fff7e8;color:#a56500}.gt-journey-live.is-reconnecting span{background:#e8a11a}.gt-journey-live.is-offline{background:#fff0f2;color:#c92546}.gt-journey-live.is-offline span{background:#d92d4f;animation:none}
.gt-journey-visual{position:relative;width:180px;height:140px;margin:0 auto -2px;display:grid;place-items:center}.gt-journey-svg{width:180px;height:140px;overflow:visible;filter:drop-shadow(0 16px 22px rgba(52,84,184,.13))}
.gt-journey-order{display:inline-flex;position:relative;margin:0 auto 7px;padding:5px 10px;border-radius:999px;background:#eef3ff;color:#546686;font-size:.68rem;font-weight:850;letter-spacing:.035em}
.gt-journey-message{min-height:49px;margin:0 auto!important;max-width:460px;font-size:.93rem}
.gt-journey-progress{position:relative;margin:24px 5px 9px;padding-top:1px}.gt-journey-rail{position:absolute;left:7.8%;right:7.8%;top:15px;height:4px;border-radius:99px;background:#dce4f3;overflow:hidden}.gt-journey-rail span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#536dff,#20cbea);box-shadow:0 0 14px rgba(46,190,235,.35);transition:width .52s cubic-bezier(.2,.82,.25,1)}
.gt-journey-nodes{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.gt-journey-node{min-width:0;text-align:center;color:#9aa5b8}.gt-journey-node b{position:relative;width:30px;height:30px;margin:0 auto 7px;display:grid;place-items:center;border:3px solid #dce4f3;border-radius:50%;background:#fff;color:#8a97ad;font-size:.7rem;box-shadow:0 4px 12px rgba(31,49,89,.08);transition:.35s ease}.gt-journey-node b i{display:none;font-style:normal}.gt-journey-node small{display:block;min-height:29px;font-size:.58rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}.gt-journey-node.is-complete b{border-color:#2fc8e7;background:linear-gradient(135deg,#536dff,#23cce7);color:#fff}.gt-journey-node.is-complete b span{display:none}.gt-journey-node.is-complete b i{display:block}.gt-journey-node.is-current b{border-color:#4d70ff;color:#3157d2;box-shadow:0 0 0 7px rgba(77,112,255,.1),0 6px 16px rgba(49,87,210,.18);animation:gtJourneyNodePulse 1.65s ease-in-out infinite}.gt-journey-node.is-current{color:#40516f}.gt-journey-node.is-complete{color:#4b6684}
.gt-journey-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px auto 17px;padding:10px 12px;border:1px solid #e4e9f4;border-radius:13px;background:#f8faff;color:#7c889d;font-size:.7rem;font-weight:800}.gt-journey-meta>span:first-child{color:#355fc8}.gt-journey-next{text-align:right}

/* SVG por estado */
.gt-svg-receipt{fill:#f8fbff;stroke:#5472ff;stroke-width:2.5}.gt-svg-receipt-lines{fill:none;stroke:#9aabe0;stroke-width:4;stroke-linecap:round}.gt-svg-scan{fill:#35cce8;opacity:.16;animation:gtScanMove 1.7s ease-in-out infinite}.gt-svg-scan-dot{fill:#536dff;animation:gtScanDot 1.7s ease-in-out infinite}.gt-svg-orbit-dot{fill:#35cce8;transform-origin:90px 70px}.gt-svg-orbit-dot.a{animation:gtOrbitDot 3.1s linear infinite}.gt-svg-orbit-dot.b{animation:gtOrbitDot 3.1s linear infinite .9s}.gt-svg-orbit-dot.c{animation:gtOrbitDot 3.1s linear infinite 1.8s}
.gt-svg-ring{fill:none;stroke-width:2;transform-origin:90px 70px}.gt-svg-ring-a{stroke:#98e6d0;stroke-dasharray:8 10;animation:gtPayOrbit 5s linear infinite}.gt-svg-ring-b{stroke:#6f86ff;stroke-dasharray:4 13;animation:gtPayOrbitReverse 7s linear infinite}.gt-svg-shield{fill:#ebfaf4;stroke:#18a66e;stroke-width:3;animation:gtShieldPop .55s cubic-bezier(.2,.9,.3,1) both}.gt-svg-check-line{fill:none;stroke:#14a86d;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:75;stroke-dashoffset:75;animation:gtPayCheck .65s .18s ease forwards}.gt-svg-sparkles{fill:#536dff;animation:gtSparkles 1.4s ease-in-out infinite alternate}
.gt-svg-package{fill:#eef3ff;stroke:#536dff;stroke-width:3;animation:gtPackageFloat 1.2s ease-in-out infinite}.gt-svg-package-line{fill:none;stroke:#536dff;stroke-width:3}.gt-svg-route{fill:none;stroke:#c9d4ed;stroke-width:4;stroke-linecap:round}.gt-svg-route-dot{fill:#28c9e8;animation:gtRouteDot 1.35s ease-in-out infinite}.gt-svg-route-dot.d2{animation-delay:.18s}.gt-svg-route-dot.d3{animation-delay:.36s}.gt-svg-arrow{fill:none;stroke:#536dff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:gtArrowNudge 1.1s ease-in-out infinite}.gt-svg-destination{fill:#eaf9fd;stroke:#28c9e8;stroke-width:3;animation:gtDestination 1.3s ease-in-out infinite}
.gt-svg-cloud{fill:#eef7ff;stroke:#6381f9;stroke-width:2.5}.gt-svg-plane{fill:#536dff;transform-origin:90px 70px;animation:gtPlaneArrive 1.8s ease-in-out infinite}.gt-svg-sent-pulse{fill:#21c9e8;animation:gtSentPulse 1.3s ease-out infinite}
.gt-svg-processing-ring{fill:none;stroke:#8aa2ff;stroke-width:2.5;stroke-dasharray:10 10;transform-origin:90px 70px;animation:gtPayOrbit 4s linear infinite}.gt-svg-processing-ring.second{stroke:#30cbe8;stroke-dasharray:4 12;animation:gtPayOrbitReverse 6s linear infinite}.gt-svg-diamond{fill:#edf5ff;stroke:#536dff;stroke-width:3;animation:gtDiamondFloat 1.65s ease-in-out infinite}.gt-svg-diamond-lines{fill:none;stroke:#38bddf;stroke-width:2}.gt-svg-processing-dots{fill:#536dff;transform-origin:90px 70px;animation:gtPayOrbit 3s linear infinite}
.gt-svg-finish-halo{fill:#e9fbf3;stroke:#9be3c1;stroke-width:2;animation:gtFinishHalo 1.5s ease-in-out infinite}.gt-svg-finish-check{fill:none;stroke:#11a667;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:110;stroke-dashoffset:110;animation:gtPayCheck .7s ease forwards}.gt-svg-confetti{fill:none;stroke:#536dff;stroke-width:4;stroke-linecap:round;animation:gtSparkles 1s .25s ease-in-out infinite alternate}.gt-svg-confetti circle{fill:#29c9e6;stroke:none}.gt-svg-fail-halo{fill:#fff0f2;stroke:#ffc7d0;stroke-width:2}.gt-svg-fail-x{fill:none;stroke:#d92d4f;stroke-width:8;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120;animation:gtPayCheck .55s ease forwards}
.gt-order-journey.is-journey-complete .gt-journey-meta{background:#effaf5;border-color:#caeedc}.gt-order-journey.is-journey-complete .gt-journey-live{background:#e9f8f1;color:#0a8b58}.gt-order-journey.is-journey-complete .gt-journey-live span{background:#12a66a;animation:none}.gt-order-journey.is-journey-failed .gt-journey-meta{background:#fff6f7;border-color:#ffdce2}.gt-order-journey.is-journey-failed .gt-journey-node.is-current b{animation:none}

@keyframes gtPayOverlayIn{from{opacity:0}to{opacity:1}}@keyframes gtPayOrbit{to{transform:rotate(360deg)}}@keyframes gtPayOrbitReverse{to{transform:rotate(-360deg)}}@keyframes gtPayBankFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}@keyframes gtPayDots{0%,100%{opacity:.25;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes gtPayPulse{0%{box-shadow:0 0 0 0 rgba(75,115,255,.42)}70%{box-shadow:0 0 0 8px rgba(75,115,255,0)}100%{box-shadow:0 0 0 0 rgba(75,115,255,0)}}@keyframes gtPayCheck{to{stroke-dashoffset:0}}@keyframes gtJourneyNodePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes gtScanMove{0%,100%{transform:translateY(-13px)}50%{transform:translateY(46px)}}@keyframes gtScanDot{0%,100%{transform:translateY(-13px);opacity:.35}50%{transform:translateY(46px);opacity:1}}@keyframes gtOrbitDot{0%{transform:rotate(0) translateX(0);opacity:.3}50%{opacity:1}100%{transform:rotate(360deg) translateX(0);opacity:.3}}@keyframes gtShieldPop{from{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gtSparkles{from{opacity:.35;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}@keyframes gtPackageFloat{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}@keyframes gtRouteDot{0%,100%{opacity:.2;transform:translateX(-3px)}50%{opacity:1;transform:translateX(4px)}}@keyframes gtArrowNudge{0%,100%{transform:translateX(-2px)}50%{transform:translateX(5px)}}@keyframes gtDestination{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.12);opacity:1}}@keyframes gtPlaneArrive{0%{transform:translate(-18px,12px) rotate(-8deg);opacity:.45}55%,100%{transform:translate(4px,-5px) rotate(0);opacity:1}}@keyframes gtSentPulse{0%{r:5;opacity:1}100%{r:17;opacity:0}}@keyframes gtDiamondFloat{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}@keyframes gtFinishHalo{0%,100%{transform-origin:90px 70px;transform:scale(.96);opacity:.72}50%{transform:scale(1.04);opacity:1}}
@media(max-width:560px){.gt-auto-pay-overlay{padding:14px}.gt-auto-pay-card{padding:23px 17px 21px;border-radius:25px}.gt-order-journey{padding:20px 14px 20px}.gt-journey-visual,.gt-journey-svg{width:154px;height:120px}.gt-journey-progress{margin-left:0;margin-right:0}.gt-journey-node b{width:27px;height:27px;border-width:2px}.gt-journey-node small{font-size:.49rem;min-height:31px}.gt-journey-rail{left:8%;right:8%;top:13px}.gt-journey-meta{font-size:.64rem;padding:9px 10px}.gt-journey-message{font-size:.86rem;min-height:46px}.gt-auto-pay-note{font-size:.76rem!important}}
@media(max-width:390px){.gt-journey-node small{font-size:.45rem}.gt-journey-nodes{gap:1px}.gt-order-journey{padding-left:10px;padding-right:10px}.gt-journey-meta{gap:7px}.gt-journey-next{max-width:58%}}
@media(prefers-reduced-motion:reduce){.gt-auto-pay-overlay,.gt-auto-pay-orbit,.gt-auto-pay-bank,.gt-auto-pay-pulse-dots,.gt-auto-pay-state span,.gt-journey-live span,.gt-journey-node.is-current b,.gt-journey-svg *{animation:none!important}.gt-journey-rail span{transition:none!important}}