/* ======================= CABEÇALHO DOS MÓDULOS · ASSINATURA (27/10/2026) =======================
   Pedido do Charles: "os dois logotipos ficam muito próximos… o do TMS está muito
   grande e o da empresa muito pequeno" e "a fonte do título é muito simples, dá um
   aspecto de desleixo". Das três propostas, escolheu a C ("Assinatura"):
   · marca ETMLOG maior (28 px) e a do TMS menor (14 px), separadas por um filete
     discreto com 16 px de cada lado — a empresa assina, o TMS é o produto;
   · título do módulo em Manrope extra-negrito (800), com o ponto laranja da marca
     antes do nome (um halo suave, sem animação).
   Vale onde a página tiver <html class="cab-v3"> e carregar este arquivo. Começou em
   Operações e, aprovado, foi para todos os módulos (27/10/2026).
   Tirar a classe volta ao cabeçalho anterior. */
html.cab-v3 header.bar .bar-title b,html.cab-v3 header.bar .marcas ~ .bar-title{font-family:'Manrope','Inter',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}
/* o ponto vai como bloco em linha (não flex): assim o "· subtítulo" fica colado ao nome */
html.cab-v3 header.bar .bar-title b::before,html.cab-v3 header.bar .marcas ~ .bar-title::before{content:"";display:inline-block;vertical-align:middle;position:relative;top:-.08em;width:9px;height:9px;margin-right:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(242,117,7,.18)}
html.cab-v3 header.bar .bar-title b span,html.cab-v3 header.bar .marcas ~ .bar-title span{font-weight:600;letter-spacing:-.01em}
/* Manual comercial: topo próprio (marcas embutidas em .marcas, título em div) */
html.cab-v3 header.bar .marcas{gap:16px}
html.cab-v3 header.bar .marcas .mk-etm{height:26px}
html.cab-v3 header.bar .marcas .mk-tms{height:13px}
html.cab-v3 header.bar .marcas::after{height:20px;margin:0 2px;opacity:.6}
html.cab-v3 header.bar .marcas ~ .bar-title{margin-left:14px;font-size:21px}
@media (min-width:821px){
  html.cab-v3 header.bar .bar-left{gap:18px}
  html.cab-v3 header.bar .bar-left .logo{height:28px !important;width:auto}
  /* o arquivo da marca (img) tem respiro interno: 33 px dele = 28 px do vetor da Programação */
  html.cab-v3 header.bar .bar-left img[src*="wordmark"]{height:33px !important;width:auto}
  html.cab-v3 header.bar .bar-left .bar-sep{height:22px;margin:0 16px;opacity:.45}
  html.cab-v3 header.bar .bar-left .bar-tms{height:14px}
  html.cab-v3 header.bar .bar-title b{font-size:23px}
}
/* celular: a mesma proporção, menor — e o título da segunda linha com a fonte nova */
@media (max-width:820px){
  html.cab-v3 header.bar .bar-left .logo{height:22px !important;width:auto}
  html.cab-v3 header.bar .bar-left img[src*="wordmark"]{height:26px !important;width:auto}
  html.cab-v3 header.bar .bar-left .bar-sep{height:16px;margin:0 10px;opacity:.45}
  html.cab-v3 header.bar .bar-left .bar-tms{height:11px}
  html.cab-v3 header.bar .bar-title b{font-size:15px;color:var(--text-strong)}
  html.cab-v3 header.bar .bar-title b::before,html.cab-v3 header.bar .marcas ~ .bar-title::before{width:7px;height:7px;margin-right:8px;box-shadow:0 0 0 3px rgba(242,117,7,.18)}
  html.cab-v3 header.bar .marcas .mk-etm{height:20px} html.cab-v3 header.bar .marcas .mk-tms{height:10px} html.cab-v3 header.bar .marcas ~ .bar-title{font-size:15px;margin-left:6px}
}