/* ============================================================
   header.css — Encabezado propio de La Bancaria San Juan
   Se encola en todo el sitio, igual que footer.css.
   ============================================================ */

/* Oculta el encabezado ajeno SÓLO si el propio se renderizó.
   Se cubren las dos variantes: la de Astra y la de Header Footer
   Elementor, que es la que estaba en uso. */
body.lbsj-tiene-header .ehf-header,
body.lbsj-tiene-header .elementor-location-header,
body.lbsj-tiene-header #masthead,
body.lbsj-tiene-header .site-header,
body.lbsj-tiene-header header.site-header { display: none !important; }

.lbsj-head            { background: var(--azul-noche); position: relative; z-index: 60; }
.lbsj-head__in        { max-width: 1160px; margin: 0 auto; padding: 16px 24px;
                        display: flex; align-items: center; gap: 32px; flex-wrap: wrap; }

.lbsj-head__marca     { display: block; line-height: 0; margin-right: auto; }
.lbsj-head__marca img { width: 214px; height: auto; display: block;
                        filter: brightness(0) invert(1); }   /* logo en blanco */

.lbsj-head__nav       { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.lbsj-head__menu      { display: flex; align-items: center; gap: 24px;
                        list-style: none; margin: 0; padding: 0; }
.lbsj-head__menu a    { color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; }
.lbsj-head__menu a:hover { color: var(--celeste-alb); text-decoration: none; }

.lbsj-head__acciones  { display: flex; align-items: center; gap: 16px; }
.lbsj-head__link      { color: #C2D3E2; text-decoration: none; font-size: 15px; font-weight: 600; }
.lbsj-head__link:hover{ color: #fff; text-decoration: none; }
.lbsj-head__btn       { background: var(--azul-principal); color: #fff; text-decoration: none;
                        font-family: var(--font-display); font-weight: 700; font-size: 15px;
                        padding: 11px 22px; border-radius: 999px; line-height: 1; }
.lbsj-head__btn:hover { background: var(--azul-medio); color: #fff; text-decoration: none; }

/* Botón hamburguesa: sólo en celular */
.lbsj-head__burger    { display: none; background: none; border: 0; cursor: pointer;
                        padding: 10px; }
.lbsj-head__burger span { display: block; width: 24px; height: 2px; background: #fff;
                        margin: 5px 0; border-radius: 2px; }

@media (max-width: 880px) {
  .lbsj-head__in      { padding: 14px 16px; gap: 12px; }
  .lbsj-head__marca img { width: 168px; }
  .lbsj-head__burger  { display: block; }
  .lbsj-head__nav     { display: none; width: 100%; flex-direction: column;
                        align-items: flex-start; gap: 18px; padding: 14px 0 6px; }
  .lbsj-head__nav.esta-abierto { display: flex; }
  .lbsj-head__menu    { flex-direction: column; align-items: flex-start; gap: 14px; }
  .lbsj-head__acciones{ width: 100%; }
}