:root{--app-bg:#f6f7fa;--surface:#fff;--text:#202632;--muted:#667084;--border:#e1e5ed;--accent:#315ae9;--accent-soft:#eaefff;--ok:#1f7a4d;--ok-soft:#e4f4ec;--radius-card:14px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:28px;--space-7:32px;--space-8:48px;--sidebar-w:216px;--topbar-h:64px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--app-bg);color:var(--text);font-variant-numeric:tabular-nums;font-family:Inter,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:21px}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shell{min-height:100vh;display:flex}.sidebar{height:100vh;width:var(--sidebar-w);gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-topo{justify-content:space-between;align-items:center;display:flex}.marca{align-items:center;gap:var(--space-2);display:flex}.marca-logo{border-radius:var(--radius-sm);background:var(--accent);color:#fff;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:grid}.marca-nome{font-size:17px;font-weight:700}.sidebar-legenda{margin:var(--space-2) var(--space-2) var(--space-1);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600;line-height:16px}.nav{margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-weight:500;text-decoration:none;display:flex}.nav-item.ativo{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.indisponivel{cursor:default}.nav-tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:0 6px;font-size:11px;line-height:16px}.sidebar-rodape{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:auto}.area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.caminho{gap:var(--space-2);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;display:flex;overflow:hidden}.caminho strong{color:var(--text);font-weight:600}.conteudo{width:100%;max-width:1200px;padding:var(--space-6);gap:var(--space-7);flex-direction:column;flex:1;display:flex}.rodape{justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;display:flex}.sobretitulo{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-2);font-size:12px;font-weight:600;line-height:18px}.cabecalho h1{letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:34px}.subtitulo{margin-top:var(--space-2);color:var(--muted)}.secao{gap:var(--space-3);flex-direction:column;display:flex}.secao-titulo{font-size:18px;font-weight:600;line-height:24px}.cartao{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5)}.cartao h3{margin-top:var(--space-3);font-size:16px;font-weight:600;line-height:24px}.cartao p{color:var(--muted);margin-top:var(--space-1)}.cartao-linha{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.cartao-icone{border-radius:var(--radius-sm);background:var(--app-bg);width:36px;height:36px;color:var(--muted);place-items:center;display:grid}.cartao-icone.destaque{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);flex-shrink:0}.cartao-destaque{gap:var(--space-4);border-color:var(--accent);align-items:flex-start;display:flex}.cartao-destaque .cartao-corpo{flex:1;min-width:0}.cartao-destaque .cartao-linha{flex-wrap:wrap;justify-content:flex-start}.cartao-destaque h3{margin-top:0;font-size:18px}.grade{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.status{background:var(--app-bg);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-construcao{background:var(--ok-soft);color:var(--ok)}.botao-icone{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;place-items:center;display:grid}.so-celular{display:none}.overlay{z-index:40;background:#20263266;position:fixed;inset:0}@media (max-width:1179px){.so-celular{display:grid}.sidebar{z-index:50;visibility:hidden;width:264px;max-width:85vw;transition:transform .16s,visibility .16s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.aberta{visibility:visible;transition:transform .16s,visibility;transform:translate(0)}}@media (max-width:767px){body{font-size:16px;line-height:24px}.topbar,.conteudo{padding-left:var(--space-4);padding-right:var(--space-4)}.rodape{gap:var(--space-1);padding:var(--space-4);flex-direction:column}.cabecalho h1{font-size:24px;line-height:30px}.cartao-destaque{flex-direction:column}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}