/**
 * Overrides: o CSS do motor Lusion (about.*.css) usa os MESMOS ids
 * (#header-right-talk-btn etc.) e deixa transform:scale(0) nos botões.
 * Tudo sob header[data-lab-ui] com !important para o visual 2.0 vencer.
 */

header#header[data-lab-ui] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 200 !important;
  padding: clamp(16px, 2.2vw, 28px) clamp(20px, 3.5vw, 48px) !important;
  pointer-events: none !important;
  color: #000 !important;
  font-family: "Aeonik", system-ui, Segoe UI, sans-serif !important;
  font-size: inherit !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

header#header[data-lab-ui] #header-container {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: clamp(12px, 2vw, 28px) !important;
  justify-content: stretch !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
  pointer-events: none !important;
  width: 100% !important;
}

header#header[data-lab-ui] #header-logo {
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  z-index: 3 !important;
  color: #000 !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

header#header[data-lab-ui] #header-logo img {
  height: clamp(44px, 4.4vw, 64px) !important;
  width: auto !important;
  display: block !important;
  max-width: none !important;
  transition: filter 0.25s ease !important;
  filter: none;
}

/* auto contraste — logo branco no fundo escuro */
header#header[data-lab-ui] #header-logo.--on-dark {
  color: #fff !important;
}
header#header[data-lab-ui] #header-logo.--on-dark img {
  filter: brightness(0) invert(1) !important;
}

header#header[data-lab-ui] #header-center {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
  min-width: 0 !important;
  pointer-events: none !important;
  /* NÃO forçar opacity — GSAP controla a entrada */
  visibility: visible !important;
  overflow: visible !important;
}

header#header[data-lab-ui] #header-tagline {
  margin: 0 !important;
  margin-right: auto !important;
  max-width: min(560px, 46vw) !important;
  font-weight: 400 !important;
  font-size: clamp(12.5px, 1.2vw, 15.5px) !important;
  line-height: 1.35 !important;
  color: #111 !important;
  will-change: transform, opacity;
  /* palavras da animação de entrada */
  display: block !important;
}

header#header[data-lab-ui] #header-tagline .lab-tag-word {
  display: inline-block;
  white-space: pre;
  will-change: transform, opacity;
  vertical-align: baseline;
}

header#header[data-lab-ui] #header-tagline-sep {
  will-change: transform, opacity;
  display: block !important;
}

header#header[data-lab-ui] #header-center.--on-dark #header-tagline {
  color: #fff !important;
}
header#header[data-lab-ui] #header-center.--on-dark #header-tagline-sep {
  color: rgba(255, 255, 255, 0.45) !important;
}

header#header[data-lab-ui] #header-right {
  pointer-events: auto !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important; /* motor usa 10.5em — força 10px */
  position: relative !important;
  z-index: 3 !important;
  will-change: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* —— Som —— */
header#header[data-lab-ui] #header-right-sound-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: inherit !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  pointer-events: auto !important;
}

/* —— Fale conosco ——
 * Motor: position:absolute; left:4.5em; scale(0) — quebra o flex 2.0.
 * Força fluxo normal: Som | Fale conosco | Menu.
 */
header#header[data-lab-ui] #header-right-talk-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 44px !important;
  min-height: 44px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 22px 0 20px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #2a2d36 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  transform: none !important; /* CRÍTICO: motor usa scale(0) */
  opacity: 1 !important;
  visibility: visible !important;
  /* CRÍTICO: motor usa absolute + left:4.5em */
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  inset: auto !important;
  overflow: hidden !important;
  isolation: isolate !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  order: 0 !important;
  float: none !important;
  pointer-events: auto !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

header#header[data-lab-ui] #header-right-talk-btn:hover {
  transform: scale(1.02) !important;
}

/* texto/dot estáticos — motor mexe com translate3d(1.5em) no hover */
header#header[data-lab-ui] #header-right-talk-btn-text,
header#header[data-lab-ui] #header-right-talk-btn:hover #header-right-talk-btn-text,
header#header[data-lab-ui] #header-right-talk-btn:not(.--is-contact-active):hover #header-right-talk-btn-text,
header#header[data-lab-ui] #header-right-talk-btn.--is-contact-active:hover #header-right-talk-btn-text {
  line-height: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  color: inherit !important;
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  translate: none !important;
  transition: color 0.25s ease !important; /* só cor, sem mover */
  animation: none !important;
  left: auto !important;
  top: auto !important;
  will-change: auto !important;
}

header#header[data-lab-ui] #header-right-talk-btn-dot,
header#header[data-lab-ui] #header-right-talk-btn:hover #header-right-talk-btn-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #fff !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  transition: background 0.25s ease !important;
  animation: none !important;
}

/* seta/dots do motor — se existirem, não animam e somem */
header#header[data-lab-ui] #header-right-talk-btn-arrow,
header#header[data-lab-ui] #header-right-talk-btn-dots,
header#header[data-lab-ui] #header-right-talk-btn:hover #header-right-talk-btn-arrow,
header#header[data-lab-ui] #header-right-talk-btn:hover #header-right-talk-btn-dots {
  display: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  opacity: 0 !important;
}

/* esconde markup do motor se vazar */
header#header[data-lab-ui] #header-right-talk-btn > a,
header#header[data-lab-ui] #header-right-talk-container {
  display: none !important;
}

/* —— Menu (motor também scale(0)) —— */
header#header[data-lab-ui] #header-right-menu-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  transform: none !important; /* CRÍTICO */
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  pointer-events: auto !important;
  overflow: visible !important;
  transition: background 0.25s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* placeholder do motor não existe no 2.0 — se aparecer, some */
header#header[data-lab-ui] #header-right-talk-btn-placeholder {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

header#header[data-lab-ui] #header-right-menu-btn:hover {
  transform: scale(1.03) !important;
}

header#header[data-lab-ui] #header-right-menu-btn.--opened {
  padding: 0 16px 0 14px !important;
  gap: 8px !important;
}

header#header[data-lab-ui] #header-right-menu-btn-text,
header#header[data-lab-ui] #header-right-menu-btn-close {
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  color: inherit !important;
}

header#header[data-lab-ui] #header-right-menu-btn-dots {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

header#header[data-lab-ui] #header-right-menu-btn-dots i,
header#header[data-lab-ui] #header-right-menu-btn-dots .header-right-menu-btn-dot {
  display: block !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  opacity: 1 !important;
}

/* painel do menu */
header#header[data-lab-ui] #header-menu {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  width: min(300px, calc(100vw - 40px)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  z-index: 20 !important;
  overflow: visible !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  transform: none !important;
}

header#header[data-lab-ui] #header-menu.--opened #header-menu-links,
header#header[data-lab-ui] #header-menu.--opened #header-menu-login {
  pointer-events: auto !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) rotate(0deg) !important;
}

header#header[data-lab-ui] #header-menu-links {
  background: #ffffff !important;
  border-radius: 22px !important;
  padding: 12px 10px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  opacity: 0 !important;
  transform: translate3d(0, 3.5em, 0) rotate(2.8deg) !important;
  pointer-events: none !important;
  will-change: transform, opacity;
  transition:
    transform 0.45s cubic-bezier(0.4, 0, 0.1, 1),
    opacity 0.4s cubic-bezier(0.4, 0, 0.1, 1) !important;
  /* base de fonte local — não herda o clamp gigante do motor */
  font-size: 15px !important;
  color: #111 !important;
}

header#header[data-lab-ui] #header-menu.--opened #header-menu-links {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) rotate(0deg) !important;
  transition:
    transform 0.55s 0.02s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.45s 0.02s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ── itens do menu ──
 * CRÍTICO: menu fechado → pointer-events NONE nos links.
 * Com auto, os links invisíveis (opacidade 0) ainda capturavam
 * cliques na direita das bolas 3D e abriam /about.
 */
header#header[data-lab-ui] .header-menu-link {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  padding: 14px 22px !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
  color: #111 !important;
  background: transparent !important;
  border: none !important;
  font-family: "Aeonik", system-ui, Segoe UI, sans-serif !important;
  font-size: 15px !important;
  text-align: left !important;
  text-decoration: none !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

header#header[data-lab-ui] #header-menu.--opened .header-menu-link:not(.is-active):not(.--active) {
  pointer-events: auto !important;
}

/* item activo normal: não clica */
header#header[data-lab-ui] #header-menu.--opened .header-menu-link.is-active:not(.is-home-active),
header#header[data-lab-ui] #header-menu.--opened .header-menu-link.--active:not(.is-home-active) {
  pointer-events: none !important;
  cursor: default !important;
}

/* Início seleccionado: clica e volta ao topo (como a logo) */
header#header[data-lab-ui] #header-menu.--opened .header-menu-link.is-home-active {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* login do menu: só clicável quando aberto */
header#header[data-lab-ui] #header-menu-login {
  pointer-events: none !important;
}
header#header[data-lab-ui] #header-menu.--opened #header-menu-login {
  pointer-events: auto !important;
}

/* highlight laranja (motor usa --header-color azul #0016ec) */
header#header[data-lab-ui] .header-menu-link-background {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: #ff6a00 !important; /* laranja 2.0 */
  opacity: 0 !important;
  transform: scale(0.85) !important;
  transition:
    opacity 0.3s cubic-bezier(0.4, 0, 0.1, 1),
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
}

/* máscara de texto — altura suficiente p/ não cortar */
header#header[data-lab-ui] .header-menu-link-inner {
  position: relative !important;
  display: block !important;
  height: 1.35em !important;
  min-height: 20px !important;
  line-height: 1.35em !important;
  overflow: hidden !important;
  padding-right: 2.2em !important;
  clip-path: none !important;
  box-sizing: content-box !important;
}

header#header[data-lab-ui] .header-menu-link-text,
header#header[data-lab-ui] .header-menu-link-text-clone {
  display: block !important;
  width: 100% !important;
  height: 1.35em !important;
  line-height: 1.35em !important;
  /* motor força 1.625em → corta no mask; fixa px */
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
  color: #111 !important;
  box-sizing: border-box !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.1, 1) !important;
}

header#header[data-lab-ui] .header-menu-link-text {
  position: relative !important;
  z-index: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

header#header[data-lab-ui] .header-menu-link-text-clone {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 1 !important;
  transform: translate3d(0, 100%, 0) !important;
  pointer-events: none !important;
}

header#header[data-lab-ui] .header-menu-link-svg {
  position: absolute !important;
  right: 0.35em !important;
  top: 50% !important;
  width: 1.25em !important;
  height: 1.25em !important;
  margin-top: -0.625em !important;
  transform: scale(0) !important;
  opacity: 0 !important;
  color: #111 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  transition:
    transform 0.22s cubic-bezier(0.4, 0, 0.1, 1),
    opacity 0.2s !important;
}

/* bolinha do ativo — preta fixa, sem highlight */
header#header[data-lab-ui] .header-menu-link-dot {
  position: absolute !important;
  top: 50% !important;
  right: 1.45em !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -3.5px !important;
  border-radius: 50% !important;
  background: #111 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

/* pseudo ::before do motor (bolinha preta) — desliga */
header#header[data-lab-ui] .header-menu-link::before {
  display: none !important;
  content: none !important;
  transform: scale(0) !important;
}

/* hover laranja SÓ em não-selecionados (.is-active = selecionado, sem animação) */
@media (hover: hover) {
  header#header[data-lab-ui]
    .header-menu-link:not(.is-active):not(.--active):hover
    .header-menu-link-background {
    opacity: 0.18 !important;
    transform: scale(1) !important;
    background: #ff6a00 !important;
  }

  header#header[data-lab-ui]
    .header-menu-link:not(.is-active):not(.--active):hover {
    color: #111 !important;
  }

  header#header[data-lab-ui]
    .header-menu-link:not(.is-active):not(.--active):hover
    .header-menu-link-text {
    transform: translate3d(0, -100%, 0) !important;
    color: #111 !important;
  }

  header#header[data-lab-ui]
    .header-menu-link:not(.is-active):not(.--active):hover
    .header-menu-link-text-clone {
    transform: translate3d(0, 0, 0) !important;
    color: #111 !important;
  }

  header#header[data-lab-ui]
    .header-menu-link:not(.is-active):not(.--active):hover
    .header-menu-link-svg {
    transform: scale(1) !important;
    opacity: 1 !important;
    color: #111 !important;
  }
}

/*
 * ITEM SELECIONADO (.is-active): ZERO animação, ZERO highlight.
 * Markup sem background/clone/svg — só texto + bolinha preta.
 */
header#header[data-lab-ui] .header-menu-link.is-active,
header#header[data-lab-ui] .header-menu-link.is-active:hover,
header#header[data-lab-ui] .header-menu-link.is-active:focus,
header#header[data-lab-ui] .header-menu-link.is-active:focus-visible,
header#header[data-lab-ui] .header-menu-link.is-active:active,
header#header[data-lab-ui] .header-menu-link.--active,
header#header[data-lab-ui] .header-menu-link.--active:hover {
  cursor: default !important;
  pointer-events: none !important;
  color: #111 !important;
  background: transparent !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  filter: none !important;
}

header#header[data-lab-ui] .header-menu-link.is-active .header-menu-link-background,
header#header[data-lab-ui] .header-menu-link.is-active:hover .header-menu-link-background {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  transition: none !important;
  animation: none !important;
}

header#header[data-lab-ui] .header-menu-link.is-active .header-menu-link-text,
header#header[data-lab-ui] .header-menu-link.is-active:hover .header-menu-link-text {
  transform: none !important;
  translate: none !important;
  transition: none !important;
  animation: none !important;
  color: #111 !important;
  will-change: auto !important;
}

header#header[data-lab-ui] .header-menu-link.is-active .header-menu-link-text-clone,
header#header[data-lab-ui] .header-menu-link.is-active .header-menu-link-svg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: none !important;
  animation: none !important;
}

header#header[data-lab-ui] .header-menu-link.is-active .header-menu-link-inner,
header#header[data-lab-ui] .header-menu-link.is-active:hover .header-menu-link-inner {
  transition: none !important;
  animation: none !important;
  overflow: hidden !important;
}

header#header[data-lab-ui] .header-menu-link.is-active .header-menu-link-dot,
header#header[data-lab-ui] .header-menu-link.is-active:hover .header-menu-link-dot {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  background: #111 !important; /* bolinha preta fixa, sem highlight laranja */
}

header#header[data-lab-ui] .header-menu-link.is-active::before,
header#header[data-lab-ui] .header-menu-link.is-active:hover::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  transform: scale(0) !important;
  transition: none !important;
  animation: none !important;
  background: transparent !important;
}

@media (hover: hover) {
  header#header[data-lab-ui] .header-menu-link.is-active:hover .header-menu-link-text {
    transform: none !important;
  }
  header#header[data-lab-ui] .header-menu-link.is-active:hover .header-menu-link-background {
    display: none !important;
    opacity: 0 !important;
  }
}

/* LOGIN */
header#header[data-lab-ui] #header-menu-login {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 24px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #0d0d0f !important;
  color: #fff !important;
  font-family: "Aeonik", system-ui, Segoe UI, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translate3d(0, 4.5em, 0) rotate(-2.2deg) !important;
  pointer-events: none !important;
  transition:
    transform 0.48s 0.04s cubic-bezier(0.4, 0, 0.1, 1),
    opacity 0.42s 0.04s cubic-bezier(0.4, 0, 0.1, 1),
    background 0.25s ease !important;
}

header#header[data-lab-ui] #header-menu.--opened #header-menu-login {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) rotate(0deg) !important;
  transition:
    transform 0.58s 0.08s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.48s 0.08s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.25s ease !important;
}

header#header[data-lab-ui] .header-menu-login-inner {
  position: relative !important;
  display: block !important;
  height: 1.35em !important;
  min-height: 20px !important;
  line-height: 1.35em !important;
  overflow: hidden !important;
  flex: 1 !important;
  min-width: 0 !important;
  text-align: left !important;
  clip-path: none !important;
}

header#header[data-lab-ui] .header-menu-login-text,
header#header[data-lab-ui] .header-menu-login-text-clone {
  display: block !important;
  height: 1.35em !important;
  line-height: 1.35em !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  color: #fff !important;
  overflow: visible !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.1, 1) !important;
}

header#header[data-lab-ui] .header-menu-login-text {
  position: relative !important;
  transform: translate3d(0, 0, 0) !important;
}

header#header[data-lab-ui] .header-menu-login-text-clone {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  transform: translate3d(0, 100%, 0) !important;
  pointer-events: none !important;
}

header#header[data-lab-ui] .header-menu-login-svg {
  flex-shrink: 0 !important;
  width: 1.35em !important;
  height: 1.35em !important;
  margin-left: 12px !important;
  color: #fff !important;
  transform: scale(0) !important;
  opacity: 0 !important;
  transition:
    transform 0.22s cubic-bezier(0.4, 0, 0.1, 1),
    opacity 0.2s !important;
}

@media (hover: hover) {
  header#header[data-lab-ui] #header-menu-login:hover .header-menu-login-text {
    transform: translate3d(0, -100%, 0) !important;
  }
  header#header[data-lab-ui] #header-menu-login:hover .header-menu-login-text-clone {
    transform: translate3d(0, 0, 0) !important;
  }
  header#header[data-lab-ui] #header-menu-login:hover .header-menu-login-svg {
    transform: scale(1) !important;
    opacity: 1 !important;
  }
}

header#header[data-lab-ui] #header-menu-backdrop {
  pointer-events: auto !important;
  z-index: 1 !important;
}

/* fill layer dos botões 2.0 */
header#header[data-lab-ui] .header-fill-layer {
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: #ff6a00 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

header#header[data-lab-ui] .header-fill-btn > *:not(.header-fill-layer) {
  position: relative !important;
  z-index: 1 !important;
}

/* mobile: some o Fale conosco (igual 2.0) */
@media (max-width: 812px) {
  header#header[data-lab-ui] #header-right-talk-btn {
    display: none !important;
  }
  header#header[data-lab-ui] #header-right-menu-btn-text {
    display: none !important;
  }
  header#header[data-lab-ui] #header-right-menu-btn {
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
  }
}

/* esconde chrome residual do motor que o motor tenta re-mostrar */
#ui > header#header:not([data-lab-ui]) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}