/* ============================================================
 * EndlessMed — Portale Web — editruntime.css
 * Effetti hover applicabili dagli override (bucket "fx" di content.json).
 * Caricato sul SITO PUBBLICO e nell'iframe dell'editor. NIENTE chrome editor
 * qui (quella la inietta portale_editor.js solo in editing).
 * ============================================================ */

.edfx-lift { transition: transform .18s ease, box-shadow .18s ease; }
.edfx-lift:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(2,32,71,.14); }

.edfx-glow { transition: box-shadow .2s ease; }
.edfx-glow:hover { box-shadow: 0 0 0 3px rgba(66,104,193,.18), 0 10px 30px rgba(66,104,193,.20); }

.edfx-zoom { transition: transform .22s ease; overflow: hidden; }
.edfx-zoom:hover { transform: scale(1.02); }

.edfx-fade { animation: edfxFade .6s ease both; }
@keyframes edfxFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .edfx-lift, .edfx-glow, .edfx-zoom, .edfx-fade { transition: none !important; animation: none !important; }
  .edfx-lift:hover, .edfx-zoom:hover { transform: none !important; }
}