/* Componentes web da bancada. A composição pertence ao consumidor. */
.sitio { width:100%; background:var(--bancada-fundo); color:var(--bancada-tinta); }
.sitio .sitio__grade { background-image:linear-gradient(var(--bancada-grade) 1px,transparent 1px),linear-gradient(90deg,var(--bancada-grade) 1px,transparent 1px);background-size:40px 40px;opacity:1; }
.sitio .secao__titulo,.sitio .heroi__manchete,.sitio .hub-manchete { font-weight:600;letter-spacing:-.045em; }
.sitio .acao,.sitio .chip,.sitio .ficha,.sitio .prompt,.sitio .video,.sitio .disco { border-radius:var(--bancada-raio); }
.sitio .ficha { background:var(--bancada-superficie);box-shadow:none; }
.sitio .ficha__nome { font-weight:550; }
.sitio .cromo { background:var(--bancada-campo);border-bottom:1px solid var(--bancada-traco); }
.sitio .cromo__marca { font-family:var(--voz-sistema);font-size:18px;letter-spacing:-.05em; }
.sitio .cromo__prompt { display:inline-block;width:26px;height:26px;font-size:0;color:var(--bancada-assinatura-texto); }
.sitio .cromo__prompt::before { content:"";display:block;width:100%;height:100%;background:currentColor;mask:url("assets/marca/vk.svg") center/contain no-repeat; }
.sitio .cromo__prompt .pisca { display:none; }
.sitio .acao--sinal { background:var(--bancada-acao);color:var(--bancada-sobre-assinatura);box-shadow:none; }
.sitio .acao--sinal:hover { background:var(--bancada-acao-forte); }
.sitio .acao:focus-visible,.sitio a:focus-visible,.sitio button:focus-visible { outline:2px solid var(--bancada-assinatura-texto);outline-offset:4px; }
.sitio .secao__marcador { color:var(--bancada-legenda); }
.sitio .secao__numero { color:var(--bancada-assinatura-texto); }
.sitio .rodape__marca { color:var(--bancada-assinatura-texto); }
.bancada-barra,.bancada-legenda { display:flex;align-items:center;justify-content:space-between;gap:16px;font:11px/1.6 var(--voz-sistema);letter-spacing:.02em;color:var(--bancada-legenda); }
.bancada-barra { padding:14px 24px;background:var(--bancada-superficie);border-bottom:1px solid var(--bancada-traco-forte); }
.bancada-barra span:first-child { color:var(--bancada-assinatura-texto); }
.bancada-legenda { padding:12px 24px;border-top:1px solid var(--bancada-traco); }
.escultura { position:relative;isolation:isolate;overflow:hidden;min-width:0;aspect-ratio:1.2;background:var(--bancada-campo); }
.escultura::before { content:"";position:absolute;inset:12%;background:linear-gradient(var(--bancada-grade) 1px,transparent 1px),linear-gradient(90deg,var(--bancada-grade) 1px,transparent 1px);background-size:32px 32px;pointer-events:none; }
.escultura__repouso,.escultura canvas { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
.escultura canvas { opacity:0; }
.escultura[data-renderizada="sim"] canvas { opacity:1; }
.escultura[data-renderizada="sim"] .escultura__repouso { visibility:hidden; }
.escultura__rotulo { position:absolute;top:20px;left:22px;font:10px/1.6 var(--voz-sistema);color:var(--bancada-assinatura-texto);z-index:1; }
.escultura__eixo { position:absolute;bottom:18px;right:20px;font:10px var(--voz-sistema);color:var(--bancada-legenda);z-index:1; }
[data-modo="claro"] .escultura__repouso { filter:brightness(.5); }
.diagrama-fluxo { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;padding:20px;background:var(--bancada-campo);border:1px solid var(--bancada-traco);border-radius:var(--bancada-raio); }
.diagrama-fluxo__passo { flex:1;min-width:0; }
.diagrama-fluxo__passo small { display:block;color:var(--bancada-assinatura-texto);font:10px var(--voz-sistema);margin-bottom:8px; }
.diagrama-fluxo__passo strong { display:block;font:500 15px/1.5 var(--voz-funcional);color:var(--bancada-tinta); }
.diagrama-fluxo__seta { color:var(--bancada-assinatura-texto); }
@media(max-width:640px) { .bancada-barra,.bancada-legenda { padding:12px 16px;font-size:10px;flex-wrap:wrap;gap:6px 16px; }.diagrama-fluxo { flex-direction:column;align-items:stretch; }.diagrama-fluxo__seta { transform:rotate(90deg);align-self:center; } }