/* ============================================
   soyjuli.com — Fondo animado del home (canvas)
   Modulo OPcional. Si algun dia queres sacar el
   fondo del avatar, borra este archivo, el
   <link rel="stylesheet" href="/css/fondo-animado.css">
   y el <canvas id="bg"> del index.html.
   No afecta al resto de la web.
   ============================================ */

/* #fx — particulas (estrellas + meteoros) sobre el fondo negro, debajo del avatar */
#fx {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

/* #bg — avatar animado (239 frames WebP). Fondo transparente: el negro lo da el body. */
#bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#bg-shade {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);
}