/* © 2026 bladept696 — Centro de Comando / Hash Commander. Todos os direitos reservados.
   é proibido copiar, modificar, redistribuir ou publicar este ficheiro, no todo ou em parte, sem autorização escrita do autor.
   https://github.com/bladept696/centro-de-comando-v3 */
/* ===== Banner "Hash Commander" holográfico: letras em cromado com um brilho arco-íris a passar devagar,
   sobre fundo escuro com pó de estrelas (banner-cyber.js desenha as estrelas).
   Letras: Permanent Marker (Apache 2.0) e UnifrakturMaguntia (SIL OFL), guardadas em dashboard/fonts. ===== */
@font-face{ font-family:'HC Marker'; src:url('../fonts/PermanentMarker-Regular.ttf') format('truetype'); font-display:swap; }
@font-face{ font-family:'HC Gotica'; src:url('../fonts/UnifrakturMaguntia-Book.ttf') format('truetype'); font-display:swap; }

#hcBanner.hc-holo{
  height:150px;
  background:radial-gradient(ellipse 60% 120% at 50% 40%, #1b1430 0%, #0d0a18 45%, #07060c 75%);
  border:1px solid #2a2440;
  box-shadow:0 12px 36px -14px #000, inset 0 0 0 1px #ffffff06;
}
#hcBanner.hc-holo #hcBannerVignette{ box-shadow:inset 0 0 60px 10px #05040a; }
#hcBanner.hc-holo #hcBannerText{
  top:44%; display:flex; align-items:baseline; gap:.24em; white-space:nowrap; animation:none;
  font-size:clamp(28px, 4.4vw, 64px); font-weight:400; letter-spacing:0;
  transform:translate(-50%,-50%); filter:none;
}
#hcBanner.hc-holo .hc-a, #hcBanner.hc-holo .hc-b{
  -webkit-background-clip:text; background-clip:text; color:transparent; background-repeat:no-repeat;
  animation:hcHolo 7s ease-in-out infinite;
}
#hcBanner.hc-holo .hc-a{
  font-family:'HC Marker','Segoe Print',cursive; letter-spacing:.05em;
  background-image:linear-gradient(100deg, #ffffff 0%, #ffffff 35%, #9be7ff 44%, #ff9be8 52%, #ffffff 61%, #ffffff 100%);
  background-size:300% 100%;
  filter:drop-shadow(0 2px 0 #00000090) drop-shadow(0 0 10px #ffffff30);
}
#hcBanner.hc-holo .hc-b{
  font-family:'HC Gotica','Old English Text MT',serif; font-size:1.28em;
  background-image:linear-gradient(100deg, #ff4fd8 0%, #ff4fd8 30%, #ffd1f4 40%, #b14dff 48%, #4fd6ff 56%, #ff4fd8 66%, #ff4fd8 100%);
  background-size:300% 100%;
  filter:drop-shadow(0 0 12px #ff4fd880);
  animation-delay:.6s;
}
@keyframes hcHolo{ 0%{ background-position:100% 0; } 55%,100%{ background-position:0% 0; } }
#hcBanner.hc-holo #hcBannerBy{
  position:absolute; left:50%; bottom:12px; transform:translateX(-50%); pointer-events:none;
  font:clamp(12px, 1.25vw, 18px) 'HC Marker','Segoe Print',cursive; letter-spacing:.45em; color:#cfc4ff;
  text-shadow:0 0 8px #b14dff80;
}
@media (max-width:640px){ #hcBanner.hc-holo{ height:104px; } #hcBanner.hc-holo #hcBannerBy{ bottom:8px; letter-spacing:.3em; } }
@media (prefers-reduced-motion: reduce){ #hcBanner.hc-holo .hc-a, #hcBanner.hc-holo .hc-b{ animation:none; background-position:50% 0; } }
body.perf-mode #hcBanner.hc-holo .hc-a, body.perf-mode #hcBanner.hc-holo .hc-b{ animation:none; background-position:50% 0; }