/* LOCALIZAÇÃO: /public_html/assets/css/neexo-transition.css */
/* VERSÃO: 23.10.2026 v1.7 */
/* A transição ocupa somente a linha já existente do cabeçalho Aiero. */
.header-logo .neexo-brand-transition {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #fff;
  text-decoration: none;
  flex-shrink: 0;
  white-space: nowrap;
  line-height: 1;
}
.header-logo .neexo-brand-previous { display: flex; align-items: center; }
.header-logo .neexo-brand-previous img {
  width: 83px;
  height: auto;
  max-height: 28px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .8;
}
.header-logo .neexo-brand-bridge {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: Manrope, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .01em;
  color: rgba(255,255,255,.78);
}
.neexo-brand-bridge svg { width: 30px; height: 16px; }
.header-logo .neexo-brand-current { width: 110px; height: auto; object-fit: contain; }
.header-logo .menu-toggle { margin-right: 24px; }
.neexo-brand-transition:focus-visible { outline: 2px solid #56c7ff; outline-offset: 7px; border-radius: 4px; }
/* Mantém o botão de voltar ao topo acima do WhatsApp. */
#scrollBtn { bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
.neexo-whatsapp {
  position: fixed;
  right: max(24px, env(safe-area-inset-right, 0px));
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  z-index: 9999998;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 7px 22px rgba(0,0,0,.17);
  text-decoration: none;
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.neexo-whatsapp > svg { display: block; width: 30px; height: 30px; flex-shrink: 0; }
.neexo-whatsapp:hover { background: #1dbb58; color: #fff; transform: translateY(-2px); box-shadow: 0 9px 25px rgba(0,0,0,.22); }
.neexo-whatsapp:focus-visible { outline: 3px solid #0878ed; outline-offset: 4px; }
.neexo-whatsapp-label {
  position: absolute;
  right: calc(100% + 12px);
  padding: 10px 15px;
  border: 1px solid rgba(15,27,46,.08);
  border-radius: 10px;
  background: #fff;
  color: #202a3b;
  box-shadow: 0 4px 18px rgba(0,0,0,.09);
  font: 500 12px/1.4 Manrope, Arial, sans-serif;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateX(4px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  pointer-events: none;
}
.neexo-whatsapp:focus-visible .neexo-whatsapp-label { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) {
  .neexo-whatsapp:hover .neexo-whatsapp-label { opacity: 1; visibility: visible; transform: none; }
}
@media (min-width: 1202px) and (max-width: 1500px) {
  .header-logo .neexo-brand-transition { gap: 9px; }
  .header-logo .neexo-brand-previous img { width: 70px; }
  .header-logo .neexo-brand-bridge { gap: 6px; }
  .neexo-brand-bridge svg { width: 22px; }
  .header-logo .menu-toggle { margin-right: 16px; }
  .vs-header2 .login-btn, .sticky-active.v3 .login-btn { margin-right: 16px; }
}
@media (max-width: 767px) {
  .header-logo .neexo-brand-transition { gap: 8px; }
  .header-logo .neexo-brand-previous img { width: 65px; }
  .header-logo .neexo-brand-bridge { flex-direction: column; gap: 3px; font-size: 9px; }
  .neexo-brand-bridge svg { width: 23px; height: 10px; }
  .header-logo .neexo-brand-current { width: 96px; }
  .neexo-whatsapp { width: 56px; height: 56px; right: max(18px, env(safe-area-inset-right, 0px)); bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
  #scrollBtn { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
  .neexo-whatsapp, .neexo-whatsapp-label { transition: none; }
  .neexo-whatsapp:hover { transform: none; }
}

/* Reserva espaço horizontal para a navegação sem acrescentar uma faixa. */
@media (min-width: 1202px) and (max-width: 1500px) {
  .vs-header2 .menu-style1, .sticky-active.v3 .menu-style1 { margin-left: 8px; }
  .vs-header2 .menu-style1 > ul > li > a,
  .sticky-active.v3 .menu-style1 > ul > li > a { padding-left: 12px; padding-right: 30px; }
  .vs-header2 .menu-style1 > ul > li > a::before,
  .sticky-active.v3 .menu-style1 > ul > li > a::before { right: 14px; }
  .vs-header2 .menu-style1 > ul > li:last-child > a,
  .sticky-active.v3 .menu-style1 > ul > li:last-child > a { padding-right: 12px; }
}
/* Supera o filtro genérico do Aiero quando o cabeçalho recebe .is-sticky. */
.sticky-active.v3 .header-logo .neexo-brand-previous img,
.sticky-active.is-sticky.v3 .header-logo a.neexo-brand-transition .neexo-brand-previous img,
.active-body .sticky-active.is-sticky.v3 .header-logo a.neexo-brand-transition .neexo-brand-previous img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
/* Centraliza o painel Cloud para que o menu ampliado não gere rolagem lateral. */
.vs-header2 .main-menu > ul > li > .mega-sub-menu,
.sticky-active.v3 .main-menu > ul > li > .mega-sub-menu {
  left: 50%;
  transform: translate(-50%, 10px);
}
.vs-header2 .main-menu > ul > li:hover > .mega-sub-menu,
.sticky-active.v3 .main-menu > ul > li:hover > .mega-sub-menu {
  transform: translate(-50%, 0);
}
@media (min-width: 1202px) and (max-width: 1366px) {
  .header-logo .menu-toggle { display: none; }
  .vs-header2 .login-btn, .sticky-active.v3 .login-btn { font-size: 0; }
  .vs-header2 .login-btn i, .sticky-active.v3 .login-btn i { font-size: 14px; margin-right: 0; }
  .vs-header2 .menu-style1 > ul > li > a,
  .sticky-active.v3 .menu-style1 > ul > li > a { padding-left: 10px; padding-right: 24px; }
  .vs-header2 .menu-style1 > ul > li > a::before,
  .sticky-active.v3 .menu-style1 > ul > li > a::before { right: 10px; }
}
@media (max-width: 359px) {
  .header-logo .neexo-brand-transition { gap: 6px; }
  .header-logo .neexo-brand-previous img { width: 50px; }
  .header-logo .neexo-brand-current { width: 73px; }
}
/* Antecipação do menu móvel evita quebrar a linha em notebooks estreitos. */
@media (min-width: 1202px) and (max-width: 1279px) {
  .vs-header2 .menu-style1, .sticky-active.v3 .menu-style1,
  .vs-header2 .btn-box, .sticky-active.v3 .btn-box,
  .header-logo .menu-toggle { display: none; }
  .vs-header2 .hamburger, .sticky-active.v3 .hamburger { display: inline-block; }
}