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

.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;
    overflow:visible;
}

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;
    overflow:visible;
}

.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,
    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 }
}