.demo-faixa{position:-webkit-sticky;position:sticky;top:0;z-index:46;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px max(30px,calc((100% - 1480px) / 2 + 30px)) 0;padding:8px 10px 8px 16px;border-radius:14px;background:linear-gradient(120deg,#0f2f6b,#1254c8);color:#fff;box-shadow:0 10px 30px rgba(18,84,200,.28);font-size:13.5px}@media (max-width:1280px){.demo-faixa{margin-inline:20px}}@media (max-width:900px){.demo-faixa{position:fixed;top:0;left:0;right:0;margin:0;border-radius:0;padding:8px 16px}:root[data-demo-visita] body{padding-top:var(--demo-faixa-h,92px)}}.demo-faixa-txt{display:inline-flex;align-items:center;gap:8px;font-weight:600;min-width:0}.demo-faixa-ponto{width:8px;height:8px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 0 3px rgba(125,211,252,.25);flex:none}.demo-faixa-curto{display:none}.demo-faixa-tempo{position:relative;display:inline-block;line-height:1.5;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.demo-faixa-tempo:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:calc(var(--demo-progresso, 1) * 100%);background:rgba(255,255,255,.7)}.demo-faixa-tempo.pouco{background:#fde68a;color:#4a2a00}.demo-faixa-acoes{margin-left:auto;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.demo-faixa-btn{font:inherit;font-weight:600;font-size:13px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}.demo-faixa-btn:hover{background:rgba(255,255,255,.12)}.demo-faixa-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.demo-faixa-cta{background:#fff;color:#0f2f6b;border-color:#fff}.demo-faixa-cta:hover{background:#e8f0ff}@media (max-width:720px){.demo-faixa{gap:6px 10px;font-size:13px}.demo-faixa-longo{display:none}.demo-faixa-curto{display:inline}.demo-faixa-tempo{margin-left:auto}.demo-faixa-acoes{margin-left:0;width:100%;flex-wrap:nowrap}.demo-faixa-btn{padding:6px 10px}.demo-faixa-acoes .demo-faixa-cta{margin-left:auto}}.demo-perfil{position:relative}.demo-perfil-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(320px,calc(100vw - 32px));padding:6px;border-radius:14px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:0 20px 50px rgba(0,0,0,.3);color:var(--t-primary)}@media (max-width:720px){.demo-perfil-menu{left:0;right:auto}}.demo-perfil-item{display:grid;grid-gap:2px;gap:2px;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-radius:10px;padding:9px 10px;cursor:pointer}.demo-perfil-item span{color:var(--t-secondary);font-size:12.5px}.demo-perfil-item:focus-visible,.demo-perfil-item:hover{background:var(--accent-soft);outline:none}.demo-perfil-item.atual b:after{content:" · atual";font-weight:500;color:var(--accent)}.nav-cadeado{margin-left:auto;flex:none;opacity:.7}.demo-marca{position:fixed;inset:0;z-index:40;pointer-events:none;background-color:var(--t-primary);opacity:.045;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:420px 260px;mask-size:420px 260px}:root[data-demo-visita] body{-webkit-user-select:none;-moz-user-select:none;user-select:none}:root[data-demo-visita] :is(input,textarea,select,[contenteditable=""],[contenteditable=true]){-webkit-user-select:text;-moz-user-select:text;user-select:text}:root[data-demo-visita] img{-webkit-user-drag:none}@media print{:root[data-demo-visita] body>*{display:none!important}:root[data-demo-visita] body:before{content:attr(data-demo-impressao);display:block!important;padding:40mm 20mm;text-align:center;font:600 18pt/1.4 system-ui,sans-serif;color:#000;background:#fff}}.demo-janela-fundo{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:rgba(6,12,24,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.demo-final-caixa,.demo-janela,.demo-trancada-cartao{width:min(500px,100%);padding:26px 26px 22px;border-radius:20px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.35);color:var(--t-primary)}.demo-final-caixa h2,.demo-janela h2,.demo-trancada-cartao h1{margin:6px 0 8px;font-size:20px;line-height:1.3}.demo-final-caixa p,.demo-janela p,.demo-trancada-cartao p{margin:0 0 10px;color:var(--t-secondary);line-height:1.55}.demo-janela-selo{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 9px}.demo-janela-nota{font-size:13px;color:var(--t-secondary)!important}.demo-janela-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.demo-janela-acoes>*{flex:1 1 auto;justify-content:center;text-align:center;white-space:nowrap}.demo-final{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:16px;background:rgba(6,12,24,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-final-caixa{text-align:center}.demo-final-marca{width:44px;height:44px}.demo-final-caixa h2{font-size:24px}:root[data-demo-fim] body{overflow:hidden}.demo-trancada{position:relative;min-height:60vh}.demo-trancada-esboco{filter:blur(6px);opacity:.6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-esboco-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;margin:18px 0}.demo-esboco-kpi,.demo-esboco-tabela{border-radius:16px;background:var(--bg-elev);border:1px solid var(--border);padding:16px}.demo-esboco-kpi{display:grid;grid-gap:12px;gap:12px}.demo-esboco-num{width:56px;height:26px;border-radius:8px;background:var(--accent-soft)}.demo-esboco-tabela{display:grid;grid-gap:14px;gap:14px}.demo-esboco-linha{display:flex;align-items:center;gap:16px}.demo-esboco-barra{display:block;height:12px;width:50%;border-radius:6px;background:var(--border-hover)}.demo-esboco-barra.curta{width:22%}.demo-esboco-chip{margin-left:auto;width:70px;height:20px;border-radius:999px;background:var(--warn-soft)}.demo-trancada-cartao{position:absolute;top:120px;left:50%;transform:translateX(-50%);text-align:center}@media (max-width:720px){.demo-trancada-cartao{position:relative;top:auto;left:auto;transform:none;margin:-260px auto 0}}.demo-trancada-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--accent);background:var(--accent-soft)}.demo-porta{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(900px 500px at 10% -10%,var(--accent-soft),transparent 60%),var(--bg-base);color:var(--t-primary)}.demo-porta-caixa{width:min(880px,100%);text-align:center}.demo-porta-marca{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:18px;margin-bottom:26px}.demo-porta h1{margin:0 0 8px;font-size:clamp(26px,4vw,36px);line-height:1.2}.demo-porta-sub{margin:0 0 26px;color:var(--t-secondary);font-size:16px}.demo-porta-perfis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}@media (max-width:760px){.demo-porta-perfis{grid-template-columns:1fr}}.demo-porta-perfil{display:grid;justify-items:start;grid-gap:8px;gap:8px;text-align:left;font:inherit;color:inherit;padding:20px;border-radius:18px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:pointer;transition:border-color .15s var(--ease),transform .15s var(--ease)}.demo-porta-perfil:hover{border-color:var(--accent-line);transform:translateY(-2px)}.demo-porta-perfil:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-porta-perfil b{font-size:16.5px}.demo-porta-perfil span:last-child{color:var(--t-secondary);font-size:14px;line-height:1.5}.demo-porta-ic{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--accent);background:var(--accent-soft)}.demo-porta-pular{margin-top:18px;font:inherit;font-weight:600;color:var(--accent);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.demo-porta-nota{margin:22px auto 0;max-width:620px;color:var(--t-secondary);font-size:13.5px;line-height:1.6}.demo-porta-nota a{color:var(--accent)}.demo-porta-entrando{display:grid;justify-items:center;grid-gap:14px;gap:14px;padding:40px 0;color:var(--t-secondary)}.demo-porta-entrando b{color:var(--t-primary);font-size:18px}.demo-porta-roda{width:34px;height:34px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:demo-roda .8s linear infinite}@keyframes demo-roda{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.demo-porta-roda{animation-duration:2.4s}}