/* Cabeçalho comum — Paschoaleto & Sedrez (20/10/2026)
 * Uma linha só no computador (sem quebra de menu, sem salto de layout quando a fonte chega) e,
 * até 1240 px, botão de menu que abre o painel. No celular o cabeçalho fecha com cerca de 56 px.
 * Vale para os dois modelos de cabeçalho do site: "header .wrap > nav" (páginas de área e artigos)
 * e ".hdr > .nvh" (home, hubs, blog).
 */
.tp-t,.tp-b{display:none}

/* ---------- modelo "header .wrap > nav" ---------- */
header .wrap{flex-wrap:nowrap;min-height:64px}
header .wrap>nav{flex-wrap:nowrap;gap:18px}
header .wrap>nav a{white-space:nowrap;font-size:.6875rem;letter-spacing:.1em}
header .marca{flex-shrink:0}

/* ---------- modelo ".hdr > .nvh": uma linha também entre 1241 e 1440 ---------- */
@media(min-width:1241px){
  .nvh{flex-wrap:nowrap!important;gap:18px!important;font-size:11px!important;letter-spacing:.1em!important}
  .nvh a{white-space:nowrap}
  .nvh a.ctah{padding:12px 18px!important}
}

/* ---------- painel de menu ---------- */
@media(max-width:1240px){
  header .wrap{min-height:56px;padding-right:76px;position:static}
  header .marca{padding:0}
  header .marca img{height:34px}
  .tp-t{display:block;position:absolute;right:12px;top:5px;width:46px;height:46px;opacity:0;margin:0;z-index:3;cursor:pointer}
  .tp-b{display:flex;position:absolute;right:12px;top:5px;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;pointer-events:none}
  .tp-b i{display:block;width:22px;height:1.5px;background:#F4F6F6;transition:transform .3s cubic-bezier(.76,0,.24,1),opacity .2s}
  .tp-t:checked~.tp-b i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .tp-t:checked~.tp-b i:nth-child(2){opacity:0}
  .tp-t:checked~.tp-b i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .tp-t:focus-visible~.tp-b{outline:2px solid #00ABAD;outline-offset:2px}
  header .wrap>nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#03231F;border-top:1px solid rgba(244,246,246,.22);max-height:0;overflow:hidden;transition:max-height .36s cubic-bezier(.76,0,.24,1)}
  .tp-t:checked~nav{max-height:min(74vh,520px);overflow:auto;border-bottom:1px solid rgba(244,246,246,.22)}
  header .wrap>nav a{padding:15px 24px;font-size:.78rem;letter-spacing:.14em;border-bottom:1px solid rgba(244,246,246,.1);min-height:44px}
  header .wrap>nav a:last-child{border-bottom:0}
  /* home e hubs: o botão e o painel já existem; só compacta e estende a faixa de 1141 a 1240 */
  .hdr{padding-top:10px!important;padding-bottom:10px!important}
  header .hdr img{height:34px!important}
  .mt,.mb{top:5px!important;transform:none!important;right:12px!important}
}
@media(min-width:1141px) and (max-width:1240px){
  .hdr{position:relative;padding-right:80px!important}
  .mt,.mb{display:flex}
  .mt{opacity:0}
  .nvh{position:absolute;left:0;right:0;top:100%;text-align:left;background:#03231F;border-top:1px solid rgba(244,246,246,.22);flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:0!important;max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.76,0,.24,1)}
  .mt:checked~.nvh{max-height:min(74vh,480px);overflow:auto}
  .nvh a{padding:17px 28px;font-size:12.5px;border-bottom:1px solid rgba(244,246,246,.1);text-align:left}
  .nvh a:last-child{border-bottom:0;margin:14px 28px 20px;justify-content:center}
  .nvh a::after{display:none}
}
@media(prefers-reduced-motion:reduce){header .wrap>nav,.nvh,.tp-b i{transition:none!important}}