.menu-header {
    .menu-item {
        a {
            color: var(--c-blanco);
            font-weight: 300;
            position: relative;
            z-index: 1;
            padding: 18px 22px !important;
            transition: all 0.4s ease-in-out;

            &::before, &::after {
                background: linear-gradient(150deg, var(--c-azul-medio) 60%, var(--c-marron-mostaza) 100%);
                background-color: transparent !important;
                z-index: -1;
                opacity: 0.75;
            }
        }

        &.menu-contacto {
            a {
                background-color: var(--c-azul-gris) !important;

                &::before, &::after {
                    background: var(--deg-oscuro);
                    opacity: 1;
                }
            }
        }
    }
}

.ico-menu-mv {
    a {
        background: var(--deg-oscuro);
    }
}

.menu-mv {
    nav {
        background: none !important;

        .menu-item {
            a {
                font-weight: 300;
                font-size: 16px;
                position: relative;
                background-color: transparent !important;
                z-index: 1;
                padding: 15px 20px !important;
                transition: all 0.4s ease-in-out;

                &:hover {
                    background: var(--deg-oscuro);
                    z-index: -1;
                    opacity: 0.75;
                }
            }

            &.current-menu-item {
                background: var(--deg-oscuro);
            }
        }
    }
}