/* Letreiro de LED da página inicial (letreiro.js). Painel escuro com pontos de luz, texto âmbar rolando. */
.menu.hub{grid-template-rows:auto auto 1fr auto}
.ledBoard{grid-column:1/-1;position:relative;display:flex;align-items:stretch;min-width:0;height:clamp(38px,5vh,48px);border-radius:12px;overflow:hidden;
 background:#07050a;border:1px solid #3a2a1a;box-shadow:inset 0 0 0 3px #120c08,inset 0 2px 10px #000,0 10px 26px #0009}
.ledTag{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 14px;font:800 11px system-ui,sans-serif;letter-spacing:2px;color:#1b0f05;background:linear-gradient(180deg,#ffcf6b,#e0952c);box-shadow:4px 0 12px #000a;z-index:2}
.ledTag i{width:8px;height:8px;border-radius:50%;background:#d61f1f;box-shadow:0 0 6px #ff3b3b;animation:ledBlink 1.2s steps(2,start) infinite}
.ledWindow{position:relative;flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
/* Grade de pontos por cima: dá o aspecto de painel de LED. */
.ledWindow::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 55%,#07050ab3 85%) 0 0/3px 3px}
.ledTrack{display:flex;align-items:center;gap:22px;white-space:nowrap;padding-left:22px;will-change:transform;animation:ledScroll linear infinite;animation-duration:30s}
.ledBoard.paused .ledTrack{animation-play-state:paused}
.ledTrack.static{animation:none;justify-content:center;width:100%;padding:0 16px}
.ledMsg{font:900 clamp(15px,1.5vw,20px)/1 ui-monospace,'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;color:#ffb347;text-shadow:0 0 4px #ff9a1f,0 0 12px #ff7a0099}
.ledMsg.led-evento{color:#7dffb0;text-shadow:0 0 4px #2bff86,0 0 12px #00ff6a88}
.ledMsg.led-alerta{color:#ff5b5b;text-shadow:0 0 4px #ff2a2a,0 0 12px #ff000099}
.ledSep{color:#5a3a14;font-size:12px;text-shadow:none}
@keyframes ledScroll{from{transform:translateX(0)}to{transform:translateX(var(--ledShift,-50%))}}
@keyframes ledBlink{to{opacity:.25}}
@media(max-width:760px){.menu.hub{grid-template-rows:auto auto auto 1fr auto}.ledBoard{height:36px;border-radius:10px}.ledTag{padding:0 10px;font-size:10px;letter-spacing:1.5px}.ledMsg{font-size:14px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.ledTag i{animation:none}}
.reduced .ledTag i{animation:none}
@media(min-width:761px) and (max-height:820px){.menu.hub{row-gap:12px;padding-top:14px}.hub .hubIntro h2{font-size:clamp(26px,2.6vw,38px);margin-top:4px}.ledBoard{height:38px}}