/* Demo interativa ZP Nexus — Sistemas Inovadores */
.si-demo{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(180deg,rgba(12,20,42,.96),rgba(7,12,28,.92));box-shadow:0 22px 70px rgba(0,0,0,.3);padding:18px;overflow:hidden}
@media(min-width:640px){.si-demo{padding:28px}}
.si-demo__glow{position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:999px;background:rgba(103,232,249,.07);filter:blur(60px);pointer-events:none}
.si-demo__tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:16px}
.si-demo__tabs::-webkit-scrollbar{display:none}
.si-demo__tab{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}
.si-demo__tab:hover{color:#e2e8f0;border-color:rgba(103,232,249,.25)}
.si-demo__tab[aria-selected="true"]{color:#ecfeff;border-color:rgba(103,232,249,.35);background:rgba(103,232,249,.09)}
.si-demo__tab:disabled{cursor:not-allowed;opacity:.5}
.si-demo__grid{display:grid;gap:18px}
@media(min-width:1024px){.si-demo__grid{grid-template-columns:.9fr 1.1fr;gap:28px}}
.si-demo__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#64748b}
.si-demo__prompt{margin-top:10px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);border-radius:18px;padding:16px}
.si-demo__who{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748b}
.si-demo__avatar{display:inline-flex;width:24px;height:24px;border-radius:8px;align-items:center;justify-content:center;background:rgba(129,140,248,.14);color:#c7d2fe;font-size:11px;font-weight:700}
.si-demo__text{margin-top:10px;font-size:16px;line-height:1.55;color:#f1f5f9;min-height:50px}
.si-demo__caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:#67e8f9;animation:siBlink 1s steps(2) infinite}
@keyframes siBlink{50%{opacity:0}}
.si-demo__run{margin-top:14px;display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:8px;border-radius:14px;background:#fff;color:#020617;font-size:14px;font-weight:700;border:0;cursor:pointer;transition:background .2s}
.si-demo__run:hover{background:#cffafe}
.si-demo__run:disabled{cursor:wait;opacity:.65}
@media(min-width:640px){.si-demo__run{width:auto;padding:0 22px}}
.si-demo__meta{margin-top:14px;display:grid;gap:6px;font-size:12px;color:#64748b}
.si-demo__meta span{display:flex;gap:8px;align-items:center}
.si-demo__steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.si-demo__step{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.022);border-radius:14px;padding:11px 12px;opacity:.35;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background .35s ease}
.si-demo__step.is-active{opacity:1;transform:none;border-color:rgba(103,232,249,.25);background:rgba(103,232,249,.045)}
.si-demo__step.is-done{opacity:1;transform:none}
.si-demo__step.is-warn{border-color:rgba(252,211,77,.22);background:rgba(252,211,77,.045)}
.si-demo__icon{flex-shrink:0;display:flex;width:26px;height:26px;border-radius:9px;align-items:center;justify-content:center;background:rgba(255,255,255,.04);color:#475569;font-size:12px;font-weight:700}
.si-demo__step.is-active .si-demo__icon{color:#67e8f9}
.si-demo__step.is-done .si-demo__icon{background:rgba(52,211,153,.12);color:#6ee7b7}
.si-demo__step.is-warn .si-demo__icon{background:rgba(252,211,77,.12);color:#fcd34d}
.si-demo__spin{width:13px;height:13px;border-radius:999px;border:2px solid rgba(103,232,249,.25);border-top-color:#67e8f9;animation:siSpin .7s linear infinite}
@keyframes siSpin{to{transform:rotate(360deg)}}
.si-demo__stitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#64748b}
.si-demo__sdetail{margin-top:2px;font-size:13.5px;line-height:1.45;color:#e2e8f0}
.si-demo__result{margin-top:12px;border-radius:16px;border:1px solid rgba(52,211,153,.18);background:rgba(52,211,153,.05);padding:14px;display:none}
.si-demo__result.is-visible{display:block;animation:siIn .4s ease}
.si-demo__result.is-warn{border-color:rgba(252,211,77,.22);background:rgba(252,211,77,.05)}
.si-demo__rtitle{font-size:13px;font-weight:700;color:#d1fae5}
.si-demo__result.is-warn .si-demo__rtitle{color:#fef3c7}
.si-demo__rbody{margin-top:6px;font-size:13px;line-height:1.55;color:#94a3b8}
.si-demo__rows{margin-top:10px;display:grid;gap:6px}
.si-demo__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;border-radius:10px;background:rgba(0,0,0,.18);padding:8px 10px;color:#cbd5e1}
.si-demo__row b{font-weight:600}
.si-demo__tag{flex-shrink:0;font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap}
.si-demo__tag--red{background:rgba(251,113,133,.14);color:#fda4af}
.si-demo__tag--amber{background:rgba(252,211,77,.14);color:#fcd34d}
.si-demo__tag--green{background:rgba(52,211,153,.14);color:#6ee7b7}
.si-demo__note{margin-top:14px;font-size:11.5px;line-height:1.55;color:#64748b;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.si-demo__cta{margin-top:12px;display:none;gap:8px;flex-wrap:wrap}
.si-demo__cta.is-visible{display:flex}
.si-demo__cta a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:12px;font-size:12.5px;font-weight:700}
.si-demo__cta a.primary{background:#fff;color:#020617}
.si-demo__cta a.secondary{border:1px solid rgba(255,255,255,.12);color:#e2e8f0}
@keyframes siIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.si-demo__step,.si-demo__result{transition:none;animation:none}.si-demo__caret,.si-demo__spin{animation:none}}