/* ÁgiL | Submenu de certificados, refinamento visual isolado.
   Fonte: estrutura existente #products-desktop-menu no componente Navbar.
   Apenas apresentação: rotas, clique, hover, teclado e React preservados. */

@media (min-width: 1280px) {
  /* Pequena área invisível mantém o hover ao descer do botão para o painel. */
  nav[aria-label="Navegação principal"] [data-products-trigger] + div[aria-hidden="true"] {
    height: 26px !important;
  }

  nav[aria-label="Navegação principal"] #products-desktop-menu {
    left: -10px !important;
    right: auto !important;
    top: calc(100% + 18px) !important;
    margin-top: 0 !important;
    width: min(540px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 103px);
    overflow-y: auto;
    padding: 13px !important;
    transform: none !important;
    border: 1px solid #dce6f1 !important;
    border-radius: 22px !important;
    background: #fff !important;
    background-color: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 23px 55px rgba(5,29,59,.22), 0 5px 12px rgba(8,41,78,.06) !important;
    color: #17375b !important;
    z-index: 90 !important;
    overscroll-behavior: contain;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    right: 22px;
    height: 3px;
    background: linear-gradient(90deg, #12477f 0%, #efba2f 53%, #f8df82 76%, transparent 100%);
    border-radius: 0 0 8px 8px;
    pointer-events: none;
  }

  /* Bloco introdutório: nítido, compacto e com hierarquia. */
  nav[aria-label="Navegação principal"] #products-desktop-menu > div:first-child {
    margin: 0 0 10px !important;
    padding: 15px 17px 14px !important;
    border: 1px solid #e0e9f4;
    border-radius: 14px !important;
    background: linear-gradient(115deg, #f0f5fc 0%, #f9fbfe 100%) !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu > div:first-child p:first-child {
    margin: 0 !important;
    color: #102f54 !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.4;
    letter-spacing: -.02em;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu > div:first-child p + p {
    margin: 4px 0 0 !important;
    color: #536e8b !important;
    font-size: 12px;
    line-height: 1.45;
  }

  /* Primeiro item ocupa a linha inteira; categorias balanceadas em 2x2. */
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menu"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    padding: 0 !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"] {
    display: flex;
    min-width: 0;
    min-height: 90px;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px !important;
    border: 1px solid #e2eaf3 !important;
    border-radius: 13px !important;
    background: linear-gradient(140deg, #fff 15%, #f8fbff 100%) !important;
    color: #15385f !important;
    text-decoration: none !important;
    box-shadow: 0 1px 1px rgba(16,49,87,.02);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"] > span:first-child {
    align-items: center;
    gap: 8px;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"] > span:first-child > span:first-child {
    color: inherit;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -.022em;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"] > span:first-child > span:last-child {
    margin-left: auto;
    flex-shrink: 0;
    border-radius: 999px;
    background: #fff4d9 !important;
    color: #9a6501 !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: .045em;
    padding: 3px 8px !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"] > span:last-child {
    margin-top: 5px !important;
    color: #607995 !important;
    font-size: 11.5px !important;
    font-weight: 450;
    line-height: 1.5 !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:hover,
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:focus-visible {
    border-color: #e4b640 !important;
    background: #fffdf8 !important;
    box-shadow: 0 7px 15px rgba(17,56,98,.075);
    transform: translateY(-1px);
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"][aria-current="page"]:not(:first-child) {
    border-color: #dbac30 !important;
    background: #fffbef !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:focus-visible {
    outline: 2px solid #e8b42b !important;
    outline-offset: 2px;
  }

  /* Atalho para o catálogo: destaque azul e dourado, sem ícone artificial. */
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:first-child {
    grid-column: 1 / -1;
    min-height: 75px;
    border-color: #174779 !important;
    background: linear-gradient(110deg, #0d3158 0%, #12518d 100%) !important;
    color: #fff !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:first-child > span:last-child {
    color: #dce8f7 !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:first-child > span:first-child > span:last-child {
    background: linear-gradient(115deg, #ffe49a, #f0bc39) !important;
    color: #563c05 !important;
  }
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:first-child:hover,
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"]:first-child:focus-visible {
    background: linear-gradient(110deg, #164a80, #1764a7) !important;
    border-color: #e5b444 !important;
    box-shadow: 0 9px 21px rgba(12,57,106,.20);
  }
  /* Indicador de seleção com a mesma linguagem da marca. */
  nav[aria-label="Navegação principal"] [data-products-trigger][aria-expanded="true"] {
    background: #eff4fb !important;
    color: #113e70 !important;
  }
}

/* O menu mobile usa links próprios: organização de cards sem alterar as rotas. */
@media (max-width: 1279px) {
  nav[aria-label="Navegação principal"] #mobile-menu a[aria-label^="Certificado digital "] {
    background: #fff !important;
    border: 1px solid #e2e9f2 !important;
    border-radius: 13px !important;
    box-shadow: 0 2px 8px rgba(15,49,91,.035);
    color: #163859 !important;
  }
  nav[aria-label="Navegação principal"] #mobile-menu a[aria-label^="Certificado digital "][aria-current="page"] {
    background: #fffaf0 !important;
    border-color: #e6bd5b !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  nav[aria-label="Navegação principal"] #products-desktop-menu [role="menuitem"] {
    transition: none !important;
    transform: none !important;
  }
}