body {
    /* Indica il percorso dell'immagine */
    background-image: url('../img/sfondo.jpeg');
    
    /* Blocca l'immagine sullo sfondo in modo che non scorra con la pagina */
    background-attachment: fixed;
    
    /* Centra l'immagine sia in orizzontale che in verticale */
    background-position: center center;
    
    /* Impedisce all'immagine di ripetersi come un mosaico */
    background-repeat: no-repeat;
    
    /* Forza l'immagine a coprire l'intera superficie dello schermo, adattandosi */
    background-size: cover;

    /* Rende le card dei servizi leggermente trasparenti per far vedere lo sfondo */
    .shadow-sm {
       background-color: rgba(255, 255, 255, 0.85) !important; 
       /* 0.85 significa 85% opaco, 15% trasparente */
    }

    /* 1. Forza la visibilità del text-muted all'interno dei box scuri (come i recapiti) */
    .bg-dark .text-muted, 
    .bg-dark .list-unstyled.text-muted {
        color: rgba(255, 255, 255, 0.6) !important; 
        /* Trasforma il grigio scuro in un bianco semi-trasparente molto elegante e leggibile */
    }

    /* 2. Se l'immagine di sfondo del sito è molto scura e copre il footer */
    footer .text-muted {
        color: rgba(255, 255, 255, 0.5) !important;
    }

    /* 3. Assicuriamoci che i testi opzionali nel form siano ben visibili */
    .form-label .text-muted {
        color: #6c757d !important; /* Grigio antracite standard, perfetto sul bianco del form */
    }
}