@font-face{font-family:StoryboardPixel;src:url('assets/otimizados/pixelify-font-727b514a2d.woff2') format('woff2');font-display:swap}
.sb-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(2,8,20,.82);backdrop-filter:blur(5px)}
.sb-panel{width:min(930px,100%);max-height:min(720px,calc(100dvh - 40px));overflow:auto;background:#0d1a2d;border:1px solid #6688ad;box-shadow:8px 8px 0 #030812;color:#e9f4ff;animation:sb-appear .22s ease-out}
@keyframes sb-appear{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.sb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;border-bottom:1px solid #29415e}
.sb-kicker,.sb-overline,.sb-count,.sb-note>span,.sb-art-label{font-family:StoryboardPixel,monospace;letter-spacing:.5px}
.sb-kicker{font-size:11px;color:#85b6eb}.sb-project{font-size:15px;margin-top:5px;color:#edf5ff}
.sb-close{width:35px;height:35px;border:1px solid #547496;background:#13243b;color:#e5f2ff;font-size:24px;line-height:1;cursor:pointer}
.sb-close:hover,.sb-actions button:hover:not(:disabled){background:#223d5e}
.sb-topline{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:22px 28px 10px}
.sb-topline>div:first-child{display:flex;flex-direction:column;gap:3px}.sb-overline{font-size:13px;color:#9ccafa}.sb-count{font-size:11px;color:#b2c8e1}
.sb-progress{display:flex;gap:7px;min-width:180px}.sb-progress span{height:6px;flex:1;background:#29415e}.sb-progress .done{background:#b4dcff;box-shadow:0 0 8px #92c8ff77}
.sb-content{display:grid;grid-template-columns:minmax(240px,38%) 1fr;gap:30px;padding:18px 28px 26px;min-height:335px;animation:sb-slide .2s ease-out}
@keyframes sb-slide{from{opacity:.45;transform:translateX(12px)}to{opacity:1;transform:none}}
.sb-art{position:relative;min-height:283px;background:#102540;border:1px solid #496889;box-shadow:4px 4px 0 #07111f;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.sb-art-grid{position:absolute;inset:0;opacity:.33;background-image:linear-gradient(#31517855 1px,transparent 1px),linear-gradient(90deg,#31517855 1px,transparent 1px);background-size:20px 20px}
.sb-art:before,.sb-art:after{content:"";position:absolute;width:9px;height:9px;background:#a9d7ff;box-shadow:0 0 12px #78c0ff}.sb-art:before{top:26px;left:26px}.sb-art:after{right:29px;bottom:43px;width:6px;height:6px}
.sb-art-icon{position:relative;display:grid;place-items:center;width:128px;height:128px;border:4px solid #a7d5fb;background:#1c3c5e;box-shadow:7px 7px 0 #06101e;color:#d2ecff}
.sb-art-icon svg{width:74px;height:74px;shape-rendering:crispEdges;filter:drop-shadow(3px 3px 0 #07111e)}
.sb-art-label{position:relative;margin:18px 8px 0;text-align:center;color:#d7ebff;font-size:15px;line-height:1.25}
.sb-art-track{position:relative;display:flex;gap:8px;margin-top:18px}.sb-art-track span{width:14px;height:5px;background:#54769a}.sb-art-track .active{background:#d0eaff;box-shadow:0 0 7px #abd6ff}
.sb-copy{display:flex;flex-direction:column;justify-content:center}.sb-context{font-size:12px;line-height:1.6;color:#86a9ce;margin:0 0 13px}.sb-copy h2{font-size:clamp(28px,3vw,37px);line-height:1.15;letter-spacing:-1px;margin:0 0 18px;font-weight:600}.sb-detail{font-size:17px;line-height:1.65;color:#e1edfa;margin:0}.sb-note{margin-top:25px;padding:15px 18px;background:#142942;border-left:3px solid #9ccfff}.sb-note>span{font-size:10px;color:#a9d5ff}.sb-note p{font-size:13px;line-height:1.6;color:#c5d9ef;margin:7px 0 0}
.sb-footer{border-top:1px solid #29415e;padding:18px 28px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.sb-disclaimer{font-size:10px;color:#7fa1c3;max-width:220px;line-height:1.5}.sb-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sb-actions button{min-height:38px;padding:8px 13px;background:#13243b;color:#d5e9fc;border:1px solid #547496;font:12px/1.2 StoryboardPixel,monospace;cursor:pointer}.sb-actions button:disabled{opacity:.45;cursor:default}.sb-actions .sb-next{background:#b5dcfc;color:#0c1c2f;border-color:#b5dcfc}.sb-actions .sb-next:hover{background:#d8efff!important}
.sb-panel button:focus-visible{outline:2px solid #f4c879;outline-offset:3px}
@media(max-width:680px){.sb-backdrop{padding:10px}.sb-panel{max-height:calc(100dvh - 20px)}.sb-head{padding:16px 17px 14px}.sb-topline{padding:17px 17px 5px}.sb-progress{min-width:90px}.sb-content{display:block;padding:12px 17px 18px;min-height:0}.sb-art{min-height:162px;flex-direction:row;gap:14px}.sb-art-icon{width:78px;height:78px;border-width:3px;box-shadow:4px 4px 0 #06101e}.sb-art-icon svg{width:50px;height:50px}.sb-art-label{text-align:left;font-size:13px;margin:0}.sb-art-track{position:absolute;bottom:12px;margin:0}.sb-copy{padding-top:20px}.sb-copy h2{font-size:28px;margin-bottom:10px}.sb-detail{font-size:15px}.sb-note{margin-top:15px}.sb-footer{padding:14px 17px 17px;display:block}.sb-disclaimer{display:block;max-width:none;margin-bottom:12px}.sb-actions{justify-content:space-between}.sb-actions button{flex:1;padding:7px 5px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.sb-panel,.sb-content{animation:none}}