.card-img-top {
    width: 100%;  /* L'immagine occupa tutta la larghezza della card */
    height: 200px;  /* Impostiamo un'altezza fissa per tutte le immagini */
    object-fit: cover;  /* L'immagine si adatta senza distorcere */
}

/* Barra delle informazioni sopra la navbar */
.info-bar {
    font-size: 12px;  /* Dimensione del testo */
    position: fixed;  /* Fissa la barra in cima */
    top: 0;
    left: 0;
    width: 100%;
    background-color: #343a40; /* Colore di sfondo scuro */
    color: white;
    z-index: 9999; /* Assicura che la barra si posizioni sopra la navbar */
    padding: 5px 0;
    text-align: left;
    margin-bottom: 10px;
}

/* Aggiungi margine superiore al body per evitare che il contenuto venga coperto dalla barra e navbar */
body {
    padding-top: 70px; /* Imposta un margine per non sovrapporre la navbar */
}

/* Navbar fissa sotto la barra delle informazioni */
.navbar {
    z-index: 10; /* Assicura che la navbar stia sopra il contenuto ma sotto la barra delle informazioni */
    margin-top: 70px;  /* Imposta uno spazio tra la barra delle informazioni e la navbar */
}

/* Stile per le icone nella barra delle informazioni */
.info-bar i {
    font-size: 20px; /* Aumenta la dimensione delle icone */
    margin: 0 5px 0 0px; /* Distanza tra icona e testo */
}