/* IEU Portal - Navegacion principal y movil */

.ieu-nav {
    display:flex;
    align-items:center;
    gap:19px;
    margin-left:auto
}

.ieu-nav-list {
    display:flex;
    align-items:center;
    gap:19px;
    list-style:none;
    margin:0;
    padding:0
}

.ieu-nav a {
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    color:var(--ink);
    white-space:nowrap
}

.ieu-nav-list>li>a {
    height:92px;
    display:flex;
    align-items:center;
    border-bottom:3px solid transparent
}

.ieu-nav a:hover,.ieu-nav-list>li:hover>a {
    color:var(--gold);
    border-color:var(--gold)
}

.ieu-nav-list li {
    position:relative
}

.ieu-nav-list ul {
    position:absolute;
    top:84px;
    left:50%;
    transform:translateX(-50%) translateY(8px);
    min-width:250px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:var(--shadow);
    padding:10px;
    opacity:0;
    visibility:hidden;
    transition:.18s ease;
    list-style:none;
    margin:0
}

.ieu-nav-list li:hover>ul {
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0)
}

.ieu-nav-list ul a {
    display:block;
    padding:13px 14px;
    border-radius:8px;
    text-transform:none;
    font-size:14px;
    font-weight:700;
    color:#26364e
}

.ieu-nav-list ul a:hover {
    background:var(--soft);
    color:var(--blue)
}

.ieu-contact-button {
    height:46px;
    display:inline-flex!important;
    align-items:center;
    padding:0 22px;
    border-radius:8px;
    background:linear-gradient(135deg,var(--gold),#C28D18);
    color:white!important;
    box-shadow:0 10px 24px rgba(214,163,36,.25)
}

.ieu-mobile-toggle {
    display:none;
    width:44px;
    height:44px;
    border:0;
    border-radius:10px;
    background:var(--soft);
    flex-direction:column;
    gap:5px;
    align-items:center;
    justify-content:center
}

.ieu-mobile-toggle span {
    width:22px;
    height:2px;
    background:var(--blue)
}

@media(max-width:1000px) {.ieu-mobile-toggle {
        display:flex
    }

.ieu-nav {
        display:none;
        position:fixed;
        top:118px;
        left:0;
        right:0;
        background:white;
        box-shadow:var(--shadow);
        padding:18px 4%;
        flex-direction:column;
        align-items:stretch
    }

.ieu-nav.open {
        display:flex
    }

.ieu-nav-list {
        display:block
    }

.ieu-nav-list>li>a {
        height:auto;
        padding:14px 0
    }

.ieu-nav-list ul {
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        box-shadow:none;
        border:0;
        background:var(--soft);
        display:none
    }

.ieu-nav-list li.open>ul {
        display:block
    }

.ieu-contact-button {
        width:100%;
        justify-content:center
    }
}

.ieu-nav-list>li>a span {
    color:var(--green);
    font-weight:900;
    margin-left:4px
}

.ieu-nav-list ul ul {
    top:0;
    left:100%;
    transform:translateX(8px);
    min-width:245px
}

.ieu-nav-list ul li:hover>ul {
    opacity:1;
    visibility:visible;
    transform:translateX(0)
}

.ieu-nav-list ul li.menu-item-has-children>a {
    display:flex;
    justify-content:space-between;
    gap:16px
}

.ieu-contact-button {
    height:42px;
    padding:0 18px;
    border-radius:999px
}

.ieu-nav {
    gap:26px
}

.ieu-nav-list {
    gap:26px
}

.ieu-nav a {
    font-size:15px;
    letter-spacing:.15px;
    font-weight:800
}

.ieu-nav-list>li>a {
    height:98px
}

.ieu-nav-list ul {
    top:90px
}

.ieu-nav-list ul a {
    font-size:15px;
    text-transform:none;
    font-weight:650
}

.ieu-contact-button {
    font-size:15px;
    height:44px;
    padding:0 22px
}

@media(max-width:1100px) {.ieu-nav,.ieu-nav-list {
        gap:18px
    }

.ieu-nav a {
        font-size:14px
    }
}

@media(max-width:1000px) {.ieu-nav-list>li>a {
        height:auto
    }

.ieu-nav-list ul {
        top:auto
    }

.ieu-nav a {
        font-size:15px
    }
}

.ieu-nav {
    gap:24px
}

.ieu-nav-list {
    gap:27px
}

.ieu-nav a {
    font-size:15.5px;
    letter-spacing:.15px
}

.ieu-nav-list>li>a {
    height:96px
}

.ieu-nav-list ul {
    top:88px
}

.ieu-nav-list ul a {
    font-size:15px;
    text-transform:none
}

.ieu-contact-button {
    height:46px;
    border-radius:999px;
    padding:0 22px;
    background:linear-gradient(135deg,var(--gold),#C28D18)!important;
    color:#fff!important
}

.ieu-nav-list>li>a span {
    color:var(--green);
    margin-left:5px
}

@media(max-width:1100px) {.ieu-nav-list {
        gap:18px
    }

.ieu-nav a {
        font-size:14px
    }
}

@media(max-width:1000px) {.ieu-nav {
        top:120px
    }

.ieu-nav-list>li>a {
        height:auto
    }
}

.ieu-nav a[href*="multimedia"], .ieu-nav-list a[href*="multimedia"] {
    display:none !important;
}

.ieu-nav {
    display:flex;
    align-items:center;
    gap:24px;
    margin-left:auto;
}

.ieu-nav-list {
    display:flex;
    align-items:center;
    gap:30px;
    list-style:none;
    padding:0;
    margin:0;
}

.ieu-nav-list li {
    position:relative
}

.ieu-nav-list>li>a {
    min-height:98px;
    display:flex;
    align-items:center;
    gap:5px;
    color:var(--ieu-ink);
    font-size:16.5px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.15px;
    border-bottom:3px solid transparent;
    transition:.2s ease;
}

body.ieu-scrolled .ieu-nav-list>li>a {
    min-height:78px
}

.ieu-nav-list>li>a:hover, .ieu-nav-list>li:hover>a {
    color:var(--ieu-blue);
    border-bottom-color:var(--ieu-green);
}

.submenu-indicator, .ieu-nav-list>li>a span {
    color:var(--ieu-green);
    font-weight:900;
    margin-left:2px;
}

.ieu-nav-list>li:hover>a .submenu-indicator, .ieu-nav-list>li:hover>a span {
    color:var(--ieu-gold)
}

.ieu-nav-list ul {
    position:absolute;
    top:calc(100% - 4px);
    left:50%;
    transform:translateX(-50%) translateY(10px);
    min-width:285px;
    list-style:none;
    margin:0;
    padding:10px;
    background:#fff;
    border:1px solid var(--ieu-line);
    border-radius:14px;
    box-shadow:var(--ieu-shadow);
    opacity:0;
    visibility:hidden;
    transition:.18s ease;
    z-index:1001;
}

.ieu-nav-list li:hover>ul {
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.ieu-nav-list ul a {
    display:block;
    padding:13px 14px;
    border-radius:9px;
    color:#293A55;
    font-size:15px;
    font-weight:650;
    line-height:1.3;
    text-transform:none;
    transition:.18s ease;
}

.ieu-nav-list ul a:hover {
    background:var(--ieu-soft);
    color:var(--ieu-blue);
    box-shadow:inset 4px 0 0 var(--ieu-green);
}

.ieu-find-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:48px;
    padding:0 22px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--ieu-gold),#C28D18);
    color:#fff!important;
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:0 12px 28px rgba(214,163,36,.26);
    transition:.2s ease;
}

.ieu-find-button:hover {
    background:linear-gradient(135deg,var(--ieu-gold-dark),#9d7214);
    transform:translateY(-1px);
}

.ieu-mobile-toggle {
    display:none;
    width:46px;
    height:46px;
    border:0;
    border-radius:12px;
    background:var(--ieu-soft);
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
}

.ieu-mobile-toggle span {
    width:23px;
    height:2px;
    background:var(--ieu-blue);
    display:block;
}

@media(max-width:1180px) {.ieu-nav-list {
        gap:22px
    }

.ieu-nav-list>li>a {
        font-size:15px
    }

.ieu-find-button {
        font-size:14px;
        padding:0 18px
    }
}

@media(max-width:1020px) {.ieu-mobile-toggle {
        display:flex
    }

.ieu-nav {
        display:none;
        position:fixed;
        top:126px;
        left:0;
        right:0;
        background:#fff;
        padding:18px 4%;
        box-shadow:var(--ieu-shadow);
        flex-direction:column;
        align-items:stretch;
        max-height:calc(100vh - 126px);
        overflow:auto;
    }

.ieu-nav.open {
        display:flex
    }

.ieu-nav-list {
        display:block
    }

.ieu-nav-list>li>a,   body.ieu-scrolled .ieu-nav-list>li>a {
        min-height:auto;
        padding:15px 0;
        border-bottom:1px solid var(--ieu-line);
        justify-content:space-between;
        font-size:16px;
    }

.ieu-nav-list ul {
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        box-shadow:none;
        border:0;
        background:var(--ieu-soft);
        display:none;
        min-width:0;
        margin:0 0 8px;
    }

.ieu-nav-list li.open>ul {
        display:block
    }

.ieu-nav-list li:hover>ul {
        transform:none
    }

.ieu-find-button {
        width:100%;
        height:48px;
        margin-top:8px
    }
}

@media(min-width:1021px) {.ieu-nav-list>li:focus-within>ul {
        opacity:1;
        visibility:visible;
        transform:translateX(-50%) translateY(0);
    }

.ieu-nav-list ul li:focus-within>ul {
        opacity:1;
        visibility:visible;
        transform:translateX(0);
    }
}