/* IEU Portal - Topbar, cabecera y marca */

.ieu-topbar {
    background:linear-gradient(90deg,#061D42,#0B2D5E);
    color:white;
    font-size:13px
}

.ieu-topbar .ieu-container {
    height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between
}

.ieu-topbar p {
    margin:0;
    font-weight:600
}

.ieu-social {
    display:flex;
    gap:9px
}

.ieu-social span {
    height:24px;
    width:24px;
    border-radius:99px;
    background:#ffffff1c;
    display:grid;
    place-items:center;
    font-weight:900
}

.ieu-header {
    height:92px;
    background:#fff;
    position:sticky;
    top:0;
    z-index:50;
    box-shadow:0 5px 22px rgba(0,0,0,.06)
}

.ieu-header-inner {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px
}

.ieu-brand {
    display:flex;
    align-items:center;
    gap:14px;
    min-width:255px
}

.ieu-brand img,.custom-logo {
    width:84px;
    max-height:58px;
    object-fit:contain
}

.ieu-brand strong,.ieu-brand em {
    display:block;
    text-transform:uppercase;
    font-weight:900;
    line-height:1;
    font-style:normal
}

.ieu-brand strong {
    color:var(--blue)
}

.ieu-brand em {
    color:var(--green)
}

@media(max-width:1000px) {.ieu-header {
        height:80px
    }

.ieu-brand img,.custom-logo {
        width:68px
    }
}

@media(max-width:640px) {.ieu-topbar .ieu-container{
        display:block;
        text-align:center
    }

.ieu-brand span {
        display:none
    }
}

.ieu-brand em {
    color:var(--green)
}

.ieu-topbar p {
    display:flex;
    align-items:center;
    gap:.25rem;
    text-transform:none
}

.ieu-topbar strong {
    letter-spacing:.04em
}

.ieu-header {
    height:98px
}

.ieu-header-inner {
    gap:28px
}

.ieu-brand img,.custom-logo {
    width:96px;
    max-height:68px
}

@media(max-width:1000px) {.ieu-header {
        height:84px
    }

.ieu-brand img,.custom-logo {
        width:76px
    }
}

@media(max-width:640px) {.ieu-topbar p {
        justify-content:center;
        flex-wrap:wrap
    }
}

.ieu-topbar .ieu-container {
    height:40px
}

.ieu-topbar p {
    display:flex;
    align-items:center;
    gap:8px;
    text-transform:uppercase;
    letter-spacing:.2px
}

.ieu-mini-pin{
    display:inline-block;
    position:relative;
    flex:0 0 auto
}

.ieu-mini-pin {
    width:14px;
    height:14px;
    border:2px solid var(--gold);
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg)
}

.ieu-mini-pin:after {
    content:"";
    position:absolute;
    width:4px;
    height:4px;
    background:var(--gold);
    border-radius:50%;
    left:3px;
    top:3px
}

.ieu-social a {
    width:26px;
    height:26px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:900;
    text-decoration:none;
    transition:.2s
}

.ieu-social a:hover {
    background:var(--gold);
    color:#071A35
}

.ieu-header {
    height:96px
}

.ieu-header-inner {
    height:100%
}

.ieu-brand img,.custom-logo {
    width:96px;
    max-height:66px
}

.ieu-brand strong,.ieu-brand em {
    font-size:15px
}

@media(max-width:1000px) {.ieu-header {
        height:84px
    }

.ieu-brand img,.custom-logo {
        width:78px
    }
}

@media(max-width:640px) {.ieu-topbar .ieu-container {
        height:auto;
        padding:8px 0;
        display:block;
        text-align:center
    }

.ieu-topbar p {
        justify-content:center
    }
}

.ieu-topbar {
    background:linear-gradient(90deg,var(--ieu-blue-dark),var(--ieu-blue));
    color:#fff;
    font-size:14px;
}

.ieu-topbar-inner {
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.ieu-topbar p {
    margin:0;
    font-weight:600
}

.ieu-topbar-label {
    color:#fff;
    font-weight:900;
    letter-spacing:.3px
}

.ieu-top-social {
    display:flex;
    align-items:center;
    gap:10px
}

.ieu-icon-link {
    width:28px;
    height:28px;
    border-radius:999px;
    display:grid;
    place-items:center;
    color:#fff;
    background:rgba(255,255,255,.12);
    transition:.2s ease;
}

.ieu-icon-link svg {
    width:15px;
    height:15px
}

.ieu-icon-link:hover {
    color:var(--ieu-gold);
    background:rgba(255,255,255,.2);
    transform:translateY(-1px)
}

.ieu-header {
    height:98px;
    background:#fff;
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 6px 24px rgba(0,0,0,.07);
    transition:height .25s ease, box-shadow .25s ease;
}

body.ieu-scrolled .ieu-header {
    height:78px;
    box-shadow:0 8px 28px rgba(0,0,0,.10)
}

.ieu-header-inner {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
}

.ieu-brand {
    display:flex;
    align-items:center;
    gap:15px;
    min-width:250px;
    color:var(--ieu-blue);
}

.ieu-brand img, .ieu-brand .custom-logo {
    width:96px;
    max-height:70px;
    object-fit:contain;
    transition:width .25s ease,max-height .25s ease;
}

body.ieu-scrolled .ieu-brand img, body.ieu-scrolled .ieu-brand .custom-logo {
    width:78px;
    max-height:56px;
}

.ieu-brand strong, .ieu-brand em {
    display:block;
    text-transform:uppercase;
    line-height:1.02;
    font-style:normal;
    font-weight:900;
    letter-spacing:.25px;
}

.ieu-brand strong {
    color:var(--ieu-blue)
}

.ieu-brand em {
    color:var(--ieu-green)
}

@media(max-width:1020px) {.ieu-topbar-inner {
        display:block;
        text-align:center;
        padding:9px 0
    }

.ieu-top-social {
        justify-content:center;
        margin-top:8px
    }

.ieu-header {
        height:84px
    }

body.ieu-scrolled .ieu-header {
        height:84px
    }

.ieu-brand img,.ieu-brand .custom-logo,   body.ieu-scrolled .ieu-brand img,   body.ieu-scrolled .ieu-brand .custom-logo {
        width:78px;
        max-height:58px
    }
}

@media(max-width:640px) {.ieu-brand span {
        display:none
    }
}