/* Conexia — 3D card tilt al hover (perspective)
   Auto-aplica a cards comunes en desktop. Solo pointer fine + no reduced motion. */

@media (hover: hover) and (pointer: fine) {
  .cx-3d {
    transform-style: preserve-3d;
    transition: transform 240ms cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
  }
  .cx-3d__shine {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    transition: opacity 240ms ease;
    background: radial-gradient(
      circle at var(--shine-x, 50%) var(--shine-y, 50%),
      rgba(255, 255, 255, .12),
      transparent 50%
    );
  }
  .cx-3d.is-tilted .cx-3d__shine {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .cx-3d { transform: none !important; }
  .cx-3d__shine { display: none; }
}