/* PS AR PRO — FX Runtime CSS v3.0
   Efectos CSS aplicados sobre .ps-card dentro de .ps-wrap
   Bloom y AO se aplican via clases inyectadas por ps-ar-fx-runtime.js
*/

/* ── BLOOM — glow en el borde del card ─────────────────── */
.ps-card.psar-fx-bloom {
  /* El filter/boxShadow se aplica inline al canvas/model-viewer */
}

/* ── AMBIENT OCCLUSION — vignette radial ────────────────── */
.ps-card.psar-fx-ao {
  position: relative;
  overflow: hidden;
}
.ps-card.psar-fx-ao::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: radial-gradient(
    ellipse at 50% 55%,
    transparent 30%,
    rgba(0, 0, 0, var(--psar-ao-opacity, 0.25)) 100%
  );
  border-radius: inherit;
}

/* ── GOD RAYS — conic gradient animado ──────────────────── */
.ps-card.psar-fx-godrays {
  position: relative;
  overflow: hidden;
}
.ps-card.psar-fx-godrays::before {
  content: "";
  position: absolute;
  inset: -25%;
  pointer-events: none;
  z-index: 4;
  opacity: var(--psar-godrays-opacity, 0.3);
  background: conic-gradient(
    from 0deg at 50% 30%,
    transparent     0deg,
    rgba(255,255,200,0.10) 18deg,
    transparent    36deg,
    rgba(255,255,200,0.06) 110deg,
    transparent   128deg,
    rgba(255,255,200,0.08) 195deg,
    transparent   213deg
  );
  filter: blur(14px);
  animation: psar_godrays 9s linear infinite;
  mix-blend-mode: screen;
  border-radius: 50%;
}
@keyframes psar_godrays {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* ── FX OVERLAY (partículas futuras) ────────────────────── */
.ps-card .psar-fx-overlay,
.ps-wrap .psar-fx-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  z-index: 10;
}