/* ════════════════════════════════════════════════════════
   10DOBRO PROD — SHELL UNIFICADO
   Tokens, nav, fundo e footer canônicos (espelham a index.html).
   Carregado por todas as páginas internas para identidade única.
   Não altera o design — apenas unifica o que estava divergente.
   ════════════════════════════════════════════════════════ */

:root{
  --bg:#050505;--bg2:#0a0a0a;--bg3:#111;--bg4:#1a1a1a;
  --text:#e8e8e8;--text2:#999;--text3:#555;
  --accent:#FF4C00;--accent2:#FF6A2F;--accent3:#FF8F5E;
  --cyan:#00D4FF;--green:#00FF88;--magenta:#FF00FF;
  --glass:rgba(255,255,255,0.03);--glass2:rgba(255,255,255,0.06);
  --border:rgba(255,255,255,0.08);--border2:rgba(255,76,0,0.3);
  --mono:'JetBrains Mono',monospace;--sans:'Inter',sans-serif;--display:'Space Grotesk',sans-serif;
  --max:1200px;--gutter:clamp(1.5rem,4vw,4rem);
}

html{scroll-behavior:smooth;background:var(--bg);color:var(--text)}
body{background:var(--bg)}

/* ═══ SCAN LINE OVERLAY (igual index) ═══ */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.03) 2px,rgba(0,0,0,0.03) 4px);
}

/* ═══ GRID DE FUNDO (corrige o "fundo chapado preto") ═══ */
.site-grid{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.03;
  background-image:linear-gradient(rgba(255,255,255,0.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.5) 1px,transparent 1px);
  background-size:60px 60px;
}
/* Eleva o conteúdo acima do grid */
main,section,header,footer{position:relative;z-index:2}

/* ═══ NAV CANÔNICA ═══ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:1rem var(--gutter);
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(5,5,5,0.8);backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid var(--border);
  transition:all 0.3s;mix-blend-mode:normal;
}
nav.scrolled{padding:0.6rem var(--gutter)}
.nav-logo{font-family:var(--mono);font-weight:700;font-size:0.85rem;letter-spacing:0.15em;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem}
.nav-badge{width:30px;height:30px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,180,216,0.3);box-shadow:0 0 14px rgba(0,180,216,0.2)}
.nav-links{display:flex;gap:2rem;font-size:0.75rem;font-family:var(--mono);letter-spacing:0.1em;text-transform:uppercase}
.nav-links a{color:var(--text2);transition:color 0.3s;text-decoration:none}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}
.nav-status{display:flex;align-items:center;gap:0.5rem;font-family:var(--mono);font-size:0.7rem;color:var(--text3)}
.nav-status .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
@media(max-width:768px){.nav-links{display:none}}

/* ═══ FOOTER CANÔNICO ═══ */
footer{
  padding:3rem 0;border-top:1px solid var(--border);
  text-align:center;font-family:var(--mono);font-size:0.7rem;
  color:var(--text3);letter-spacing:0.1em;background:transparent;
}
footer .container{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
footer a{color:var(--accent);text-decoration:none}