/**
 * Wompea - Navegación principal / Elementor
 */

/* Productos destacados del menú */
.elementor-nav-menu--main .menu-web-express > a.elementor-item,
.elementor-nav-menu--main .menu-web-empresarial > a.elementor-item,
.elementor-nav-menu--main .menu-tienda-virtual > a.elementor-item {
    position: relative;
    padding-right: 13px !important;
    padding-left: 13px !important;
    border-radius: 10px;
    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease,
        color .25s ease !important;
}

/* Colores normales */
.elementor-nav-menu--main .menu-web-express > a.elementor-item {
    color: var(--wompea-color-teal) !important;
}

.elementor-nav-menu--main .menu-web-empresarial > a.elementor-item {
    color: var(--wompea-color-purple) !important;
}

.elementor-nav-menu--main .menu-tienda-virtual > a.elementor-item {
    color: var(--wompea-color-secondary) !important;
}

/* Web Express */
.elementor-nav-menu--main .menu-web-express > a.elementor-item:hover {
    color: var(--wompea-color-teal) !important;
    background: rgba(42, 133, 159, .10) !important;
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(42, 133, 159, .16);
}

/* Web Empresarial */
.elementor-nav-menu--main .menu-web-empresarial > a.elementor-item:hover {
    color: var(--wompea-color-purple) !important;
    background: rgba(110, 85, 183, .10) !important;
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(110, 85, 183, .18);
}

/* Tienda Virtual */
.elementor-nav-menu--main .menu-tienda-virtual > a.elementor-item:hover {
    color: var(--wompea-color-secondary) !important;
    background: rgba(251, 56, 86, .09) !important;
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(251, 56, 86, .16);
}

/* Elemento activo */
.elementor-nav-menu--main .menu-web-express.current-menu-item > a.elementor-item {
    color: var(--wompea-color-teal) !important;
    background: rgba(42, 133, 159, .10) !important;
    font-weight: 700;
}

.elementor-nav-menu--main .menu-web-empresarial.current-menu-item > a.elementor-item {
    color: var(--wompea-color-purple) !important;
    background: rgba(110, 85, 183, .10) !important;
    font-weight: 700;
}

.elementor-nav-menu--main .menu-tienda-virtual.current-menu-item > a.elementor-item {
    color: var(--wompea-color-secondary) !important;
    background: rgba(251, 56, 86, .09) !important;
    font-weight: 700;
}

/* Demás opciones del menú */
.elementor-nav-menu--main .elementor-nav-menu > li:not(.menu-web-express):not(.menu-web-empresarial):not(.menu-tienda-virtual) > a.elementor-item {
    transition:
        color .25s ease,
        transform .25s ease,
        opacity .25s ease !important;
}

.elementor-nav-menu--main .elementor-nav-menu > li:not(.menu-web-express):not(.menu-web-empresarial):not(.menu-tienda-virtual) > a.elementor-item:hover {
    transform: translateY(-2px);
    opacity: .72;
}