/* ===== ticker (barra de notícia no topo, sobre o hero, rola junto) ===== */
.ticker{
  position:absolute; top:0; left:0; right:0; z-index:60;
  height:calc(29 * var(--u));
  display:flex; justify-content:space-between; align-items:flex-start;
  padding:calc(5*var(--u)) var(--gutter) 0;
  color:rgba(255,255,255,.58);
  font-size:calc(6.8 * var(--u));
  border-bottom:1px solid rgba(255,255,255,.05);
}
.ticker a{color:inherit}
.ticker__right{display:flex; gap:calc(9*var(--u))}
/* ===== header ===== */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  height:calc(40 * var(--u));
  padding:0 var(--gutter);
  display:flex; align-items:center; justify-content:space-between;
  color:#fff;
  will-change:transform;
}
.site-header .logo{
  display:flex; align-items:stretch;
  gap:calc(5 * var(--u));
}
.logo__stack{display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start}
.logo__word{
  /* wordmark oficial (assets/logo-tbr.png) como máscara: cor = currentColor (branco no escuro, preto no claro) */
  display:block; width:calc(46 * var(--u)); height:calc(15.6 * var(--u));
  background:currentColor;
  -webkit-mask:url(../assets/logo-tbr.png) center/contain no-repeat;
  mask:url(../assets/logo-tbr.png) center/contain no-repeat;
}
.logo__sub{
  display:block; white-space:nowrap;
  font-family:var(--font-display);
  font-variation-settings:'wdth' var(--disp-wdth),'wght' 760;
  line-height:.9; letter-spacing:.16em; text-transform:uppercase;
  margin-top:calc(2 * var(--u));
  /* font-size definido em JS: cresce até a largura casar com a do TBR (tracking fixo) */
}
/* raio de energia: máscara SVG + gradiente holográfico que varre de tempos em tempos */
.logo__bolt{
  display:block; flex:none;
  width:calc(14 * var(--u)); align-self:stretch;             /* altura = bloco TBR + ENERGIA */
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'><polygon points='12,0 0,14 8,14 6,24 20,9 11,9'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'><polygon points='12,0 0,14 8,14 6,24 20,9 11,9'/></svg>") center/contain no-repeat;
  background:linear-gradient(115deg,
    #4FA845 0%, #0A3F3C 10%, #141414 20%, #9a9a9a 30%, #141414 40%,
    #2fbf71 50%, #ffffff 58%, #8ff0bd 66%, #1f8a4c 76%, #0A3F3C 88%, #4FA845 100%);
  background-size:420% 100%;
  background-position:100% 50%;
  animation:logo-holo 9s cubic-bezier(.45,0,.2,1) infinite;
}
@keyframes logo-holo{
  0%   {background-position:100% 50%}
  62%  {background-position:100% 50%}   /* repouso: verde da marca */
  100% {background-position:0% 50%}     /* varredura holográfica (~3,4 s) */
}
@media (prefers-reduced-motion: reduce){ .logo__bolt{animation:none} }
/* versão 3D (Three.js): o canvas substitui a máscara */
.logo__bolt.is-3d{-webkit-mask:none; mask:none; background:none; animation:none; position:relative; overflow:visible}
.logo__bolt.is-3d canvas{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; pointer-events:none}
.site-header .menu-btn{
  font-size:calc(8 * var(--u));
  position:absolute; left:calc(322 * var(--u)); top:50%; transform:translateY(-50%);
  display:flex; align-items:center; gap:calc(10*var(--u));
  color:inherit;
}
.menu-dots{display:flex; gap:calc(2.3*var(--u)); align-items:center}
.menu-dots i{
  width:calc(2.2*var(--u)); height:calc(2.2*var(--u)); border-radius:50%;
  background:currentColor; display:block;
}
.menu-dots i:nth-child(1){opacity:.25}
.menu-dots i:nth-child(2){opacity:.5}
.menu-dots i:nth-child(3){opacity:.75}
.header-pill{
  width:calc(112 * var(--u)); height:calc(32 * var(--u));
  padding:0;
}
/* estados */
.site-header[data-state="hero"] .header-pill{border:1px solid rgba(255,255,255,.45); color:#fff}
.site-header[data-state="compact"]{height:calc(46 * var(--u))}
.site-header[data-state="compact"][data-theme="light"]{background:#fff; color:#111}
.site-header[data-state="compact"][data-theme="light"] .header-pill{background:#111; color:#fff; border:0}
.site-header[data-state="compact"][data-theme="dark"]{background:transparent; color:#fff}
.site-header[data-state="compact"][data-theme="dark"] .header-pill{border:1px solid rgba(255,255,255,.45); color:#fff}