/* Immagini e video inseriti nei testi dall'editor del pannello (pulsanti
   "Immagine" e "Video"). Usato dal sito e dall'editor stesso. Il nuovo
   template potrà ridisegnarli: la struttura (figure, figcaption, classi) resta. */
.immagine { margin: 1.5rem 0; }
.immagine img { max-width: 100%; height: auto; border-radius: 6px; display: block; }
.immagine figcaption { font-size: .85rem; color: #6b736e; margin-top: .4rem; }
.immagine-piccola { max-width: 400px; }
.immagine-media { max-width: 800px; }
.immagine-grande { max-width: 100%; }
.immagine-centro { margin-left: auto; margin-right: auto; text-align: center; }
.immagine-centro img { margin: 0 auto; }
.immagine-sinistra { float: left; margin: .3rem 1.5rem 1rem 0; max-width: min(45%, 400px); }
.immagine-destra { float: right; margin: .3rem 0 1rem 1.5rem; max-width: min(45%, 400px); }
.video-incorporato { position: relative; aspect-ratio: 16 / 9; margin: 1.5rem 0; clear: both; }
.video-incorporato iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 8px; }
.citazione-pagina { margin: 2rem 0; padding: .4rem 0 .4rem 1.4rem; border-left: 3px solid var(--accent-color, #5a8a66); font-family: Georgia, serif; font-size: 1.25rem; font-style: italic; }
@media (max-width: 600px) {
    .immagine-sinistra, .immagine-destra { float: none; max-width: 100%; margin: 1rem 0; }
}

/* Allegati inseriti dall'editor (pulsante Allegato): link a un file di Media. */
a.allegato { font-weight: 600; }
a.allegato::before { content: "\f0c6"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; margin-right: .35em; font-size: .9em; }
.allegato-info { color: var(--text-color, #666); font-size: .9em; white-space: nowrap; }