/* V1.26.46 — menu do topo: somente os riscos, sem caixa em nenhum estado */
header #topMenu,
header .top-menu,
header .top-links{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

header #topMenuBtn,
header #topMenuBtn:hover,
header #topMenuBtn:active,
header #topMenuBtn:focus,
header #topMenuBtn:focus-visible,
header #topMenuBtn[aria-expanded="false"],
header #topMenuBtn[aria-expanded="true"]{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
  text-decoration:none!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  transform:translateZ(0)!important;
}

header #topMenuBtn::before,
header #topMenuBtn::after{
  content:none!important;
  display:none!important;
}

header #topMenuBtn span{
  display:block!important;
  width:20px!important;
  height:2.4px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:#f5f5f5!important;
  box-shadow:0 1px 4px rgba(0,0,0,.20)!important;
  opacity:1!important;
  transform-origin:center!important;
  transition:transform .23s cubic-bezier(.22,.72,.25,1),opacity .16s ease,width .2s ease,box-shadow .2s ease!important;
}

/* Estado selecionado: o hamburger se transforma suavemente em X. */
header #topMenuBtn[aria-expanded="true"] span:nth-child(1){
  width:20px!important;
  transform:translateY(6.4px) rotate(45deg)!important;
  box-shadow:0 0 7px rgba(255,255,255,.24),0 1px 4px rgba(0,0,0,.24)!important;
}
header #topMenuBtn[aria-expanded="true"] span:nth-child(2){
  width:0!important;
  opacity:0!important;
  transform:scaleX(.15)!important;
}
header #topMenuBtn[aria-expanded="true"] span:nth-child(3){
  width:20px!important;
  transform:translateY(-6.4px) rotate(-45deg)!important;
  box-shadow:0 0 7px rgba(255,255,255,.24),0 1px 4px rgba(0,0,0,.24)!important;
}

/* Pequeno feedback de seleção sem desenhar caixa ao redor. */
header #topMenuBtn[aria-expanded="true"]{
  animation:topMenuSelectedPulseV12646 .24s ease-out!important;
}
@keyframes topMenuSelectedPulseV12646{
  0%{transform:scale(.90) translateZ(0)}
  65%{transform:scale(1.07) translateZ(0)}
  100%{transform:scale(1) translateZ(0)}
}

@media(max-width:600px){
  header #topMenuBtn,
  header #topMenuBtn:hover,
  header #topMenuBtn:active,
  header #topMenuBtn:focus,
  header #topMenuBtn:focus-visible,
  header #topMenuBtn[aria-expanded="false"],
  header #topMenuBtn[aria-expanded="true"]{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  header #topMenuBtn span{width:18px!important}
  header #topMenuBtn[aria-expanded="true"] span:nth-child(1),
  header #topMenuBtn[aria-expanded="true"] span:nth-child(3){width:18px!important}
}

@media(prefers-reduced-motion:reduce){
  header #topMenuBtn,
  header #topMenuBtn span{animation:none!important;transition:none!important}
}