/* El menú de escritorio se comparte con las páginas que usan CSS consolidado. */
@media (min-width: 992px) {
    .am-desktop-nav .am-dropdown--products {
        top: 100%;
        width: min(864px, calc(100vw - 48px));
        max-width: calc(100vw - 48px);
        max-height: calc(100vh - var(--am-header-height, 126px) - 24px);
        max-height: calc(100dvh - var(--am-header-height, 126px) - 24px);
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 12px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #9cafd5 #f0f4fb;
        background: #fff;
        border: 1px solid #dce4f2;
        border-radius: 18px;
        box-shadow: 0 24px 60px #0b1e4d33;
    }

    .am-desktop-nav .am-dropdown--products::before {
        display: none;
    }

    .am-desktop-nav .am-dropdown--products a {
        min-width: 0;
        min-height: 76px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        padding: 12px 14px;
        color: #0d1834;
        text-decoration: none;
        background: #fafcff;
        border: 1px solid #e5ebf5 !important;
        border-radius: 11px;
    }

    .am-desktop-nav .am-dropdown--products a:first-child {
        background: #edf4ff;
        border-color: #c9dbf8 !important;
    }

    .am-desktop-nav .am-dropdown--products strong {
        margin: 0;
        font-size: 16px;
        line-height: 1.3;
    }

    .am-desktop-nav .am-dropdown--products span {
        color: #52617b;
        font-size: 13px;
        line-height: 1.4;
    }

    .am-desktop-nav .am-dropdown--products a:hover,
    .am-desktop-nav .am-dropdown--products a:focus-visible {
        background: #eaf2ff;
        border-color: #99b9ed !important;
    }

    .am-desktop-nav .am-dropdown--products a:focus-visible {
        outline: 2px solid #2448a6;
        outline-offset: -2px;
    }
}