/* BAZ3 — Cabeçalho */
.baz3-cabecalho{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--baz3-gutter);transition:background .3s,padding .3s}
.admin-bar .baz3-cabecalho{top:32px}
@media (max-width:782px){.admin-bar .baz3-cabecalho{top:46px}}
.baz3-cabecalho.scrolled{background:rgba(6,6,8,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-block:14px;border-bottom:1px solid var(--baz3-line)}
.baz3-cabecalho .logo{font:400 30px/1 var(--baz3-display);letter-spacing:.02em;color:var(--baz3-text);position:relative;z-index:2}
.baz3-cabecalho .logo span{color:var(--baz3-red)}
.baz3-cabecalho .menu{display:flex;gap:clamp(18px,2.6vw,38px);font:600 13px/1 var(--baz3-body);letter-spacing:.14em;text-transform:uppercase}
.baz3-cabecalho .menu a{opacity:.82;position:relative;padding:6px 0;display:flex;align-items:center;gap:8px;color:var(--baz3-text)}
.baz3-cabecalho .menu a:hover{opacity:1}
.baz3-cabecalho .menu a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--baz3-red);transition:right .3s}
.baz3-cabecalho .menu a:hover::after{right:0}
.baz3-cabecalho .menu a.live i{width:8px;height:8px;border-radius:50%;background:var(--baz3-red);animation:baz3-pulse 1.8s infinite}
@keyframes baz3-pulse{0%{box-shadow:0 0 0 0 var(--baz3-red)}70%,100%{box-shadow:0 0 0 8px transparent}}
.baz3-cabecalho .toggle{display:none;width:40px;height:40px;position:relative;z-index:2}
.baz3-cabecalho .toggle span{position:absolute;left:8px;right:8px;height:2px;background:var(--baz3-text);transition:transform .3s}
.baz3-cabecalho .toggle span:first-child{top:15px}
.baz3-cabecalho .toggle span:last-child{top:23px}
.baz3-cabecalho.open .toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.baz3-cabecalho.open .toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:760px){
  .baz3-cabecalho .menu{position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:28px;font-size:20px;background:rgba(6,6,8,.97);opacity:0;pointer-events:none;transition:opacity .3s}
  .baz3-cabecalho.open .menu{opacity:1;pointer-events:auto}
  .baz3-cabecalho.open{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border-color:transparent}
  .baz3-cabecalho .toggle{display:block}
}
/* No editor do Elementor o cabeçalho não fica fixo (para não cobrir os outros widgets). */
.elementor-editor-active .baz3-cabecalho{position:relative;background:rgba(6,6,8,.9)}
