/* ================================================================
   THEME: Void
   ================================================================ */

[data-theme="void"] {
  --bg: #000000; --bg2: #080808; --bg3: #0f0f0f;
  --text: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(0,255,85,0.85);
  --accent: #00ff55; --accent2: rgba(0,255,85,0.35);
  --border: rgba(0,255,85,0.14); --border2: rgba(0,255,85,0.06);
  --card-bg: rgba(0,255,85,0.03); --card-border: rgba(0,255,85,0.16);
  --nav-bg: rgba(0,0,0,0.97); --btn-bg: transparent; --btn-text: #00ff55;
  --font-d: 'Space Mono', monospace; --font-b: 'Space Mono', monospace; --fw-d: 700;
  --t-overlay: #00ff55;
}

[data-theme="void"] .bymg-logo .lp { fill: var(--accent); }
[data-theme="void"] .snake-icon-img path,
[data-theme="void"] .snake-icon-img polygon { fill: var(--accent); }

/* — Overlay transition — */
#overlay.t-void { animation: tVoid 1.4s linear forwards; }
@keyframes tVoid {
  0%{opacity:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,85,0.18) 2px,rgba(0,255,85,0.18) 4px)}7%{opacity:1}20%{opacity:1;background:#000}72%{opacity:1;background:#000}92%{opacity:0.2}100%{opacity:0}
}

/* — Personality — */
[data-theme="void"] nav.scrolled { border-bottom-color: rgba(0,255,85,0.2); box-shadow: 0 1px 30px rgba(0,255,85,0.06); }
[data-theme="void"] .sobre-rule { background: #00ff55; box-shadow: 0 0 12px rgba(0,255,85,0.5); }
[data-theme="void"] .contact-headline,
[data-theme="void"] .sobre-headline { text-shadow: 0 0 40px rgba(0,255,85,0.2); }
[data-theme="void"] .section-headline { text-shadow: 0 0 40px rgba(0,255,85,0.3), 0 0 80px rgba(0,255,85,0.1); }
[data-theme="void"] .hero-right-img img { filter: grayscale(20%); }
[data-theme="void"] .marquee-band { background: #080808; }
[data-theme="void"] .btn-p { border-color: rgba(0,255,85,0.5); color: #000000; box-shadow: 0 0 12px rgba(0,255,85,0.2); }
[data-theme="void"] .btn-p:hover { box-shadow: 0 0 24px rgba(0,255,85,0.5), 0 0 60px rgba(0,255,85,0.15); }
[data-theme="void"] .sobre-kicker::after, [data-theme="void"] .srv-kicker::after { content: '_'; animation: voidBlink 1.2s steps(1) infinite; }
[data-theme="void"] .section-label::after { content: '_'; animation: voidBlink 1.2s steps(1) infinite; }
@keyframes voidBlink { 0%,100%{opacity:1} 50%{opacity:0} }
/* Offer box: btn-bg é transparent, sobrepor com texto legível */
[data-theme="void"] .ob-label,
[data-theme="void"] .ob-body { color: rgba(255,255,255,0.75); opacity: 1; }