/* ==========================================================
   PodeTech — Corrección estable del menú Productos
   Apertura exclusivamente mediante clic
   ========================================================== */

.nav-products {
    position: relative;
}

.nav-products-toggle {
    position: relative;
    z-index: 302;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.nav-products-menu {
    z-index: 301;
}

/*
 * Anula la apertura anterior por hover.
 * El menú solamente será visible con .is-open.
 */
@media (min-width: 761px) {
    .nav-products:not(.is-open):hover .nav-products-menu {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;

        transform:
            translate(-50%, -8px)
            scale(.98) !important;
    }

    .nav-products.is-open .nav-products-menu,
    .nav-products.is-open:hover .nav-products-menu {
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important;

        transform:
            translate(-50%, 0)
            scale(1) !important;
    }

    /*
     * Puente invisible entre botón y panel.
     * Evita perder el área interactiva al mover el cursor.
     */
    .nav-products-menu::after {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;

        height: 15px;

        content: "";
    }
}

.nav-products-toggle[aria-expanded="true"] {
    color: #f5f9ff;
    background: rgba(147, 174, 207, .13);
}

.nav-products-toggle[aria-expanded="true"]
.nav-products-chevron {
    transform: rotate(180deg);
}

.nav-products-menu a {
    cursor: pointer;
}

@media (max-width: 760px) {
    .nav-products:not(.is-open) .nav-products-menu {
        display: none !important;
    }

    .nav-products.is-open .nav-products-menu {
        display: grid !important;
    }
}