/*
 * Stili per il layout a 3 colonne
 */

.vetrina-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Spazio tra le anteprime */
    justify-content: center;
}

.anteprima {
    /* ...altri stili... */
    
    /* Calcola la larghezza per avere 3 colonne con uno spazio tra di esse */
    flex: 1 1 calc(33.333% - 20px); 
    
    /* Imposta una larghezza massima per evitare che si allarghino troppo su schermi grandi */
    max-width: calc(33.333% - 20px); 
    
    /* Rimuovi l'allineamento orizzontale per il contenuto delle anteprime */
    text-align: left;
}

.anteprima-immagine {
    text-align: center;
    margin-bottom: 15px;
}

.anteprima-immagine img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.anteprima-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.leggi-tutto {
    margin-top: auto; /* Sposta il bottone in basso per allinearlo */
}

/* Stili per dispositivi più piccoli (mobile) */
@media (max-width: 768px) {
    .anteprima {
        /* Torna a 1 colonna su schermi piccoli */
        flex: 1 1 100%;
        max-width: 100%;
    }
}