/*
 * Perché il footer utilizzi tutto lo spazio orizzontale disponibile
 */
#mod-custom110 {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

/*
 * Per ottenere un testo overlay sopra a una immagine usare il seguente html e css:
 * <div class="immagine-overlay-container">
 *   <img class="immagine-sfondo" src="images/immagine.png" alt=""><!-- Immagine di sfondo del modulo -->
 *   <div class="box-testo-trasparente"><!-- Casella di testo sovrapposta -->
 *     <h2>Testo con eventuale <a href="url">link</a> e altro</h2>
 *   </div>
 * </div>
 */
/* Contenitore principale */
.immagine-overlay-container {
  position: relative;
  width: 100%;
  /* max-width: 800px; ** Imposta la larghezza massima che desideri */
  margin: 0 auto;
}

/* Rende l'immagine fluida e responsiva */
.immagine-sfondo {
  width: 100%;
  height: auto;
  display: block;
}

/* Casella di testo sovrapposta e trasparente */
.box-testo-trasparente {
  position: absolute;
  top: 50%;         /* Posiziona al centro verticale (puoi usare anche bottom: 20px;) */
  left: 50%;        /* Posiziona al centro orizzontale */
  transform: translate(-50%, -50%); /* Centra perfettamente il box */
  
  /* Sfondo trasparente usando i valori RGBA (0.6 crea un grigio) */
  background-color: rgba(0, 0, 0, 0); 
  
  color: #800000;   /* Colore del testo */
  padding: 20px;
  border-radius: 8px;
  width: 80%;       /* Larghezza della casella di testo rispetto all'immagine */
  text-align: center;
  box-sizing: border-box;
}

/*
 * Effetto fade-in per una immagine
 * <img src="/images/tua-immagine.jpg" class="img-fade-in" alt="Descrizione" />
 */

@keyframes fadeInEffect { /* Definizione dell'animazione di dissolvenza */
    from {
        opacity: 0;
        transform: translateY(10px); /* Opzionale: aggiunge un leggero movimento verso l'alto */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Classe da applicare all'immagine */
.img-fade-in {
    animation: fadeInEffect 1.0s ease-out forwards; /* velocità di comparsa */
    will-change: opacity, transform;
}