.wh-container{
    width:min(var(--container), 92vw);
    margin:0 auto;
}

/* TOPBAR */
.wh-top{
    background: var(--topbar-bg);
    color: var(--topbar-text);
    border-bottom: 1px solid #e0e0e0;
    font-size:12px;
    font-weight:500;
}

.wh-top__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 0;
    gap:12px;
}

/* slogan centrado como wizard */
.wh-top__left{
    flex: 1;
    text-align:center;
    letter-spacing:.12em;
    text-transform:uppercase;
}

/* info derecha */
.wh-top__right{
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
}

.wh-top__item{
    color: var(--topbar-text);
    text-decoration:none;
    opacity:.95;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.wh-top__item:hover{ opacity:1; text-decoration:underline; }

.wh-sep{
    width:1px;
    height:16px;
    background: var(--topbar-line);
    display:inline-block;
    margin:0 6px;
}

/* iconos svg */
.wh-ico{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
}
.wh-ico svg{
    width:14px;
    height:14px;
    display:block;
    fill:currentColor;
}

/* redes */
.wh-social{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    color: var(--topbar-text);
    text-decoration:none;
    transition: transform .15s ease, color .15s ease;
}
.wh-social svg{ width:16px; height:16px; display:block; fill:currentColor; }
.wh-social:hover{
    color:#111;
    transform:translateY(-1px);
}

/* MOBILE: solo slogan centrado (como tu captura) */
@media (max-width: 980px){
    .wh-top__right{ display:none; }
    .wh-top__inner{ justify-content:center; }
}