.hb-demo-topo{margin-bottom:32px}.hb-demo-titulo{overflow-wrap:anywhere;max-width:900px;font-size:clamp(30px,4vw,52px)}.hb-demo-nota{max-width:640px;color:var(--hb-texto-2);margin:14px 0 0;font-size:15px;line-height:1.5}.hb-demo-grade{grid-template-columns:1fr;gap:24px;margin:0;padding:0 8px 8px 0;list-style:none;display:grid}@media (min-width:560px){.hb-demo-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.hb-demo-grade{grid-template-columns:repeat(4,minmax(0,1fr))}}.hb-demo-card{height:100%;box-shadow:8px 8px 0 var(--hb-tinta);flex-direction:column;display:flex;overflow:hidden}.hb-demo-foto{aspect-ratio:13/9.5;border-bottom:3px solid var(--hb-tinta);background:var(--hb-bege);position:relative}.hb-demo-corpo{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.hb-demo-nome{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:20px;line-height:1.05}.hb-demo-ramo{color:var(--hb-cinza);margin:6px 0 16px;font-size:14px}.hb-demo-acoes{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:auto;display:flex}.hb-demo-painel{min-height:44px;font:inherit;text-transform:uppercase;color:var(--hb-tinta);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:13px;font-weight:700;text-decoration:underline;display:inline-flex}.hb-demo-painel:hover{color:var(--hb-teal)}.hb-demo-outros{margin-top:36px}.hb-demo-rotulo{text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-size:12px;font-weight:700}.hb-demo-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hb-demo-chip{border:2px solid var(--hb-tinta);min-height:44px;color:var(--hb-tinta);background:#fff;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .12s;display:inline-flex}.hb-demo-chip svg{color:var(--hb-teal);flex:none}.hb-demo-chip:hover{background:var(--hb-amarelo);box-shadow:3px 3px 0 var(--hb-tinta);transform:translate(-1px,-1px)}.hb-janela{border:3px solid var(--hb-tinta);width:min(1280px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);box-shadow:12px 12px 0 var(--hb-teal);color:var(--hb-tinta);background:#fff;margin:auto;padding:0;overflow:auto}.hb-janela::backdrop{background:#111111c7}.hb-janela-topo{z-index:2;background:var(--hb-amarelo);border-bottom:3px solid var(--hb-tinta);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:13px;font-weight:700;display:flex;position:sticky;top:0}.hb-janela-topo span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hb-janela-fechar{border:3px solid var(--hb-tinta);background:var(--hb-tinta);color:#fff;cursor:pointer;flex:none;place-items:center;width:44px;height:44px;display:grid}.hb-janela-fechar:hover{background:var(--hb-teal)}.hb-janela img{width:100%;height:auto;display:block}.hb-demo{border-top:3px solid var(--hb-tinta)}