/* ============================================================
   Tu Oráculo — Capa de efectos (oraculo-fx)
   100% presentación. No toca contenido ni layout existente.
   ============================================================ */

/* Canvas de constelaciones: fondo fijo, detrás de todo el contenido
   (el contenido del sitio ya está en z-index:1). No captura clics. */
#oraculo-sky{
  position:fixed;
  inset:0;
  z-index:0;
  display:block;
  pointer-events:none;
}

/* Botones magnéticos: transición suave al volver a su lugar.
   El desplazamiento lo aplica el JS de forma no destructiva. */
[data-fx-magnetic]{
  transition:transform .28s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}

@media (prefers-reduced-motion: reduce){
  [data-fx-magnetic]{transition:none}
}