/* Caja con min-height 96px (heredado de la franja retirada): al cambiar de estado la
   pagina no se mueve ni un pixel. Los bordes se mantienen aunque casi no se
   vean; sin ellos la caja mide 97 y el cambio se delata con un salto de 1px. */
.nv-pbb{background:linear-gradient(180deg,#1b3a6b,#2a4e86);
  border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}
.nv-pbb-in{max-width:1060px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;min-height:96px}
.nv-pbb-txt{min-width:0}
/* El wordmark va INLINE y no como <img> por la misma razon que el de LitigaTax:
   usa texto vivo en Inter y dentro de un <img> se renderiza aislado, sin las
   @font-face de la pagina, cayendo a system-ui y perdiendo el peso 800. */
.nv-pbb-logo{height:21px;width:auto;margin-right:12px;vertical-align:-4px}
.nv-pbb-t{font-family:var(--oc-font-serif,Georgia,serif);font-size:19px;font-weight:600;color:#fff;
  margin:0 0 3px;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
/* Secundario tintado del propio navy, no gris: 6,58:1 sobre el fondo. */
.nv-pbb-d{font-size:14px;color:#c8d6ea;margin:0;line-height:1.45;text-wrap:pretty}
/* Boton invertido: 11,27:1. El fondo navy exige el lockup oficial en dorado,
   que sobre blanco daria 1,86:1 y sobre este navy da 5,21:1. */
.nv-pbb-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1b3a6b;
  text-decoration:none;font-weight:600;font-size:15px;padding:12px 22px;border-radius:6px;white-space:nowrap}
.nv-pbb-cta:hover{background:#eef2f8;color:#1b3a6b}
.nv-pbb-cta .p{font-weight:400;opacity:.72;font-size:13.5px}
/* Un anillo navy sobre navy es invisible: token de foco para fondo oscuro. */
.nv-pbb-cta:focus-visible{outline:3px solid #ffd479;outline-offset:2px}
@media(max-width:720px){
  .nv-pbb-in{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 18px;min-height:0}
  .nv-pbb-cta{width:100%;justify-content:center}
}