/* Barra da Kaig Tecnologias — isolada do CSS do site (prefixo kb-) */
.kb-bar{
  --kb-bg:#F7F7FB; --kb-text:#12141C; --kb-muted:#565C6E; --kb-line:rgba(10,12,20,.10);
  --kb-violet:#6C5CE7; --kb-teal:#0FA894; --kb-btn-text:#FFFFFF;
  position:relative; z-index:60;
  background:var(--kb-bg); color:var(--kb-text);
  border-bottom:1px solid var(--kb-line);
  font-family:'Inter',system-ui,sans-serif; font-size:16px; line-height:1.4;
}
html.dark .kb-bar{
  --kb-bg:#080B12; --kb-text:#EDEFF6; --kb-muted:#8B92A6; --kb-line:rgba(237,239,246,.10);
  --kb-violet:#8A7CFF; --kb-teal:#2FE6C8; --kb-btn-text:#080B12;
}
.kb-bar *{box-sizing:border-box; margin:0; padding:0;}
.kb-inner{
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px;
  max-width:1180px; margin:0 auto; padding:10px 28px;
}
.kb-brand{
  display:flex; align-items:center; gap:10px; justify-self:start;
  font-family:'Space Grotesk',system-ui,sans-serif; font-weight:600; font-size:1rem;
  color:var(--kb-text); text-decoration:none; white-space:nowrap;
}
.kb-brand img{width:26px; height:26px; display:block;}
.kb-tag{
  display:flex; align-items:center; gap:8px; justify-self:center;
  font-size:.82rem; font-weight:500; letter-spacing:.02em; color:var(--kb-muted); white-space:nowrap;
}
.kb-tag svg{width:16px; height:16px; flex:none;}
.kb-cta{
  justify-self:end; display:inline-flex; align-items:center; gap:8px;
  padding:8px 18px; border-radius:99px; border:none;
  background:linear-gradient(120deg,var(--kb-violet),var(--kb-teal));
  color:var(--kb-btn-text); font-size:.85rem; font-weight:600; text-decoration:none; white-space:nowrap;
  transition:transform .2s;
}
.kb-cta:hover{transform:translateY(-1px);}
.kb-cta svg{display:none; width:20px; height:20px; flex:none;}
.kb-bar a:focus-visible{outline:2px solid var(--kb-teal); outline-offset:3px; border-radius:6px;}

@media (max-width:640px){
  .kb-inner{grid-template-columns:1fr auto; padding:8px 16px;}
  .kb-tag{display:none;}
  .kb-cta{width:38px; height:38px; padding:0; gap:0; justify-content:center;}
  .kb-cta svg{display:block;}
  .kb-cta span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
}

/* logo escuro da Kaig precisa de fundo claro no tema escuro */
html.dark .kb-brand img{background:#F7F7FB; border-radius:7px; padding:3px;}