@media (min-width: 768px) and (max-width: 1120px) {
  .ensutex-site-nav .ensutex-brand-text {
    display: none !important;
  }

  .ensutex-site-nav .ensutex-nav-menu {
    gap: clamp(0.75rem, 1.35vw, 1rem);
    font-size: 0.9rem;
  }

  .ensutex-site-nav .ensutex-nav-cta {
    min-width: 13.5rem;
    padding-inline: 1rem;
  }

  html body #chatbot-cta.chatbot-cta-fixed:not(.hidden) {
    display: none !important;
  }
}

/* 2026-07-18 · Navegacion movil coherente con el sistema Ensutex/Asu. */
@media (max-width: 1023px) {
  .ensutex-site-nav #mobileMenuBtn {
    min-width: 6.45rem !important;
    min-height: 3.15rem !important;
    gap: .65rem !important;
    border: 1px solid rgba(28, 185, 210, .48) !important;
    border-radius: .9rem !important;
    background: #0b0f13 !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
  }

  .ensutex-site-nav #mobileMenuBtn:hover,
  .ensutex-site-nav #mobileMenuBtn:focus-visible,
  .ensutex-site-nav #mobileMenuBtn.is-open {
    border-color: #1cb9d2 !important;
    background: #101820 !important;
    color: #8ee6f2 !important;
  }

  .ensutex-site-nav #mobileDrawer {
    border-top: 1px solid rgba(28, 185, 210, .24) !important;
    background: #05070a !important;
    color: #fff !important;
    box-shadow: 0 26px 64px rgba(0, 0, 0, .48) !important;
  }

  .ensutex-site-nav #mobileDrawer > div {
    gap: .7rem !important;
    padding: 1rem !important;
  }

  .ensutex-site-nav #mobileDrawer .mobile-catalog-primary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
    min-height: 4.75rem !important;
    padding: 1rem 1.1rem !important;
    border: 1px solid rgba(28, 185, 210, .52) !important;
    border-radius: 1rem !important;
    background: linear-gradient(135deg, #0c1218, #101d24) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .ensutex-site-nav #mobileDrawer .mobile-catalog-primary > span {
    max-width: 16ch;
    color: #8ee6f2 !important;
    font-size: .66rem !important;
    font-weight: 800 !important;
    letter-spacing: .1em !important;
    line-height: 1.35 !important;
    text-align: right !important;
    text-transform: uppercase !important;
  }

  .ensutex-site-nav #mobileDrawer .mobile-catalog-submenu {
    gap: .65rem !important;
    padding: .7rem !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-left-color: rgba(255, 255, 255, .09) !important;
    border-radius: 1rem !important;
    background: #090d11 !important;
  }

  .ensutex-site-nav #mobileDrawer .mobile-catalog-submenu a {
    display: flex !important;
    min-height: 3.25rem !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: .8rem !important;
    background: #12171d !important;
    color: #e8edf1 !important;
    text-align: center !important;
  }

  .ensutex-site-nav #mobileDrawer .mobile-catalog-submenu a:hover,
  .ensutex-site-nav #mobileDrawer .mobile-catalog-submenu a:focus-visible {
    border-color: #1cb9d2 !important;
    background: rgba(28, 185, 210, .13) !important;
    color: #b8f1f8 !important;
  }

  .ensutex-site-nav #mobileDrawer > div > a:not(.mobile-catalog-primary),
  .ensutex-site-nav #mobileDrawer > div > button[data-quote-open] {
    min-height: 3.55rem !important;
    padding: .85rem 1rem !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: .9rem !important;
    background: #0c1015 !important;
    color: #f4f7f9 !important;
  }

  .ensutex-site-nav #mobileDrawer > div > button[data-quote-open] {
    border-color: #1cb9d2 !important;
    background: #1cb9d2 !important;
    color: #031014 !important;
  }
}