/* =========================================================
   ACELERITY — updates 02
   Correções: ícones, nav ativo único, botões do hero.
   Não altera o WebGL nem a lógica interna da animação.
   ========================================================= */

/* 1) SOLUÇÕES — remove estilos genéricos de <span> que empurravam
      os ícones e centraliza opticamente todos os SVGs. */
.page-solucoes .src-segment-card .v32-segment-icon{
  position:relative!important;
  display:block!important;
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  margin:0 0 25px 0!important;
  padding:0!important;
  align-self:flex-start!important;
  line-height:0!important;
}
.page-solucoes .src-segment-card .v32-segment-icon svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  overflow:visible!important;
}
.page-solucoes .src-segment-card:hover .v32-segment-icon svg{
  transform:translate(-50%,-50%) scale(1.08)!important;
}

/* 2) HEADER — um único item pode ter estado visual ativo. */
.v28-desktop-nav > .v28-nav-link,
.v28-desktop-nav > .v28-menu > .v28-trigger{
  background:transparent!important;
  color:rgba(38,38,45,.68)!important;
}
.v28-desktop-nav > .v28-nav-link.blogx-active,
.v28-desktop-nav > .v28-nav-link.is-active,
.v28-desktop-nav > .v28-menu > .v28-trigger.is-active{
  background:transparent!important;
  color:rgba(38,38,45,.68)!important;
}
.v28-desktop-nav [data-v33-active="true"]{
  background:rgba(85,174,255,.10)!important;
  color:#26262D!important;
}
.v28-desktop-nav > .v28-nav-link:not([data-v33-active="true"]):hover,
.v28-desktop-nav > .v28-menu > .v28-trigger:not([data-v33-active="true"]):hover{
  background:rgba(38,38,45,.04)!important;
  color:#26262D!important;
}

/* 3) HERO — garante que os dois CTAs recebam clique acima de qualquer
      camada visual da experiência. */
#introCopy{
  pointer-events:auto!important;
  z-index:72!important;
}
#introCopy .hero-actions{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}
#introCopy .hero-source-btn{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  user-select:none;
}