.diagram-container{width:100%;height:100%;position:relative;overflow:hidden}.diagram-controls{z-index:100;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.diagram-control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:background .2s;display:flex}.diagram-control-btn:hover{background:#fff3}.diagram-control-btn:active{background:#ffffff4d}.diagram-canvas{position:relative}.diagram-node{position:absolute}.diagram-node.hidden{opacity:0;pointer-events:none}.diagram-arrow{pointer-events:none;position:absolute;overflow:visible}.diagram-arrow-animated{stroke-dasharray:8 4;animation:.5s linear infinite diagram-arrow-flow}@keyframes diagram-arrow-flow{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.deep-navegador{background:#1e1e2e;border-radius:12px;min-width:280px;max-width:320px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.deep-nav-toolbar{background:#2d2d3d;border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.deep-nav-dots{gap:6px;display:flex}.deep-nav-dots span{border-radius:50%;width:10px;height:10px}.deep-nav-url{color:#888;background:#0000004d;border-radius:4px;flex:1;padding:.25rem .5rem;font-family:monospace;font-size:.7rem}.deep-app-header{background:#667eea26;border-bottom:1px solid #667eea4d;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.deep-app-logo{font-size:.85rem;font-weight:600}.deep-app-nav{color:#aaa;gap:.75rem;font-size:.7rem;display:flex}.deep-nav-link{cursor:pointer;transition:color .2s}.deep-nav-link:hover{color:#fff}.deep-nav-content{min-height:180px;padding:.75rem}.deep-mensagem-sucesso{color:#27c93f;text-align:center;background:#27c93f33;border:1px solid #27c93f66;border-radius:6px;margin-bottom:.75rem;padding:.4rem .6rem;font-size:.7rem}.deep-tela-loading{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.75rem;display:flex}.deep-spinner{border:3px solid #667eea4d;border-top-color:#667eea;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.deep-tela-inicio{text-align:center;padding:1rem}.deep-tela-inicio h4{margin:0 0 .5rem;font-size:1rem}.deep-tela-inicio p{color:#888;margin:0 0 1rem;font-size:.75rem}.deep-tela-form{flex-direction:column;gap:.5rem;display:flex}.deep-tela-form h4{margin:0 0 .5rem;font-size:.9rem}.deep-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;padding:.4rem .6rem;font-size:.75rem}.deep-input::placeholder{color:#666}.deep-textarea{color:#fff;resize:none;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;min-height:60px;padding:.4rem .6rem;font-size:.75rem}.deep-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:opacity .2s,transform .2s}.deep-btn:hover{opacity:.9;transform:translateY(-1px)}.deep-btn.loading{opacity:.7;cursor:wait}.deep-btn.destaque,.deep-btn-small.destaque{border-color:#ffc107;animation:1s ease-in-out infinite button-pulse;box-shadow:0 0 0 4px #ffc10766}.deep-nav-link.destaque{color:#ffc107;font-weight:600;animation:1s ease-in-out infinite link-pulse}@keyframes button-pulse{0%,to{box-shadow:0 0 0 4px #ffc10766}50%{box-shadow:0 0 0 8px #ffc10733}}@keyframes link-pulse{0%,to{opacity:1}50%{opacity:.6}}.deep-btn-small{color:#667eea;cursor:pointer;background:#667eea4d;border:1px solid #667eea80;border-radius:4px;margin-bottom:.5rem;padding:.3rem .6rem;font-size:.65rem}.deep-tela-notas h4{margin:0 0 .5rem;font-size:.9rem}.deep-notas-vazio{text-align:center;color:#666;padding:1rem}.deep-notas-vazio span{margin-bottom:.5rem;font-size:2rem;display:block}.deep-notas-vazio p{margin:0;font-size:.75rem}.deep-notas-lista{flex-direction:column;gap:.5rem;display:flex}.deep-nota-item{background:#0003;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem}.deep-nota-item strong{font-size:.75rem;display:block}.deep-nota-item p{color:#888;margin:.25rem 0 0;font-size:.65rem}.deep-panel{background:#1e1e2e;border:2px solid #0000;border-radius:10px;min-width:200px;transition:box-shadow .3s,border-color .3s;overflow:hidden;box-shadow:0 2px 10px #0003}.deep-panel.ativo{border-color:#667eea80;box-shadow:0 0 20px #667eea4d}.deep-panel-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.deep-panel-icon{font-size:1rem}.deep-panel-title{font-size:.8rem;font-weight:600}.deep-panel-content{padding:.75rem;font-size:.75rem}.deep-js-panel .deep-panel-header{background:#667eea26}.deep-js-funcao{flex-direction:column;gap:.25rem;display:flex}.deep-js-label{color:#888;font-size:.65rem}.deep-js-code{color:#f8c555;background:#0000004d;border-radius:4px;padding:.25rem .5rem;font-family:Fira Code,monospace;font-size:.8rem}.deep-js-destaque{color:#aaa;background:#667eea33;border-left:3px solid #667eea;border-radius:0 4px 4px 0;margin-top:.5rem;padding:.4rem;font-size:.7rem}.deep-js-idle{color:#666;font-style:italic}.deep-storage-panel .deep-panel-header{background:#ffc10726}.deep-storage-panel.com-dados{border-color:#ffc1074d}.deep-storage-vazio{color:#666;text-align:center;font-style:italic}.deep-storage-items{flex-direction:column;gap:.35rem;display:flex}.deep-storage-item{background:#0003;border:1px solid #0000;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .5rem;font-family:monospace;font-size:.7rem;transition:background .3s,border-color .3s;display:flex}.deep-storage-item.lendo{background:#667eea33;border-color:#667eea80}.deep-storage-item.escrevendo{background:#27c93f33;border-color:#27c93f80}.deep-storage-item.removendo{background:#ff5f5633;border-color:#ff5f5680}.deep-storage-key{color:#f8c555}.deep-storage-sep{color:#666}.deep-storage-value{color:#98c379;text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.deep-fetch-panel .deep-panel-header{background:#00b89426}.deep-fetch-idle{color:#666;text-align:center;font-style:italic}.deep-fetch-method{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.deep-method-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.deep-method-badge.get{color:#667eea;background:#667eea4d}.deep-method-badge.post{color:#27c93f;background:#27c93f4d}.deep-method-badge.put{color:#ffc107;background:#ffc1074d}.deep-method-badge.delete{color:#ff5f56;background:#ff5f564d}.deep-fetch-endpoint{color:#aaa;font-family:monospace}.deep-fetch-header,.deep-fetch-body{color:#888;margin-bottom:.3rem;font-size:.65rem}.deep-header-key,.deep-body-label{color:#666}.deep-header-value,.deep-body-preview{color:#98c379;font-family:monospace}.deep-fetch-response{border-radius:4px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.3rem .5rem;display:flex}.deep-fetch-response.ok{background:#27c93f33}.deep-fetch-response.erro{background:#ff5f5633}.deep-response-status{font-size:.75rem;font-weight:600}.deep-fetch-response.ok .deep-response-status{color:#27c93f}.deep-fetch-response.erro .deep-response-status{color:#ff5f56}.deep-response-preview{color:#888;font-family:monospace;font-size:.65rem}.deep-fetch-enviando{color:#667eea;text-align:center;margin-top:.5rem;font-style:italic}.deep-api-panel .deep-panel-header{background:#764ba226}.deep-api-idle{color:#666;text-align:center;font-style:italic}.deep-api-status{align-items:center;gap:.5rem;display:flex}.deep-api-spinner{border:2px solid #764ba24d;border-top-color:#764ba2;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}.deep-api-token{background:#0003;border-radius:4px;margin-top:.5rem;padding:.3rem .5rem}.deep-token-label{color:#888;font-size:.65rem;display:block}.deep-token-value{color:#f8c555;font-size:.7rem}.deep-db-panel .deep-panel-header{background:#4a90a426}.deep-db-idle{flex-direction:column;gap:.5rem;display:flex}.deep-db-tables{gap:.5rem;display:flex}.deep-db-table{color:#888;background:#0003;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.7rem}.deep-db-operacao{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.deep-db-acao{color:#f8c555;font-size:.75rem;font-weight:600}.deep-db-tabela{color:#98c379;font-family:monospace;font-size:.7rem}.deep-db-filtro{color:#888;background:#0003;border-radius:4px;margin-bottom:.5rem;padding:.2rem .4rem;font-size:.65rem}.deep-db-dados{flex-direction:column;gap:.2rem;display:flex}.deep-db-campo{gap:.3rem;font-size:.65rem;display:flex}.deep-db-key{color:#888}.deep-db-value{color:#98c379}.deep-db-resultado{flex-direction:column;gap:.25rem;display:flex}.deep-db-sucesso{color:#27c93f}.deep-db-retorno{color:#888;font-size:.7rem}.deep-controls{background:#0000004d;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}.deep-controls-fase{text-align:center}.deep-fase-label{color:#667eea;font-size:.85rem;font-weight:600}.deep-controls-nav{justify-content:center;align-items:center;gap:1rem;display:flex}.deep-btn-nav{color:#667eea;cursor:pointer;background:#667eea33;border:1px solid #667eea66;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;transition:background .2s}.deep-btn-nav:hover:not(:disabled){background:#667eea4d}.deep-btn-nav:disabled{opacity:.4;cursor:not-allowed}.deep-passo-contador{color:#888;text-align:center;min-width:60px;font-size:.8rem}.deep-controls-fases{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.deep-fase-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;transition:all .2s}.deep-fase-btn:hover{color:#fff;background:#ffffff1a}.deep-fase-btn.active{color:#667eea;background:#667eea4d;border-color:#667eea80}.deep-descricao{background:#667eea1a;border-bottom:1px solid #667eea33;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.deep-descricao-numero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.deep-descricao-texto{flex:1;font-size:.85rem}.arquitetura-deep{background:#16162a;flex-direction:column;height:100%;display:flex}.arquitetura-deep-canvas{flex:1;min-height:400px}.deep-controls-external{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.deep-controls-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.deep-descricao-inline{background:#667eea1a;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.deep-descricao-inline .deep-descricao-numero{width:22px;height:22px;font-size:.7rem}.deep-descricao-inline .deep-descricao-texto{font-size:.75rem}.ev-container{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1a1a2e;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.ev-controls{background:#0006;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.ev-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.ev-btn:hover:not(:disabled){background:#764ba2;transform:translateY(-1px)}.ev-btn:disabled{opacity:.4;cursor:not-allowed}.ev-progress{align-items:center;gap:6px;display:flex}.ev-dot{cursor:pointer;background:#fff3;border-radius:50%;width:12px;height:12px;transition:all .2s}.ev-dot:hover{background:#fff6;transform:scale(1.2)}.ev-dot.active{background:#667eea;transform:scale(1.3);box-shadow:0 0 10px #667eea80}.ev-dot.completed{background:#00b894}.ev-info{color:#888;min-width:120px;font-size:.85rem}.ev-descricao{background:linear-gradient(135deg,#667eea33,#764ba233);border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.ev-numero{color:#fff;background:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:700;display:flex}.ev-descricao>span:last-child{color:#e0e0e0;font-size:1rem}.ev-zoom{z-index:100;gap:4px;display:flex;position:absolute;top:10px;right:10px}.ev-zoom button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;width:36px;height:36px;font-size:1.2rem;transition:background .2s}.ev-zoom button:hover{background:#667eeacc}.ev-diagrama{width:1900px;height:700px;padding:20px;position:relative}.ev-navegador{background:#2d2d3d;border:2px solid #4a90a4;border-radius:12px;transition:all .3s;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0000004d}.ev-navegador.highlight{border-color:#00b894;box-shadow:0 0 20px #00b8944d}.ev-nav-toolbar{background:#1e1e2e;align-items:center;gap:8px;padding:8px 12px;display:flex}.ev-nav-dots{gap:4px;display:flex}.ev-nav-dots span{border-radius:50%;width:10px;height:10px;display:inline-block}.ev-nav-url{color:#888;background:#0000004d;border-radius:4px;flex:1;padding:4px 8px;font-size:.7rem}.ev-nav-content{min-height:280px;padding:1rem}.ev-nav-content h3{color:#e0e0e0;margin:0 0 1rem;font-size:1rem}.ev-input{margin-bottom:1rem}.ev-input label{color:#888;margin-bottom:4px;font-size:.75rem;display:block}.ev-input-box{color:#e0e0e0;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font-size:.85rem}.ev-input-box.tall{min-height:60px}.ev-btn-salvar{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;padding:10px;font-size:.9rem;transition:all .2s;position:relative}.ev-btn-salvar.clicking{background:#00b894;animation:.5s ease-in-out infinite pulse-btn}@keyframes pulse-btn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ev-click-indicator{background:#ff6b6b;border-radius:4px;padding:3px 8px;font-size:.7rem;animation:.5s infinite bounce;position:absolute;top:-25px;right:10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ev-nota-item{background:#0000004d;border-left:3px solid #667eea;border-radius:8px;padding:12px}.ev-nota-titulo{color:#e0e0e0;margin-bottom:4px;font-size:.9rem}.ev-nota-preview{color:#888;font-size:.75rem}.ev-codigo{background:#1e1e2e;border:2px solid #3d3d5c;border-radius:12px;transition:all .3s;position:absolute;overflow:visible;box-shadow:0 8px 32px #0000004d}.ev-codigo.ativo{border-color:#667eea;box-shadow:0 0 15px #667eea4d}.ev-codigo.inativo{opacity:.5}.ev-codigo-func{opacity:0;pointer-events:none;transition:all .3s;transform:translate(20px)}.ev-codigo-func.visible{opacity:1;pointer-events:auto;transform:translate(0)}.ev-codigo-header{color:#a0a0c0;background:#2d2d4d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.ev-codigo-header.func{color:#a0c0a0;background:#2d4d2d}.ev-linha-badge{color:#fff;background:#667eea;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.ev-highlight-line{margin-left:-8px;display:block;background:#667eea4d!important;border-left:3px solid #667eea!important;padding-left:5px!important}.ev-escopo{background:#1e1e2e;border:2px solid gold;border-radius:10px;min-width:180px;max-width:300px;padding:12px;position:absolute;box-shadow:0 4px 20px #ffd70033}.ev-escopo.escopo-func{border-color:#00b894;box-shadow:0 4px 20px #00b89433}.ev-escopo-header{color:gold;border-bottom:1px solid #ffd7004d;margin-bottom:10px;padding-bottom:8px;font-size:.8rem;font-weight:700}.ev-escopo.escopo-func .ev-escopo-header{color:#00b894;border-bottom-color:#00b8944d}.ev-escopo-vars{flex-direction:column;gap:6px;display:flex}.ev-var{align-items:center;gap:6px;font-family:Fira Code,Consolas,monospace;font-size:.75rem;display:flex}.ev-var-nome{color:#82aaff;font-weight:500}.ev-var-igual{color:#666}.ev-var-valor{color:#c3e88d;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.ev-storage{background:#1e1e2e;border:2px solid #3d3d5c;border-radius:12px;transition:all .3s;position:absolute;overflow:hidden}.ev-storage.com-dados{border-color:#f39c12;box-shadow:0 0 15px #f39c124d}.ev-storage-header{color:#a0a0c0;background:#2d2d4d;border-bottom:1px solid #ffffff0d;padding:10px 14px;font-size:.85rem}.ev-storage-content{padding:14px;font-family:Fira Code,Consolas,monospace;font-size:.85rem}.ev-storage-vazio{color:#666;font-style:italic}.ev-storage-item{gap:6px;display:flex}.ev-storage-key{color:#82aaff}.ev-storage-sep{color:#888}.ev-storage-value{color:#c3e88d}.ev-seta-svg{pointer-events:none;z-index:1000;position:absolute;top:0;left:0}.ev-seta-linha{stroke-dasharray:600;stroke-dashoffset:600px;animation:.4s linear forwards ev-dash}@keyframes ev-dash{to{stroke-dashoffset:0}}.spa-header{background:#4a90a4;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.spa-logo{color:#fff;font-size:.9rem;font-weight:700}.spa-nav{gap:.5rem;display:flex}.spa-nav a{color:#ffffffe6;cursor:pointer;border-radius:4px;padding:.3rem .6rem;font-size:.75rem;text-decoration:none;transition:all .2s}.spa-nav a:hover{background:#fff3}.spa-nav a.clicking{background:#00b894;animation:.5s ease-in-out infinite pulse-btn}.spa-content{min-height:200px;padding:1rem}.spa-loading{color:#888;flex-direction:column;justify-content:center;align-items:center;height:150px;display:flex}.spinner{border:3px solid #667eea4d;border-top-color:#667eea;border-radius:50%;width:30px;height:30px;margin-bottom:.5rem;animation:1s linear infinite spin}.spa-inicio{text-align:center;padding:1rem}.spa-inicio h2{color:#e0e0e0;margin-bottom:.5rem;font-size:1rem}.spa-inicio p{color:#888;margin-bottom:1rem;font-size:.8rem}.spa-inicio button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.8rem}.spa-inicio button.clicking{background:#00b894;animation:.5s ease-in-out infinite pulse-btn}.spa-form{padding:.5rem}.spa-form h3{color:#e0e0e0;border-bottom:2px solid #4a90a4;margin-bottom:.75rem;padding-bottom:.4rem;font-size:.95rem}.form-field{margin-bottom:.6rem}.form-field label{color:#888;margin-bottom:.2rem;font-size:.7rem;display:block}.form-field input,.form-field textarea{color:#e0e0e0;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:.4rem .6rem;font-size:.8rem}.form-field textarea{resize:none}.spa-form button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;margin-top:.5rem;padding:.5rem 1rem;font-size:.8rem}.spa-form button.clicking{background:#00b894;animation:.5s ease-in-out infinite pulse-btn}.btn-cancelar{background:#666!important}.spa-notas h3{color:#e0e0e0;margin-bottom:.5rem;font-size:.95rem}.btn-nova{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;margin-bottom:.75rem;padding:.3rem .8rem;font-size:.75rem}.btn-nova.clicking{background:#00b894;animation:.5s ease-in-out infinite pulse-btn}.notas-vazio{color:#666;text-align:center;padding:1rem;font-size:.8rem;font-style:italic}.notas-lista{margin:0;padding:0;list-style:none}.notas-lista li{color:#e0e0e0;background:#0000004d;border-left:3px solid #667eea;border-radius:4px;margin-bottom:.4rem;padding:.5rem .75rem;font-size:.8rem}.nav-codigo-html{border-color:#e17055!important}.nav-codigo-html .ev-codigo-header{color:#e17055;background:#3d2d2d}.nav-codigo-pagina{border-color:#00b894!important}.nav-codigo-pagina .ev-codigo-header{color:#00b894;background:#2d3d2d}.nav-codigo.ativo{box-shadow:0 0 20px #667eea66}.escopo-global{box-shadow:0 4px 20px #f39c1233;border-color:#f39c12!important}.escopo-global .ev-escopo-header{color:#f39c12;border-bottom-color:#f39c124d}.notas-array{background:#0003;border-radius:4px;margin-top:.3rem;padding:.4rem}.notas-array-item{color:#c3e88d;border-bottom:1px solid #ffffff0d;padding:.2rem 0;font-size:.7rem}.notas-array-item:last-child{border-bottom:none}.escopo-funcao{box-shadow:0 4px 20px #a29bfe33;border-color:#a29bfe!important}.escopo-funcao .ev-escopo-header{color:#a29bfe;border-bottom-color:#a29bfe4d}.seletor-secao{color:#e0e0e0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex}.seletor-header{text-align:center;width:100%;max-width:800px;margin-bottom:3rem;position:relative}.seletor-header .btn-voltar{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;position:absolute;top:0;left:0}.seletor-header .btn-voltar:hover{background:#764ba2;transform:translate(-2px)}.seletor-header h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem}.seletor-header p{color:#a0a0c0;font-size:1.1rem}.secoes-lista{flex-direction:column;gap:1rem;width:100%;max-width:800px;display:flex}.secao-card{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;padding:1.5rem 2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.secao-card:before{content:"";background:linear-gradient(#667eea,#764ba2);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.secao-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translate(5px)}.secao-card:hover:before{transform:scaleY(1)}.secao-card h2{color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.secao-card p{color:#a0a0c0;margin:0;font-size:.95rem}.secao-arrow{color:#667eea;opacity:0;font-size:1.5rem;transition:all .3s;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.secao-card:hover .secao-arrow{opacity:1;transform:translateY(-50%)translate(5px)}@media (max-width:768px){.seletor-secao{padding:1rem}.seletor-header h1{margin-top:3rem;font-size:1.8rem}.seletor-header .btn-voltar{margin-bottom:1rem;position:relative}.secao-card{padding:1rem 1.5rem}.secao-card h2{font-size:1.1rem}.secao-arrow{display:none}}.texto-secao{color:#e0e0e0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);width:100%;min-height:100vh}.texto-secao.carregando,.texto-secao.erro{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loader{color:#667eea;font-size:1.2rem}.texto-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.btn-voltar{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-voltar:hover{background:#764ba2;transform:translate(-2px)}.texto-nav{gap:.5rem;display:flex}.btn-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-nav:hover{background:#667eea4d;border-color:#667eea}.btn-nav.anterior:hover{transform:translate(-2px)}.btn-nav.proxima:hover{transform:translate(2px)}.texto-conteudo{max-width:900px;margin:0 auto;padding:2rem;line-height:1.8}.texto-conteudo h1{color:#fff;border-bottom:3px solid #667eea;margin-bottom:1rem;padding-bottom:.5rem;font-size:2.5rem}.texto-conteudo h2{color:#e0e0e0;border-bottom:2px solid #667eea4d;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.3rem;font-size:1.8rem}.texto-conteudo h3{color:#b8b8d1;margin-top:2rem;margin-bottom:.8rem;font-size:1.4rem}.texto-conteudo h4{color:#a0a0c0;margin-top:1.5rem;margin-bottom:.6rem;font-size:1.2rem}.texto-conteudo p{text-align:justify;margin-bottom:1.2rem}.texto-conteudo a{color:#667eea;border-bottom:1px dotted #667eea;text-decoration:none;transition:all .2s}.texto-conteudo a:hover{color:#9f7aea;border-bottom-color:#9f7aea}.texto-conteudo ul,.texto-conteudo ol{margin-bottom:1.2rem;padding-left:1.5rem}.texto-conteudo li{margin-bottom:.5rem}.texto-conteudo li::marker{color:#667eea}.texto-conteudo .code-inline{color:#9f7aea;background:#667eea26;border-radius:4px;padding:.15rem .4rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.9em}.texto-conteudo pre{border-radius:8px;margin:1.5rem 0;overflow-x:auto}.texto-conteudo pre>div{border-radius:8px!important;margin:0!important}.texto-conteudo .pre-plain{background:#1e1e2e;border:1px solid #667eea33}.texto-conteudo .code-block-plain{white-space:pre;color:#d4d4d4;background:0 0;padding:1.5rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.8rem;line-height:1.5;display:block}.texto-conteudo .ascii-diagram{white-space:pre;color:#a0a0c0;background:#1e1e2e;border:1px solid #667eea33;padding:1.5rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.8rem;line-height:1.4;overflow-x:auto}.texto-conteudo blockquote{background:#667eea1a;border-left:4px solid #667eea;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.texto-conteudo blockquote p{margin-bottom:0}.texto-conteudo table{border-collapse:collapse;background:#0003;border-radius:8px;width:100%;margin:1.5rem 0;overflow:hidden}.texto-conteudo th,.texto-conteudo td{text-align:left;border-bottom:1px solid #ffffff1a;padding:.8rem 1rem}.texto-conteudo th{color:#fff;background:#667eea33;font-weight:600}.texto-conteudo tr:hover{background:#667eea0d}.texto-conteudo hr{background:linear-gradient(90deg,#0000,#667eea,#0000);border:none;height:2px;margin:2.5rem 0}.texto-conteudo img{border-radius:8px;max-width:100%;margin:1rem 0}.texto-conteudo strong{color:#fff;font-weight:600}.texto-conteudo em{color:#b8b8d1;font-style:italic}.texto-footer{background:#0000004d;border-top:1px solid #ffffff1a;margin-top:3rem;padding:2rem}.texto-footer-nav{justify-content:space-between;gap:1rem;max-width:900px;margin:0 auto;display:flex}.btn-footer{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;max-width:45%;padding:1rem 1.5rem;transition:all .3s;display:flex}.btn-footer:hover{background:#667eea26;border-color:#667eea4d}.btn-footer.anterior{align-items:flex-start}.btn-footer.proxima{text-align:right;align-items:flex-end}.btn-footer-label{color:#667eea;margin-bottom:.3rem;font-size:.85rem}.btn-footer-titulo{color:#fff;font-size:1rem;font-weight:500}@media (max-width:768px){.texto-header{flex-direction:column;gap:.5rem;padding:.8rem 1rem}.texto-nav{justify-content:center;width:100%}.texto-conteudo{padding:1rem}.texto-conteudo h1{font-size:1.8rem}.texto-conteudo h2{font-size:1.4rem}.texto-conteudo .code-block-plain{font-size:.65rem}.texto-footer-nav{flex-direction:column}.btn-footer{max-width:100%}.btn-footer.proxima{text-align:left;align-items:flex-start}}*{box-sizing:border-box;margin:0;padding:0}:root{--cor-primaria:#667eea;--cor-secundaria:#764ba2;--cor-fundo:#0f0f1a;--cor-fundo-card:#1a1a2e;--cor-texto:#e0e0e0;--cor-texto-secundario:#888;--cor-sucesso:#00b894;--cor-erro:#e74c3c;--cor-alerta:#f39c12;--cor-navegador:#4a90a4;--cor-localStorage:#f39c12;--cor-api:#9b59b6;--cor-banco:#27ae60}body{background:var(--cor-fundo);color:var(--cor-texto);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.menu-principal{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.menu-principal h1{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem}.menu-subtitle{color:#a0a0c0;margin-bottom:3rem;font-size:1.2rem}.menu-opcoes{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;display:flex}.menu-btn{cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;min-width:280px;padding:2.5rem 3rem;transition:all .3s;display:flex}.menu-btn:hover{transform:translateY(-5px);box-shadow:0 10px 40px #667eea33}.menu-btn.slides{border-color:#667eea4d}.menu-btn.slides:hover{background:#667eea26;border-color:#667eea}.menu-btn.texto{border-color:#764ba24d}.menu-btn.texto:hover{background:#764ba226;border-color:#764ba2}.menu-btn.demo{border-color:#00b8944d}.menu-btn.demo:hover{background:#00b89426;border-color:#00b894}.menu-icon{margin-bottom:1rem;font-size:3rem}.menu-titulo{color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.menu-desc{color:#a0a0c0;font-size:.9rem}.btn-voltar-fixo{z-index:1000;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeae6;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;position:fixed;top:1rem;right:1rem}.btn-voltar-fixo:hover{background:#764ba2}@media (max-width:768px){.menu-principal h1{font-size:2rem}.menu-opcoes{flex-direction:column;gap:1rem}.menu-btn{width:100%;min-width:auto;max-width:350px;padding:1.5rem 2rem}}.slideshow{flex-direction:column;flex:1;min-height:100vh;display:flex}.slideshow-header{background:linear-gradient(135deg,var(--cor-primaria),var(--cor-secundaria));justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.slideshow-menu-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.slideshow-menu-btn:hover{background:#ffffff40;transform:translate(-2px)}.slideshow-header h1{flex:1;font-size:1.25rem;font-weight:600}.progress-info{align-items:center;gap:1rem;display:flex}.progress-text{opacity:.9;font-size:.875rem}.progress-bar{background:#fff3;border-radius:2px;width:200px;height:4px;overflow:hidden}.progress-fill{background:#fff;height:100%;transition:width .3s}.slide-container{flex-direction:column;flex:1;display:flex}.slide-content{flex:1;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.slide-text{flex:1;max-width:450px}.slide-text h2{background:linear-gradient(135deg,var(--cor-primaria),var(--cor-secundaria));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.75rem}.slide-text h3{color:var(--cor-texto);margin-bottom:.75rem;font-size:1.25rem}.slide-text p{color:var(--cor-texto-secundario);margin-bottom:1rem;line-height:1.7}.slide-text ul{margin-bottom:1rem;margin-left:1.5rem}.slide-text li{color:var(--cor-texto-secundario);margin-bottom:.5rem;line-height:1.7}.slide-text code{color:var(--cor-primaria);background:#667eea33;border-radius:4px;padding:.125rem .375rem;font-family:Fira Code,monospace;font-size:.875rem}.slide-diagram{flex-direction:column;flex:1.5;justify-content:flex-start;align-items:stretch;min-width:0;display:flex;position:relative}.slide-diagram-actions{justify-content:flex-end;display:flex}.slide-diagram-stage{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.slide-diagram-stage-deep{justify-content:stretch;align-items:stretch}.slide-diagram-toggle{background:linear-gradient(135deg,var(--cor-primaria),var(--cor-secundaria));color:#fff;cursor:pointer;border:1px solid #ffffff40;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:transform .2s}.slide-diagram-toggle:hover{transform:translateY(-1px)}.diagram-container.diagram-deep{border-radius:12px;overflow:hidden}.deep-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.deep-modal{background:var(--cor-fundo-card);border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:min(1400px,96vw);height:min(92vh,900px);display:flex;overflow:hidden}.deep-modal-header{background:#ffffff0a;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.deep-modal-title{color:var(--cor-texto);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.deep-modal-close{color:var(--cor-texto);cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;font-weight:500}.deep-modal-close:hover{background:#ffffff2e}.deep-modal-toolbar{background:#ffffff08;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;justify-content:flex-start;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.deep-modal-body{background:var(--cor-fundo);flex:1;min-height:0;padding:1rem;display:flex}.deep-modal-body>*{flex:1;min-width:0;min-height:0}.slideshow-nav{background:var(--cor-fundo-card);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.nav-section-info{flex-direction:column;gap:.25rem;display:flex}.nav-section-title{color:var(--cor-texto-secundario);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.nav-section-name{color:var(--cor-texto);font-size:1rem}.nav-buttons{gap:1rem;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.nav-btn-prev{color:var(--cor-texto);background:#ffffff1a}.nav-btn-prev:hover:not(:disabled){background:#fff3}.nav-btn-next{background:linear-gradient(135deg,var(--cor-primaria),var(--cor-secundaria));color:#fff}.nav-btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.flow-diagram-container{flex-direction:column;gap:1rem;width:100%;display:flex;position:relative}.actor-box{background:var(--cor-fundo-card);border:2px solid;border-radius:12px;padding:1rem;transition:all .3s;position:relative}.actor-box.navegador{border-color:var(--cor-navegador)}.actor-box.localstorage{border-color:var(--cor-localStorage)}.actor-box.api{border-color:var(--cor-api)}.actor-box.banco{border-color:var(--cor-banco)}.actor-box.active{transform:scale(1.02);box-shadow:0 0 20px #667eea66}.actor-box.highlight{animation:1s ease-in-out infinite pulseBox}@keyframes pulseBox{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 20px 5px #667eea66}}.actor-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.actor-icon{font-size:1.25rem}.actor-title{font-size:.875rem;font-weight:600}.actor-content{color:var(--cor-texto-secundario);font-size:.8rem;line-height:1.5}.actor-content pre{background:#0000004d;border-radius:4px;padding:.5rem;font-family:Fira Code,monospace;font-size:.7rem;overflow-x:auto}.app-preview{background:#fff;border-radius:8px;width:100%;max-width:350px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.app-preview-header{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.app-preview-header h4{font-size:.875rem}.app-preview-nav{gap:.75rem;font-size:.75rem;display:flex}.app-preview-nav span{cursor:pointer;opacity:.9}.app-preview-nav span:hover{opacity:1}.app-preview-content{color:#333;background:#f5f5f5;min-height:150px;padding:1rem;font-size:.8rem}.app-preview-content h5{color:#333;border-bottom:2px solid #667eea;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem}.app-preview-content input,.app-preview-content textarea{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:.5rem;padding:.5rem;font-size:.75rem}.app-preview-content button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;padding:.5rem 1rem;font-size:.75rem}.app-preview-content .nota-item{background:#fff;border-left:3px solid #667eea;border-radius:4px;margin-bottom:.5rem;padding:.75rem}.requisicao{justify-content:center;align-items:center;padding:.5rem 0;display:flex}.requisicao-arrow{color:var(--cor-primaria);background:#667eea33;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.requisicao-arrow.animating{animation:1s ease-in-out infinite pulse}.requisicao-arrow.down:after{content:"↓";font-size:1rem}.requisicao-arrow.up:before{content:"↑";font-size:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.flow-connection{color:var(--cor-primaria);justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}.flow-connection .arrow{font-size:1.25rem}.code-block{background:#1e1e3f;border-radius:8px;margin:1rem 0;padding:1rem;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.6;overflow-x:auto}.code-block .keyword{color:#c792ea}.code-block .string{color:#c3e88d}.code-block .function{color:#82aaff}.code-block .comment{color:#546e7a}.highlight{background:#667eea4d;border-radius:3px;padding:.125rem .25rem}.fade-in{animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:.5s forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.diagram-grid{gap:1rem;width:100%;display:grid}.diagram-grid.two-cols{grid-template-columns:1fr 1fr}.diagram-grid.three-cols{grid-template-columns:1fr 1fr 1fr}.comparison{gap:1rem;width:100%;display:flex}.comparison-side{background:var(--cor-fundo-card);border-radius:8px;flex:1;padding:1rem}.comparison-side h4{color:var(--cor-texto);margin-bottom:.75rem;font-size:.875rem}.comparison-side.tradicional{border-left:3px solid var(--cor-erro)}.comparison-side.spa{border-left:3px solid var(--cor-sucesso)}.steps-list{margin:0;padding:0;list-style:none}.steps-list li{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.steps-list li:last-child{border-bottom:none}.step-number{background:var(--cor-primaria);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.step-content{flex:1}.step-content strong{color:var(--cor-texto)}.section-menu{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.section-btn{color:var(--cor-texto-secundario);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;transition:all .2s}.section-btn:hover{background:#ffffff1a}.section-btn.active{background:var(--cor-primaria);border-color:var(--cor-primaria);color:#fff}.jwt-visual{flex-direction:column;gap:.25rem;font-family:Fira Code,monospace;font-size:.7rem;display:flex}.jwt-part{border-radius:4px;padding:.5rem}.jwt-part.header{color:#e74c3c;background:#e74c3c33}.jwt-part.payload{color:#9b59b6;background:#9b59b633}.jwt-part.signature{color:#3498db;background:#3498db33}@media (max-width:900px){.slide-content{flex-direction:column}.slide-text{max-width:100%}.slide-diagram{min-height:300px}.comparison{flex-direction:column}}.browser-frame{background:#1e1e2e;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006}.browser-toolbar{background:#2d2d3d;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:8px 12px;display:flex}.browser-buttons{gap:6px;display:flex}.browser-btn{border-radius:50%;width:12px;height:12px}.browser-btn.red{background:#ff5f56}.browser-btn.yellow{background:#ffbd2e}.browser-btn.green{background:#27c93f}.browser-url-bar{background:#1a1a2e;border-radius:6px;flex:1;padding:6px 12px;font-size:.75rem}.browser-url{color:var(--cor-texto-secundario);font-family:monospace}.browser-reload{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1rem;transition:background .2s}.browser-reload:hover{background:#ffffff1a}.browser-content{padding:0}.reload-hint{color:var(--cor-alerta);text-align:center;background:#f39c1233;border-top:1px solid #f39c124d;padding:8px 12px;font-size:.75rem}.nota-perdida-alerta{color:var(--cor-erro);text-align:center;background:#e74c3c33;padding:10px 12px;font-size:.8rem;animation:3s forwards fadeInOut}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.fluxo-interativo{background:var(--cor-fundo-card);border-radius:12px;padding:1rem}.fluxo-titulo{text-align:center;margin-bottom:1rem;font-weight:600}.fluxo-passos-indicador{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.passo-dot{border:2px solid var(--cor-primaria);width:28px;height:28px;color:var(--cor-primaria);cursor:pointer;background:0 0;border-radius:50%;font-size:.75rem;font-weight:600;transition:all .2s}.passo-dot.active{background:var(--cor-primaria);color:#fff;transform:scale(1.1)}.passo-dot.completed{background:var(--cor-sucesso);border-color:var(--cor-sucesso);color:#fff}.fluxo-conteudo{justify-content:center;align-items:center;min-height:180px;padding:1rem;display:flex}.fluxo-descricao{border-left:3px solid var(--cor-primaria);background:#667eea1a;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.fluxo-controles{justify-content:center;gap:1rem;display:flex}.fluxo-btn{color:var(--cor-texto);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.fluxo-btn:hover:not(:disabled){background:#ffffff1a}.fluxo-btn:disabled{opacity:.4;cursor:not-allowed}.fluxo-btn-primary{background:var(--cor-primaria);border-color:var(--cor-primaria)}.fluxo-btn-primary:hover{background:var(--cor-secundaria)}.seta-passo{flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.seta-passo.right,.seta-passo.left{flex-direction:row}.seta-numero{background:var(--cor-primaria);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:600;display:flex}.seta-passo.destacado .seta-numero{background:var(--cor-sucesso);animation:1s infinite pulse}.seta-icone{color:var(--cor-texto-secundario);font-size:1.25rem}.seta-passo.destacado .seta-icone{color:var(--cor-sucesso)}.seta-label{color:var(--cor-texto-secundario);text-align:center;max-width:80px;font-size:.7rem}.navegador-com-storage{border:2px solid var(--cor-navegador);background:#4a90a41a;border-radius:12px;padding:1rem}.navegador-com-storage .navegador-label{background:var(--cor-navegador);color:#fff;border-radius:4px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.navegador-com-storage .storage-interno{border-top:1px dashed #f39c124d;margin-top:.75rem;padding-top:.75rem}.dois-dispositivos-demo{background:var(--cor-fundo-card);border-radius:12px;padding:1rem}.dispositivos-seletor{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.dispositivo-btn{color:var(--cor-texto);cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;position:relative}.dispositivo-btn:hover{border-color:var(--cor-primaria)}.dispositivo-btn.active{background:var(--cor-primaria);border-color:var(--cor-primaria);color:#fff}.dispositivo-btn .badge{background:var(--cor-sucesso);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;display:flex;position:absolute;top:-6px;right:-6px}.dispositivos-container{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.dispositivo-preview{transition:all .3s}.dispositivo-preview.inactive{opacity:.4;transform:scale(.9)}.dispositivo-preview.active{opacity:1;transform:scale(1)}.dispositivo-frame{background:#1a1a2e;border-radius:8px;overflow:hidden}.pc-frame{border:2px solid #ffffff1a;width:180px}.celular-frame{border:3px solid #333;border-radius:16px;width:100px;position:relative}.celular-notch{background:#333;border-radius:0 0 8px 8px;width:40px;height:8px;margin:0 auto}.dispositivo-header{background:#2d2d3d;align-items:center;gap:6px;padding:4px 8px;display:flex}.browser-dots{gap:3px;display:flex}.browser-dots span{background:#ff5f56;border-radius:50%;width:6px;height:6px}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#27c93f}.browser-url-mini{color:var(--cor-texto-secundario);background:#0000004d;border-radius:3px;padding:2px 6px;font-size:.55rem}.dispositivo-screen{min-height:120px;padding:.5rem}.mini-header{border-bottom:1px solid #ffffff1a;margin-bottom:.5rem;padding-bottom:.25rem;font-size:.7rem;font-weight:600}.mini-content{font-size:.6rem}.mini-nota{white-space:nowrap;text-overflow:ellipsis;padding:.2rem 0;overflow:hidden}.mini-storage{color:var(--cor-localStorage);border-top:1px dashed #f39c124d;margin-top:.5rem;padding-top:.5rem;font-size:.55rem}.dispositivo-interacao{background:#0003;border-radius:8px;padding:.75rem}.dispositivo-ativo-label{color:var(--cor-texto-secundario);text-align:center;margin-bottom:.5rem;font-size:.75rem}.notas-lista-mini{max-height:100px;margin-bottom:.5rem;overflow-y:auto}.nota-mini-item{border-bottom:1px solid #ffffff0d;padding:.25rem 0;font-size:.75rem}.btn-nova-nota{background:var(--cor-primaria);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.5rem;font-size:.8rem}.form-nova-nota input{width:100%;color:var(--cor-texto);background:#0000004d;border:1px solid #fff3;border-radius:4px;margin-bottom:.5rem;padding:.5rem;font-size:.8rem}.form-buttons{gap:.5rem;display:flex}.form-buttons button{cursor:pointer;border:none;border-radius:4px;flex:1;padding:.4rem;font-size:.75rem}.form-buttons button:first-child{background:var(--cor-primaria);color:#fff}.btn-cancelar{color:#fff;background:#666!important}.alerta-isolamento{color:var(--cor-alerta);text-align:center;background:#f39c1233;border-radius:6px;margin-top:.75rem;padding:.5rem .75rem;font-size:.75rem}.mensagem-sucesso{color:var(--cor-sucesso);text-align:center;background:#00b89433;padding:10px 12px;font-size:.8rem;animation:3s forwards fadeInOut}