/* Variables */
:root {
    --primary-header-bar-fondo:#4E6B92;
    --color-1:yellow; /* menu link activo */
    --color-3:white; /* menu link reposo */
    --bg-color-4:var(--primary-header-bar-fondo); /* fondo item reposo */
    --bg-color-5:var(--primary-header-bar-fondo); /* fondo item activo */
     
}

/* Menu Desktop */
.ast-primary-header-bar {
    background-color: var( --primary-header-bar-fondo);
    box-shadow:0 8px 30px rgba(0,0,0,0.18);
    border-bottom:1px solid rgba(255,255,255,0.08);
}


.ast-builder-menu-1 .menu-item > .menu-link {
    color: var(--color-3);
    font-weight:500;
    letter-spacing:.4px;
    position:relative;
    transition:
        color .25s ease,
        transform .25s ease,
        text-shadow .25s ease;
}
.ast-builder-menu-1 .menu-item > .ast-menu-toggle {
    color: var(--color-3);
}
.ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
    color: var(--color-1);
    transform:translateY(-2px);
    text-shadow:0 0 8px rgba(93,192,219,0.7);
}
.ast-builder-menu-1 .menu-item:hover > .ast-menu-toggle {
    color: var(--color-1);
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: var(--color-1);
}

.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle {
    color: var(--color-1);
}

@media (max-width: 921px) {
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
        color:var(--color-3);
        font-weight:500;
        letter-spacing:.3px;
        transition:all .3s ease;
    }

    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
        color: var(--color-3);
    }

    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link,
    .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
        color: var(--color-1);
        background: var(--bg-color-5);
    }

    .ast-builder-menu-mobile .main-navigation .menu-item:hover > .ast-menu-toggle {
        color: var(--color-1);
    }

    .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
    .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
        color: var(--color-1);
        background: var(--bg-color-5);
        font-weight:600;
        box-shadow:inset 3px 0 0 #5DC0DB;
    }

    .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle {
        color: var(--color-1);
    }

    .ast-builder-menu-mobile .main-navigation .main-header-menu ,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
        background-color: var(--bg-color-4);
        transform:scale(.98);
    }
}

/* Borde Horizontal de emnus movil */
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
    border-bottom-width: 1px;
    border-color: #eaeaea;
    border-style: solid;
}

@media (max-width: 921px) {
    .ast-header-break-point .ast-builder-menu-mobile .main-navigation {
        
        background-color: var(--bg-color-4);
    }
}

@media (max-width: 544px) {
    .ast-header-break-point .ast-builder-menu-mobile .main-navigation {
        
		background-color: var(--bg-color-4);
    }
}