/* Página inicial — centro de comando (HUD). */
.hud-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.hud-eyebrow{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;color:#62d9f0;display:flex;align-items:center;gap:8px}
.hud-eyebrow span{color:#3c6372}
.hud-eyebrow i{width:7px;height:7px;border-radius:50%;background:#4fe3ff;box-shadow:0 0 10px #4fe3ff;animation:hudPulse 2s infinite}
.hud-top h1{margin:10px 0 0;font-size:clamp(26px,3vw,34px);letter-spacing:-.8px;color:#eef8ff}
.hud-clock{font:12px ui-monospace,Menlo,monospace;color:#8fb5c4;text-transform:uppercase;letter-spacing:1px;border:1px solid #23475a;border-radius:99px;padding:8px 14px;background:#0d1a21}
.hud-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;padding:34px;border-radius:24px;overflow:hidden;border:1px solid #1f4656;background:radial-gradient(120% 90% at 85% 10%,#0f3442 0,#0b1419 55%,#090f13 100%);box-shadow:0 0 0 1px #0b2a35 inset,0 30px 80px #0008}
.hud-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#4fe3ff10 1px,transparent 1px),linear-gradient(90deg,#4fe3ff10 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 70% 40%,#000 0,transparent 75%);mask-image:radial-gradient(circle at 70% 40%,#000 0,transparent 75%);pointer-events:none}
.hud-copy{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0}
.hud-kicker{font:600 10px ui-monospace,Menlo,monospace;letter-spacing:2.4px;color:#4fe3ff}
.hud-copy h2{margin:0;font-size:clamp(34px,4.6vw,60px);line-height:1;letter-spacing:-2px;color:#f2fbff;font-weight:700}
.hud-copy h2 em{font-style:normal;background:linear-gradient(90deg,#4fe3ff,#9b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hud-copy p{margin:0;color:#9fb8c4;font-size:15px;line-height:1.6;max-width:520px}
.hud-actions{display:flex;flex-wrap:wrap;gap:10px}
.hud-primary{background:linear-gradient(135deg,#4fe3ff,#7aa8ff);color:#04131a;font-weight:700;border-radius:12px;padding:13px 20px;box-shadow:0 0 24px #4fe3ff55}
.hud-ghost{background:#0d1f27;color:#bfeefa;border:1px solid #275868;border-radius:12px;padding:12px 16px}
.hud-ghost:hover,.hud-primary:hover{filter:brightness(1.12)}
.hud-telemetry{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:6px}
.hud-telemetry div{border:1px solid #1d4252;background:#0b161cdd;border-radius:12px;padding:10px 12px;display:grid;gap:6px}
.hud-telemetry small{font:10px ui-monospace,Menlo,monospace;color:#6f97a8;letter-spacing:.6px;text-transform:uppercase}
.hud-telemetry b{font-size:20px;color:#e9fbff;font-variant-numeric:tabular-nums}
.hud-telemetry .warn{border-color:#6b5a2e}.hud-telemetry .warn b{color:#ffcf6e}
.hud-visual{position:relative;min-height:320px;border:1px solid #1c4554;border-radius:18px;background:linear-gradient(180deg,#0a1a21,#081116);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.hud-corner{position:absolute;width:16px;height:16px;border-color:#4fe3ff;border-style:solid;opacity:.8}
.hud-corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px;border-top-left-radius:18px}.hud-corner.tr{top:-1px;right:-1px;border-width:2px 2px 0 0;border-top-right-radius:18px}
.hud-corner.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px;border-bottom-left-radius:18px}.hud-corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-bottom-right-radius:18px}
.hud-visual-label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:10px ui-monospace,Menlo,monospace;letter-spacing:1.4px;color:#5fb6c9}
.hud-visual-label b{color:#bff6ff}
.hud-print{width:100%;height:auto;flex:1}
.hud-scan{animation:hudScan 4.5s ease-in-out infinite}
.hud-head{animation:hudHead 3s ease-in-out infinite}
.hud-extrude{animation:hudPulse 1s infinite}
.hud-part{filter:drop-shadow(0 0 14px #4fe3ff44)}
.hud-fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.hud-node{display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center;border:1px solid #1a3d4b;border-radius:10px;padding:7px 9px;background:#0b161c;min-width:0}
.hud-node i{grid-row:span 2;width:8px;height:8px;border-radius:50%;background:#5d7684}
.hud-node.run i{background:#4ce5b2;box-shadow:0 0 10px #4ce5b2;animation:hudPulse 1.6s infinite}
.hud-node.stop i{background:#ff8aa3;box-shadow:0 0 8px #ff8aa3}
.hud-node span{font-size:11px;color:#d7eef6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-node small{font-size:10px;color:#6f97a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes hudPulse{50%{opacity:.35}}
@keyframes hudScan{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes hudHead{0%,100%{transform:translateX(-46px)}50%{transform:translateX(46px)}}
@media(max-width:1024px){.hud-hero{grid-template-columns:1fr;padding:24px}.hud-visual{min-height:0}}
@media(max-width:480px){.hud-hero{padding:18px;border-radius:18px}.hud-copy h2{font-size:36px}.hud-telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-telemetry b{font-size:17px}.hud-actions button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.hud-scan,.hud-head,.hud-extrude,.hud-node i,.hud-eyebrow i{animation:none!important}}
.home-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.home-shortcuts{grid-template-columns:1fr}}
@media(min-width:1200px){.hud-telemetry{grid-template-columns:repeat(5,minmax(0,1fr))}}
