/* ============================================================
   Fundo de espaço — carregado só pela página inicial
   ============================================================
   Três camadas de estrelas em velocidades diferentes criam profundidade
   (paralaxe). Cada estrela é desenhada duas vezes, uma deslocada 1000px para
   baixo: quando a camada rola exatamente 1000px, a cópia ocupa o lugar da
   original e o ciclo recomeça sem emenda.

   Estrela branca sobre fundo claro não aparece, então o campo estelar é do
   tema escuro. No claro entra uma aurora suave — mesma ideia de profundidade,
   sem contraste impossível. */

.espaco {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.espaco-camada {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.6s ease;
}

/* ---- Nebulosa: vale nos dois temas, só muda a intensidade ---- */
.espaco::before,
.espaco::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  will-change: transform;
}
.espaco::before {
  top: -14%;
  left: 12%;
  width: 46vw;
  height: 46vw;
  background: radial-gradient(circle, rgba(52, 152, 219, 0.20), transparent 68%);
  animation: espaco-deriva-a 26s ease-in-out infinite alternate;
}
.espaco::after {
  top: 8%;
  right: 6%;
  width: 38vw;
  height: 38vw;
  background: radial-gradient(circle, rgba(91, 70, 226, 0.16), transparent 68%);
  animation: espaco-deriva-b 34s ease-in-out infinite alternate;
}

@keyframes espaco-deriva-a {
  to { transform: translate3d(6vw, 4vh, 0) scale(1.1); }
}
@keyframes espaco-deriva-b {
  to { transform: translate3d(-5vw, 6vh, 0) scale(1.08); }
}

/* ---- Estrelas: só no tema escuro ---- */
[data-theme="dark"] .espaco-camada {
  opacity: 1;
}
[data-theme="dark"] .espaco::before {
  background: radial-gradient(circle, rgba(96, 165, 250, 0.22), transparent 68%);
}
[data-theme="dark"] .espaco::after {
  background: radial-gradient(circle, rgba(139, 92, 246, 0.20), transparent 68%);
}

.espaco-p {
  box-shadow:
    663px 970px #fff,
    663px 1970px #fff,
    308px 404px #fff,
    308px 1404px #fff,
    1333px 49px #fff,
    1333px 1049px #fff,
    148px 840px #fff,
    148px 1840px #fff,
    1097px 96px #fff,
    1097px 1096px #fff,
    748px 596px #fff,
    748px 1596px #fff,
    118px 931px #fff,
    118px 1931px #fff,
    1039px 219px #fff,
    1039px 1219px #fff,
    76px 88px #fff,
    76px 1088px #fff,
    888px 428px #fff,
    888px 1428px #fff,
    143px 246px #fff,
    143px 1246px #fff,
    185px 564px #fff,
    185px 1564px #fff,
    869px 60px #fff,
    869px 1060px #fff,
    1693px 579px #fff,
    1693px 1579px #fff,
    253px 970px #fff,
    253px 1970px #fff,
    457px 645px #fff,
    457px 1645px #fff,
    1284px 596px #fff,
    1284px 1596px #fff,
    1940px 63px #fff,
    1940px 1063px #fff,
    1181px 599px #fff,
    1181px 1599px #fff,
    812px 50px #fff,
    812px 1050px #fff,
    1999px 226px #fff,
    1999px 1226px #fff,
    95px 570px #fff,
    95px 1570px #fff,
    1758px 136px #fff,
    1758px 1136px #fff,
    593px 429px #fff,
    593px 1429px #fff,
    295px 553px #fff,
    295px 1553px #fff,
    241px 584px #fff,
    241px 1584px #fff,
    631px 573px #fff,
    631px 1573px #fff,
    1671px 698px #fff,
    1671px 1698px #fff,
    370px 105px #fff,
    370px 1105px #fff,
    1191px 584px #fff,
    1191px 1584px #fff,
    1308px 192px #fff,
    1308px 1192px #fff,
    762px 99px #fff,
    762px 1099px #fff,
    1121px 729px #fff,
    1121px 1729px #fff,
    128px 577px #fff,
    128px 1577px #fff,
    122px 633px #fff,
    122px 1633px #fff,
    421px 508px #fff,
    421px 1508px #fff,
    1393px 544px #fff,
    1393px 1544px #fff,
    875px 795px #fff,
    875px 1795px #fff,
    643px 476px #fff,
    643px 1476px #fff,
    1199px 945px #fff,
    1199px 1945px #fff,
    928px 370px #fff,
    928px 1370px #fff,
    613px 254px #fff,
    613px 1254px #fff,
    1626px 184px #fff,
    1626px 1184px #fff,
    1431px 798px #fff,
    1431px 1798px #fff,
    499px 83px #fff,
    499px 1083px #fff,
    1176px 307px #fff,
    1176px 1307px #fff,
    1075px 506px #fff,
    1075px 1506px #fff,
    1792px 351px #fff,
    1792px 1351px #fff,
    1493px 459px #fff,
    1493px 1459px #fff,
    589px 623px #fff,
    589px 1623px #fff,
    149px 120px #fff,
    149px 1120px #fff,
    1048px 428px #fff,
    1048px 1428px #fff,
    337px 775px #fff,
    337px 1775px #fff,
    700px 155px #fff,
    700px 1155px #fff,
    1911px 500px #fff,
    1911px 1500px #fff,
    863px 40px #fff,
    863px 1040px #fff,
    1970px 684px #fff,
    1970px 1684px #fff,
    158px 782px #fff,
    158px 1782px #fff,
    1142px 586px #fff,
    1142px 1586px #fff,
    1616px 896px #fff,
    1616px 1896px #fff,
    1675px 321px #fff,
    1675px 1321px #fff,
    696px 711px #fff,
    696px 1711px #fff,
    717px 608px #fff,
    717px 1608px #fff,
    1017px 593px #fff,
    1017px 1593px #fff,
    1632px 467px #fff,
    1632px 1467px #fff,
    140px 860px #fff,
    140px 1860px #fff,
    191px 967px #fff,
    191px 1967px #fff,
    552px 485px #fff,
    552px 1485px #fff,
    1427px 680px #fff,
    1427px 1680px #fff,
    133px 62px #fff,
    133px 1062px #fff,
    1497px 718px #fff,
    1497px 1718px #fff,
    634px 662px #fff,
    634px 1662px #fff,
    1183px 697px #fff,
    1183px 1697px #fff,
    1683px 456px #fff,
    1683px 1456px #fff,
    582px 733px #fff,
    582px 1733px #fff,
    790px 908px #fff,
    790px 1908px #fff,
    1369px 355px #fff,
    1369px 1355px #fff,
    46px 963px #fff,
    46px 1963px #fff,
    945px 363px #fff,
    945px 1363px #fff,
    344px 625px #fff,
    344px 1625px #fff,
    239px 505px #fff,
    239px 1505px #fff,
    120px 223px #fff,
    120px 1223px #fff,
    1573px 294px #fff,
    1573px 1294px #fff,
    264px 756px #fff,
    264px 1756px #fff,
    507px 407px #fff,
    507px 1407px #fff,
    800px 938px #fff,
    800px 1938px #fff,
    1784px 508px #fff,
    1784px 1508px #fff,
    165px 170px #fff,
    165px 1170px #fff,
    919px 411px #fff,
    919px 1411px #fff,
    1125px 284px #fff,
    1125px 1284px #fff,
    1809px 140px #fff,
    1809px 1140px #fff,
    1677px 440px #fff,
    1677px 1440px #fff,
    1769px 563px #fff,
    1769px 1563px #fff,
    570px 723px #fff,
    570px 1723px #fff,
    850px 367px #fff,
    850px 1367px #fff,
    1398px 905px #fff,
    1398px 1905px #fff,
    779px 980px #fff,
    779px 1980px #fff,
    472px 154px #fff,
    472px 1154px #fff,
    169px 180px #fff,
    169px 1180px #fff,
    309px 237px #fff,
    309px 1237px #fff,
    1348px 238px #fff,
    1348px 1238px #fff,
    24px 496px #fff,
    24px 1496px #fff,
    1702px 603px #fff,
    1702px 1603px #fff,
    373px 269px #fff,
    373px 1269px #fff,
    577px 4px #fff,
    577px 1004px #fff,
    298px 429px #fff,
    298px 1429px #fff,
    1094px 378px #fff,
    1094px 1378px #fff,
    1248px 579px #fff,
    1248px 1579px #fff,
    652px 975px #fff,
    652px 1975px #fff,
    257px 707px #fff,
    257px 1707px #fff;
  animation: espaco-sobe 140s linear infinite;
}
.espaco-m {
  width: 2px;
  height: 2px;
  box-shadow:
    1759px 527px #dbeafe,
    1759px 1527px #dbeafe,
    1946px 632px #dbeafe,
    1946px 1632px #dbeafe,
    1341px 692px #dbeafe,
    1341px 1692px #dbeafe,
    1515px 55px #dbeafe,
    1515px 1055px #dbeafe,
    935px 921px #dbeafe,
    935px 1921px #dbeafe,
    1783px 798px #dbeafe,
    1783px 1798px #dbeafe,
    1949px 895px #dbeafe,
    1949px 1895px #dbeafe,
    1393px 817px #dbeafe,
    1393px 1817px #dbeafe,
    1145px 401px #dbeafe,
    1145px 1401px #dbeafe,
    815px 408px #dbeafe,
    815px 1408px #dbeafe,
    807px 106px #dbeafe,
    807px 1106px #dbeafe,
    986px 649px #dbeafe,
    986px 1649px #dbeafe,
    820px 63px #dbeafe,
    820px 1063px #dbeafe,
    390px 68px #dbeafe,
    390px 1068px #dbeafe,
    427px 451px #dbeafe,
    427px 1451px #dbeafe,
    332px 112px #dbeafe,
    332px 1112px #dbeafe,
    696px 615px #dbeafe,
    696px 1615px #dbeafe,
    107px 104px #dbeafe,
    107px 1104px #dbeafe,
    0px 580px #dbeafe,
    0px 1580px #dbeafe,
    309px 549px #dbeafe,
    309px 1549px #dbeafe,
    207px 971px #dbeafe,
    207px 1971px #dbeafe,
    744px 628px #dbeafe,
    744px 1628px #dbeafe,
    52px 72px #dbeafe,
    52px 1072px #dbeafe,
    1790px 212px #dbeafe,
    1790px 1212px #dbeafe,
    1257px 385px #dbeafe,
    1257px 1385px #dbeafe,
    304px 649px #dbeafe,
    304px 1649px #dbeafe,
    516px 978px #dbeafe,
    516px 1978px #dbeafe,
    711px 616px #dbeafe,
    711px 1616px #dbeafe,
    745px 485px #dbeafe,
    745px 1485px #dbeafe,
    251px 118px #dbeafe,
    251px 1118px #dbeafe,
    1738px 499px #dbeafe,
    1738px 1499px #dbeafe,
    954px 491px #dbeafe,
    954px 1491px #dbeafe,
    990px 319px #dbeafe,
    990px 1319px #dbeafe,
    175px 147px #dbeafe,
    175px 1147px #dbeafe,
    209px 767px #dbeafe,
    209px 1767px #dbeafe,
    701px 758px #dbeafe,
    701px 1758px #dbeafe,
    542px 490px #dbeafe,
    542px 1490px #dbeafe,
    1697px 708px #dbeafe,
    1697px 1708px #dbeafe,
    330px 528px #dbeafe,
    330px 1528px #dbeafe,
    47px 210px #dbeafe,
    47px 1210px #dbeafe,
    1947px 974px #dbeafe,
    1947px 1974px #dbeafe,
    1081px 370px #dbeafe,
    1081px 1370px #dbeafe,
    300px 706px #dbeafe,
    300px 1706px #dbeafe,
    1112px 936px #dbeafe,
    1112px 1936px #dbeafe,
    55px 776px #dbeafe,
    55px 1776px #dbeafe;
  animation: espaco-sobe 95s linear infinite;
}
.espaco-g {
  width: 3px;
  height: 3px;
  box-shadow:
    1081px 305px #bfdbfe,
    1081px 1305px #bfdbfe,
    1316px 884px #bfdbfe,
    1316px 1884px #bfdbfe,
    186px 712px #bfdbfe,
    186px 1712px #bfdbfe,
    1731px 267px #bfdbfe,
    1731px 1267px #bfdbfe,
    1061px 375px #bfdbfe,
    1061px 1375px #bfdbfe,
    1860px 171px #bfdbfe,
    1860px 1171px #bfdbfe,
    728px 790px #bfdbfe,
    728px 1790px #bfdbfe,
    456px 545px #bfdbfe,
    456px 1545px #bfdbfe,
    1109px 797px #bfdbfe,
    1109px 1797px #bfdbfe,
    1029px 337px #bfdbfe,
    1029px 1337px #bfdbfe,
    1303px 228px #bfdbfe,
    1303px 1228px #bfdbfe,
    1255px 830px #bfdbfe,
    1255px 1830px #bfdbfe,
    1614px 776px #bfdbfe,
    1614px 1776px #bfdbfe,
    1746px 199px #bfdbfe,
    1746px 1199px #bfdbfe,
    1650px 245px #bfdbfe,
    1650px 1245px #bfdbfe,
    1675px 410px #bfdbfe,
    1675px 1410px #bfdbfe,
    1515px 822px #bfdbfe,
    1515px 1822px #bfdbfe,
    464px 204px #bfdbfe,
    464px 1204px #bfdbfe;
  animation: espaco-sobe 62s linear infinite;
}

/* A camada sobe 1000px, exatamente o deslocamento das cópias — o salto de volta
   ao início cai sobre estrelas idênticas e passa despercebido. */
@keyframes espaco-sobe {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(0, -1000px, 0); }
}

/* Movimento de fundo é o primeiro candidato a incomodar: sem animação, o céu
   fica parado, mas continua lá. */
@media (prefers-reduced-motion: reduce) {
  .espaco-camada,
  .espaco::before,
  .espaco::after {
    animation: none;
  }
}

/* No celular o desfoque de 70px em duas camadas grandes é caro para a GPU e
   consome bateria à toa — o efeito continua, mais barato. */
@media (max-width: 600px) {
  .espaco::before,
  .espaco::after {
    filter: blur(45px);
  }
  .espaco::before { width: 70vw; height: 70vw; }
  .espaco::after  { width: 60vw; height: 60vw; }
}