/*
 * ACSI — Utility per forzare qualunque immagine a un aspect ratio 16:9,
 * indipendentemente dalle dimensioni/proporzioni del file originale.
 * Il ritaglio è fatto dal browser (object-fit: cover), non dal file:
 * funziona su qualunque immagine caricata, oggi o in futuro, senza
 * bisogno di pre-elaborarla.
 *
 * Uso:
 *   <div class="acsi-immagine-16-9">
 *     <img src="qualunque-immagine.jpg" alt="...">
 *   </div>
 */

.acsi-immagine-16-9 {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--raggio-bordo-card, 12px);
	background: var(--colore-sfondo-alt, #EDEAE2); /* placeholder visibile finché l'immagine non carica */
}

.acsi-immagine-16-9 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center; /* cambia per immagine se il soggetto non è centrato, es. "center top" per volti */
	display: block;
}