/* ============================================================
 *  LBP Sections — header (shortcode global)
 * ============================================================ */

.lbp-header { background: #FBFAF7; }

.lbp-header__inner {
    padding: 18px 40px;
    display: flex;
    align-items: center;
    gap: 40px;
    border-bottom: 1px solid rgba(20,20,20,0.06);
    max-width: 1440px;
    margin: 0 auto;
}

/* Brand */
.lbp .lbp-header__brand {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #1a1a1a;
    text-decoration: none;
    flex-shrink: 0;
}
.lbp .lbp-header__brand:link,
.lbp .lbp-header__brand:visited { color: #1a1a1a; text-decoration: none; }
.lbp .lbp-header__brand:hover { color: #1a1a1a; }

.lbp-header__logo-mark {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: var(--lbp-accent, #E85A2B);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
}
.lbp-header__logo-img {
    max-height: 36px;
    max-width: 220px;
    height: auto;
    width: auto;
    display: block;
}

/* Menú */
.lbp-header__nav { flex: 1; min-width: 0; }
.lbp-header__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    font-size: 14px;
}
.lbp-header__menu li { margin: 0; }
.lbp .lbp-header__menu a:link,
.lbp .lbp-header__menu a:visited {
    color: #555;
    text-decoration: none;
    font-weight: 500;
    transition: color .15s;
}
.lbp .lbp-header__menu a:hover,
.lbp .lbp-header__menu .current-menu-item > a,
.lbp .lbp-header__menu .current_page_item > a,
.lbp .lbp-header__menu .current-menu-ancestor > a {
    color: #1a1a1a;
}

/* Right */
.lbp-header__right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.lbp-header__experts {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6b6b6b;
}

/* Botones */
.lbp .lbp-header__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: background-color .15s, border-color .15s, color .15s;
}
.lbp .lbp-header__btn:link,
.lbp .lbp-header__btn:visited { text-decoration: none; }

.lbp .lbp-header__btn--ghost:link,
.lbp .lbp-header__btn--ghost:visited {
    background: transparent;
    border: 1px solid rgba(20,20,20,0.12);
    color: #1a1a1a;
}
.lbp .lbp-header__btn--ghost:hover { background: rgba(20,20,20,0.04); color: #1a1a1a; }

.lbp .lbp-header__btn--solid:link,
.lbp .lbp-header__btn--solid:visited {
    background: #1a1a1a;
    color: #fff;
    border: 1px solid #1a1a1a;
}
.lbp .lbp-header__btn--solid:hover { background: #000; color: #fff; }

/* Responsive — comportamiento básico, el usuario suele preferir
 * gestionar la versión móvil del header desde Bricks. */
@media (max-width: 1100px) {
    .lbp-header__inner { gap: 20px; }
    .lbp-header__menu { gap: 16px; }
    .lbp-header__experts { display: none; }
}
@media (max-width: 880px) {
    .lbp-header__menu { display: none; }
    .lbp-header__inner { padding: 14px 20px; }
}
@media (max-width: 600px) {
    .lbp .lbp-header__btn--ghost { display: none; }
}