/* =========================
     HEADER BASE
  ========================= */
  .public-header{
    background:var(--jornal-header-bg,#072a6c)!important;
    box-shadow:0 2px 6px rgba(0,0,0,.12);
    position:relative;
    z-index:10;
    color:#fff;
  }

  .public-header-inner{
    max-width:1200px;
    margin:0 auto;
    padding:10px 24px;
    height:85px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    box-sizing:border-box;
  }

  /* Logo */
  .public-logo{display:flex;align-items:center;flex:0 0 auto}
  .public-logo img{height:45px;width:auto;display:block}

  /* Social */
  .public-social{
    display:flex;
    align-items:center;
    gap:14px;
    flex:0 0 auto;
    filter:brightness(0) invert(1);
  }
  .public-social img{width:22px;height:22px;display:block}

  /* Nav */
  .public-nav{
    display:flex;
    align-items:center;
    gap:8px;
    flex:1 1 auto;
    justify-content:center;
    min-width:0;
  }

  .public-header .public-nav a.nav-item{
    color:var(--jornal-nav-color,#9EF01A)!important;
    text-decoration:none;
    transition:background .15s ease,color .15s ease,opacity .15s ease;
    padding:8px 14px;              /* padding fixo: não “pula” no hover */
    border-radius:999px;
    white-space:nowrap;            /* nunca quebra */
    display:inline-flex;
    align-items:center;
    line-height:1;
    font-size:14px;
    font-weight:500;
  }

  .public-header .public-nav a.nav-item.is-active,
  .public-header .public-nav a.nav-item:hover{
    background:var(--jornal-nav-pill-bg,#9EF01A)!important;
    color:var(--jornal-nav-pill-color,#072a6c)!important;
  }

  /* =========================
     TABLET
  ========================= */
  @media (max-width: 1024px){
    .public-header-inner{padding:10px 16px;height:70px}
    .public-logo img{height:34px}
    .public-header .public-nav a.nav-item{font-size:13px;padding:7px 12px}
    .public-social img{width:18px;height:18px}
  }

  /* =========================
     MOBILE (sem absolute / sem sobreposição)
     Logo | Nav scroll | Social
  ========================= */
  @media (max-width:768px){
  .public-header-inner{
    height:44px;
    padding:0 8px;
    display:grid;
    grid-template-columns:auto 1fr auto; /* logo | menu | social */
    gap:6px;
    align-items:center;
  }

  /* encolhe logo e ícones */
  .public-logo img{height:18px;max-width:36px}
  .public-social{gap:8px}
  .public-social img{width:12px;height:12px}

  /* menu SEM scroll: tudo encaixa */
  .public-nav{
    overflow:visible;
    justify-content:center;
    gap:4px;
  }

  .public-header .public-nav a.nav-item{
    font-size:9px;
    padding:5px 6px;
    letter-spacing:-.2px;
  }

  /* evita “pulo” do pill */
  .public-header .public-nav a.nav-item.is-active,
  .public-header .public-nav a.nav-item:hover{
    background:var(--jornal-nav-pill-bg,#9EF01A)!important;
    color:var(--jornal-nav-pill-color,#072a6c)!important;
  }
}

@media (max-width:360px){
  .public-logo img{height:16px;max-width:30px}
  .public-social img{width:11px;height:11px}
  .public-header .public-nav a.nav-item{font-size:8px;padding:5px 5px}
}