.demo-corpo{background:var(--color-surface-subtle)}.giro{display:none}@media (width<=860px),(height<=500px) and (pointer:coarse){.giro{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-surface-brand);border-bottom:1px solid var(--color-border-default);font-size:var(--text-caption);color:var(--color-text-primary);line-height:1.35;display:flex}.giro[hidden]{display:none}.giro p{flex:1;margin:0}.giro__cel{color:var(--color-action-primary);animation:3.2s ease-in-out infinite giro-gira;display:grid}.giro__cheia{align-items:center;gap:var(--space-1);min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-brand-indigo);color:var(--color-text-inverse);font-size:var(--text-caption);cursor:pointer;border:0;flex:none;font-weight:700;display:inline-flex}.giro__fechar{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}}.giro__deitado{display:none}@media (orientation:landscape){.giro__em-pe,.giro__cel{display:none!important}.giro__deitado{display:inline}}@keyframes giro-gira{0%,35%{rotate:0deg}55%,85%{rotate:-90deg}to{rotate:0deg}}@media (prefers-reduced-motion:reduce){.giro__cel{animation:none}}html.demo-cheia .faixa-portfolio,html.demo-cheia .giro,html.demo-cheia .a11y{display:none!important}html.demo-cheia .app{min-height:100dvh}.giro-sair{right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:90;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:#fff;font-size:var(--text-caption);box-shadow:var(--shadow-sm);cursor:pointer;background:#171433d9;border:0;font-weight:700;position:fixed}.giro-sair[hidden]{display:none}.app{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 36px);display:grid}.app__lado{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface-page);border-bottom:1px solid var(--color-border-default);display:flex;overflow-x:auto}.app__logo{flex-shrink:0;display:none}.app__nav{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.app__nav a,.app__nav button{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-compact);white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:500;text-decoration:none;display:flex}.app__nav a:hover,.app__nav button:hover{background:var(--color-surface-subtle)}.app__nav a[aria-current]{background:var(--color-surface-brand);color:var(--color-action-primary-pressed);font-weight:600}.app__nav .app__fora{color:var(--color-text-secondary)}.app__badge{border-radius:var(--radius-pill);background:var(--color-brand-coral);min-width:20px;height:20px;color:var(--color-brand-indigo);place-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;display:grid}.app__frase{display:none}.app__principal{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.app__topo{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-page);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.app__voltar{align-items:center;gap:var(--space-1);font-size:var(--text-compact);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);font-weight:600;text-decoration:none;display:inline-flex}.app__voltar--brilha{background:var(--color-surface-brand);animation:1.6s ease-in-out 5 voltar-brilho}@keyframes voltar-brilho{0%,to{box-shadow:0 0 #7c6bff00}50%{box-shadow:0 0 0 4px #7c6bff4d,0 0 18px 4px #7c6bff59}}@media (prefers-reduced-motion:reduce){.app__voltar--brilha{outline:2px solid var(--color-action-primary);animation:none}}.app__busca{display:none}.app__acoes{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.app__botao{align-items:center;gap:var(--space-1);min-height:var(--control-height-sm);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-page);font-size:var(--text-caption);cursor:pointer;font-weight:600;display:inline-flex}.app__botao:hover{background:var(--color-surface-brand)}.app__botao--guia{background:var(--color-brand-indigo);border-color:var(--color-brand-indigo);color:var(--color-text-inverse)}.app__botao--guia:hover{background:var(--color-neutral-graphite)}.app__botao:focus-visible,.app__sino:focus-visible{border-radius:var(--radius-pill)}.app__sino{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.app__ponto{background:var(--color-brand-coral);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.app__usuario{align-items:center;gap:var(--space-2);display:flex}.app__usuario>span{display:none}.app__conteudo{padding:var(--space-5) var(--space-4) var(--space-12);gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.app__conteudo:focus-visible{box-shadow:none}.app__rodape{padding:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);border-top:1px solid var(--color-border-default)}@media (width>=1024px){.app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.app__lado{align-items:stretch;gap:var(--space-8);height:100vh;padding:var(--space-6) var(--space-4);border-bottom:0;border-right:1px solid var(--color-border-default);flex-direction:column;position:sticky;top:0;overflow:visible}.app__logo{padding-left:var(--space-3);display:block}.app__nav{flex-direction:column}.app__nav a,.app__nav button{min-height:44px;padding:0 var(--space-4);width:100%}.app__frase{border-radius:var(--radius-lg);background:var(--color-surface-brand);margin-top:auto;display:block;overflow:hidden}.app__frase p{padding:var(--space-4) var(--space-4) var(--space-2);font-family:var(--font-family-heading);font-weight:600;font-size:var(--text-compact)}.app__frase svg{width:100%;height:40px}.app__frase path{fill:var(--color-brand-lilac);opacity:.5}.app__topo{padding:var(--space-3) var(--space-8);flex-wrap:nowrap}.app__busca{align-items:center;gap:var(--space-2);max-width:360px;min-height:36px;padding:0 var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-compact);flex:1;display:flex}.app__usuario>span{font-size:var(--text-compact);line-height:1.2;display:grid}.app__usuario small{color:var(--color-text-secondary);font-size:var(--text-caption)}.app__conteudo{padding:var(--space-8);gap:var(--space-6)}.app__rodape{padding-inline:var(--space-8)}}.tela-cab{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.tela-cab h1{font-size:var(--text-h2);line-height:var(--leading-h2)}.tela-cab p{color:var(--color-text-secondary)}.painel{padding:var(--space-5);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-page);box-shadow:var(--shadow-sm);gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid;position:relative}.painel__titulo{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-h5);line-height:var(--leading-h5);display:flex}.metricas{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid;position:relative}.app .metricas .metrica__valor{white-space:nowrap;font-size:clamp(22px,1.9vw,28px);line-height:1.2}.grade-2{gap:var(--space-5);display:grid}@media (width>=1200px){.grade-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}.acao{align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);padding:0 var(--space-3);border:1px solid var(--button-secondary-border);border-radius:var(--radius-md);background:var(--color-surface-page);font-size:var(--text-compact);cursor:pointer;white-space:nowrap;font-weight:600;display:inline-flex}@media (width<=420px){.acao{white-space:normal;text-align:left;padding-block:var(--space-1)}}.acao:hover:not(:disabled){background:var(--button-secondary-bg-hover)}.acao--pri{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:#0000}.acao--pri:hover:not(:disabled){background:var(--button-primary-bg-hover)}.acao:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;border-color:#0000}.acao:focus-visible{border-radius:var(--radius-md)}.tour-holofote{z-index:85;border-radius:var(--radius-lg);pointer-events:none;box-shadow:0 0 0 3px var(--color-brand-coral), 0 0 0 9999px color-mix(in srgb, var(--color-brand-indigo) 58%, transparent);transition:left .35s var(--ease-out), top .35s var(--ease-out), width .35s var(--ease-out), height .35s var(--ease-out);position:fixed}@media (prefers-reduced-motion:no-preference){.tour-holofote:after{content:"";border-radius:inherit;border:3px solid var(--color-brand-coral);animation:holofote-pulsa 1.6s var(--ease-out) infinite;position:absolute;inset:-3px}}@keyframes holofote-pulsa{0%{opacity:.9;inset:-3px}to{opacity:0;inset:-14px}}.tour-bloqueio{z-index:84;background:0 0;position:fixed}.tour-holofote.is-escondido,.tour-bloqueio.is-escondido,.tour-balao.is-escondido{visibility:hidden}.tour-balao{z-index:90;gap:var(--space-2);width:min(360px,100vw - 32px);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-page);box-shadow:var(--shadow-lg), 0 20px 50px -10px color-mix(in srgb, var(--color-brand-indigo) 45%, transparent);transition:top .35s var(--ease-out), left .35s var(--ease-out);display:grid;position:fixed}.tour-balao.is-entrando{animation:balao-entra .35s var(--ease-out)}@keyframes balao-entra{0%{opacity:0;scale:.94}}.tour-balao__topo{justify-content:space-between;align-items:center;display:flex}.tour-balao__passo{font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-action-primary-pressed);font-weight:700}.tour-balao__sair{color:var(--color-text-secondary);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:underline}.tour-balao__barra{border-radius:var(--radius-pill);background:var(--color-border-default);height:4px;overflow:hidden}.tour-balao__barra span{background:linear-gradient(90deg, var(--color-brand-coral), var(--color-brand-lilac));transform-origin:0;height:100%;transition:scale var(--duration-slow) var(--ease-out);display:block}.tour-balao__titulo{margin-top:var(--space-2);font-size:var(--text-h5);line-height:var(--leading-h5)}.tour-balao__titulo:focus-visible{box-shadow:none;text-decoration:underline}.tour-balao__texto{font-size:var(--text-compact);line-height:var(--leading-compact);color:var(--color-text-secondary)}.tour-balao__faca{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand-coral) 14%, var(--color-surface-page));font-size:var(--text-compact);font-weight:600;line-height:var(--leading-compact);align-items:start;display:flex}.tour-balao__faca svg{color:var(--color-brand-indigo);flex-shrink:0;margin-top:2px}.tour-balao__acoes{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tour-balao__acoes>*{min-height:var(--control-height-sm);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-compact);cursor:pointer;white-space:nowrap;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.tour-balao__sec{border:1px solid var(--button-secondary-border);background:var(--color-surface-page)}.tour-balao__pri{background:var(--color-brand-indigo);color:var(--color-text-inverse);border:0}.tour-balao__pri:hover{color:var(--color-text-inverse);background:var(--color-neutral-graphite)}.tour-balao__acoes>:focus-visible,.tour-balao__sair:focus-visible{border-radius:var(--radius-md)}.tour-retomar{right:var(--space-4);bottom:var(--space-4);z-index:70;align-items:center;gap:var(--space-2);min-height:var(--control-height-lg);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--color-brand-indigo);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);cursor:pointer;border:0;font-weight:700;display:inline-flex;position:fixed}.tour-retomar:focus-visible{border-radius:var(--radius-pill)}