/* =========================================================
   FUNDO DA PÁGINA — placa de circuito que rola junto com a página
   (continua o chão da cena 3D da hero). É uma imagem de fundo normal
   do body: não usa JavaScript nem pesa na rolagem.
   Para remover: tire a linha deste arquivo do index.html.
   O desenho (azulejo de 960px) está embutido aqui, um para cada tema.
   ========================================================= */

:root {
  --fundo-circuito: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='960' viewBox='0 0 960 960'%3E%3Cpath d='M0 96L279 96L311 128L621 128L653 96L960 96 M311 128L341 158L341 229 M279 96L333 150L333 181 M0 288L245 288L277 256L468 256L500 288L728 288L760 256L848 256L880 288L960 288 M277 256L325 304L325 347 M277 256L339 318L339 379 M0 512L191 512L239 560L422 560L470 512L716 512L764 560L832 560L880 512L960 512 M470 512L514 468L514 395 M191 512L252 573L252 636 M0 736L303 736L335 768L621 768L653 736L960 736 M653 736L698 691L698 619 M303 736L367 800L367 844 M0 880L239 880L287 928L463 928L511 880L635 880L683 832L832 832L880 880L960 880 M683 832L721 870L721 947 M239 880L292 933L292 967 M180 0L180 248L212 280L212 597L180 629L180 960 M620 0L620 319L668 367L668 570L620 618L620 960' fill='none' stroke='rgba%28229,169,99,.075%29' stroke-width='1.2'/%3E%3Cg fill='none' stroke='rgba%28229,169,99,.13%29' stroke-width='1.4'%3E%3Ccircle cx='341' cy='229' r='4.5'/%3E%3Ccircle cx='333' cy='181' r='4.5'/%3E%3Ccircle cx='325' cy='347' r='4.5'/%3E%3Ccircle cx='339' cy='379' r='4.5'/%3E%3Ccircle cx='514' cy='395' r='4.5'/%3E%3Ccircle cx='252' cy='636' r='4.5'/%3E%3Ccircle cx='698' cy='619' r='4.5'/%3E%3Ccircle cx='367' cy='844' r='4.5'/%3E%3Ccircle cx='721' cy='947' r='4.5'/%3E%3Ccircle cx='292' cy='967' r='4.5'/%3E%3Ccircle cx='212' cy='597' r='4.5'/%3E%3Ccircle cx='668' cy='570' r='4.5'/%3E%3C/g%3E%3Cg fill='rgba%2895,224,216,.2%29'%3E%3Ccircle cx='120' cy='315' r='1.8'/%3E%3Ccircle cx='716' cy='836' r='1.8'/%3E%3Ccircle cx='796' cy='242' r='1.8'/%3E%3Ccircle cx='662' cy='405' r='1.8'/%3E%3Ccircle cx='109' cy='722' r='1.8'/%3E%3Ccircle cx='625' cy='620' r='1.8'/%3E%3Ccircle cx='557' cy='143' r='1.8'/%3E%3Ccircle cx='756' cy='642' r='1.8'/%3E%3Ccircle cx='569' cy='411' r='1.8'/%3E%3Ccircle cx='838' cy='112' r='1.8'/%3E%3Ccircle cx='592' cy='662' r='1.8'/%3E%3Ccircle cx='586' cy='648' r='1.8'/%3E%3Ccircle cx='608' cy='275' r='1.8'/%3E%3Ccircle cx='801' cy='125' r='1.8'/%3E%3Ccircle cx='812' cy='433' r='1.8'/%3E%3Ccircle cx='767' cy='222' r='1.8'/%3E%3C/g%3E%3C/svg%3E");
  --fundo-brilho: rgba(229, 169, 99, .06);
  --fundo-brilho2: rgba(95, 224, 216, .03);
}
body.light-theme {
  --fundo-circuito: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='960' viewBox='0 0 960 960'%3E%3Cpath d='M0 96L279 96L311 128L621 128L653 96L960 96 M311 128L341 158L341 229 M279 96L333 150L333 181 M0 288L245 288L277 256L468 256L500 288L728 288L760 256L848 256L880 288L960 288 M277 256L325 304L325 347 M277 256L339 318L339 379 M0 512L191 512L239 560L422 560L470 512L716 512L764 560L832 560L880 512L960 512 M470 512L514 468L514 395 M191 512L252 573L252 636 M0 736L303 736L335 768L621 768L653 736L960 736 M653 736L698 691L698 619 M303 736L367 800L367 844 M0 880L239 880L287 928L463 928L511 880L635 880L683 832L832 832L880 880L960 880 M683 832L721 870L721 947 M239 880L292 933L292 967 M180 0L180 248L212 280L212 597L180 629L180 960 M620 0L620 319L668 367L668 570L620 618L620 960' fill='none' stroke='rgba%2810,107,102,.11%29' stroke-width='1.2'/%3E%3Cg fill='none' stroke='rgba%2810,107,102,.17%29' stroke-width='1.4'%3E%3Ccircle cx='341' cy='229' r='4.5'/%3E%3Ccircle cx='333' cy='181' r='4.5'/%3E%3Ccircle cx='325' cy='347' r='4.5'/%3E%3Ccircle cx='339' cy='379' r='4.5'/%3E%3Ccircle cx='514' cy='395' r='4.5'/%3E%3Ccircle cx='252' cy='636' r='4.5'/%3E%3Ccircle cx='698' cy='619' r='4.5'/%3E%3Ccircle cx='367' cy='844' r='4.5'/%3E%3Ccircle cx='721' cy='947' r='4.5'/%3E%3Ccircle cx='292' cy='967' r='4.5'/%3E%3Ccircle cx='212' cy='597' r='4.5'/%3E%3Ccircle cx='668' cy='570' r='4.5'/%3E%3C/g%3E%3Cg fill='rgba%28180,97,15,.3%29'%3E%3Ccircle cx='120' cy='315' r='1.8'/%3E%3Ccircle cx='716' cy='836' r='1.8'/%3E%3Ccircle cx='796' cy='242' r='1.8'/%3E%3Ccircle cx='662' cy='405' r='1.8'/%3E%3Ccircle cx='109' cy='722' r='1.8'/%3E%3Ccircle cx='625' cy='620' r='1.8'/%3E%3Ccircle cx='557' cy='143' r='1.8'/%3E%3Ccircle cx='756' cy='642' r='1.8'/%3E%3Ccircle cx='569' cy='411' r='1.8'/%3E%3Ccircle cx='838' cy='112' r='1.8'/%3E%3Ccircle cx='592' cy='662' r='1.8'/%3E%3Ccircle cx='586' cy='648' r='1.8'/%3E%3Ccircle cx='608' cy='275' r='1.8'/%3E%3Ccircle cx='801' cy='125' r='1.8'/%3E%3Ccircle cx='812' cy='433' r='1.8'/%3E%3Ccircle cx='767' cy='222' r='1.8'/%3E%3C/g%3E%3C/svg%3E");
  --fundo-brilho: rgba(10, 107, 102, .06);
  --fundo-brilho2: rgba(210, 140, 50, .07);
}

body {
  background-color: var(--dark);
  background-image:
    radial-gradient(ellipse 60% 900px at 12% 24%, var(--fundo-brilho), transparent),
    radial-gradient(ellipse 55% 1000px at 92% 46%, var(--fundo-brilho2), transparent),
    radial-gradient(ellipse 60% 900px at 8% 70%, var(--fundo-brilho), transparent),
    radial-gradient(ellipse 60% 800px at 88% 92%, var(--fundo-brilho), transparent),
    var(--fundo-circuito);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-size: auto, auto, auto, auto, 960px 960px;
}

/* o bloco "Serviços" deixa o desenho aparecer de leve */
body #services { background: color-mix(in srgb, var(--services-bg) 86%, transparent); }