/* MARCA_80983_CARTE_3D — le schede dei moduli che si inclinano sotto il mouse (consegna 80983, 24/9/2026).
   Rifatte in CSS semplice dal componente indicato da Giovanni (21st.dev «animated-3d-card»): la scheda
   segue il puntatore in 3D, l'immagine e l'icona vengono un po' avanti, e una luce morbida segue il mouse.
   Si accende SOLO dove la pagina lo chiede con class="carta-3d" (home, moduli e le pagine dei tre moduli)
   e SOLO col mouse: sul telefono e con «riduci movimento» la scheda resta ferma com'era.
   Solo token di temi.css: chiaro e scuro vanno da soli. Il programma e' js/carte-3d.js. */
.carta-3d{position:relative}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .carta-3d{transform-style:preserve-3d}
  .carta-3d .schermata,.carta-3d .mc-icona,.carta-3d .bollo{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  .carta-3d.carta-3d-viva{
    transform:perspective(900px) rotateX(var(--c3-rx,0deg)) rotateY(var(--c3-ry,0deg)) translateY(-4px) !important;
    transition:transform .12s linear,box-shadow var(--tr),border-color var(--tr) !important;
    box-shadow:var(--shadow-lg);border-color:var(--tinta,var(--accent));
  }
  .carta-3d.carta-3d-viva .schermata{transform:translateZ(26px)}
  .carta-3d.carta-3d-viva .mc-icona,.carta-3d.carta-3d-viva .bollo{transform:translateZ(34px)}
  .carta-3d::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
    background:radial-gradient(380px circle at var(--c3-lx,50%) var(--c3-ly,50%),var(--tinta-velo,var(--accent-soft)),transparent 60%);
    mix-blend-mode:multiply;transition:opacity .3s}
  .carta-3d.carta-3d-viva::after{opacity:.7}
  [data-theme="dark"] .carta-3d::after{mix-blend-mode:screen}
}
/* MARCA_80983_CARTE_3D:fine */