/* Digitalia – tavole vive (fase 2): la tavola d'apertura delle pagine tema è un SVG a strati.
 * Sequenza solo CSS, entro 5 s: contenuti → frecce → simbolo AI → fumetti → aloni dei sensori.
 * Con "riduci movimento" la tavola è ferma e completa. */
.dg-tavola--viva .dg-tv { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; box-sizing: border-box; border: 1px solid var(--dg-bordo, #D5DFE9); border-radius: 14px; background: #FFFFFF; }
.dg-tv text { font-family: var(--wp--preset--font-family--barlow, 'Barlow'), 'Segoe UI', sans-serif; }

@media (prefers-reduced-motion: no-preference) {
	.dg-tv :is(.dg-strato--contenuto, .dg-strato--sensori, .dg-strato--ai) > .dg-el {
		animation: dg-tv-su .55s cubic-bezier(.2, .7, .2, 1) both;
		animation-delay: calc(.25s + min(var(--n, 0), 8) * .1s + min(var(--i, 0), 6) * .04s);
	}
	.dg-tv .dg-strato--frecce { animation: dg-tv-tendina 1.1s cubic-bezier(.4, 0, .2, 1) 1s both; }
	.dg-tv .dg-ai { transform-box: fill-box; transform-origin: 50% 50%; animation: dg-tv-giro .8s cubic-bezier(.4, 0, .2, 1) 1.9s both; }
	.dg-tv .dg-strato--fumetti > .dg-el {
		transform-box: fill-box; transform-origin: 50% 50%;
		animation: dg-tv-fumetto .4s cubic-bezier(.2, .7, .2, 1) both;
		animation-delay: calc(2.2s + min(var(--i, 0), 8) * .14s);
	}
	.dg-tv .dg-alone { transform-box: fill-box; transform-origin: 50% 50%; animation: dg-tv-alone .9s ease-in-out 3s 2; }
	/* In attesa di entrare in vista (movimento-tavole: classe aggiunta da tavole.js) */
	.dg-tv.dg-tv--attesa, .dg-tv.dg-tv--attesa * { animation-play-state: paused !important; }
}
@keyframes dg-tv-su { from { opacity: 0; translate: 0 14px; } }
@keyframes dg-tv-tendina { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes dg-tv-giro { from { rotate: 0deg; } to { rotate: 360deg; } }
@keyframes dg-tv-fumetto { from { opacity: 0; scale: .94; } }
@keyframes dg-tv-alone { 50% { scale: 1.6; opacity: .35; } }