.cardContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
    /* 🔹 Tutte le card avranno la stessa altezza */
}

.eventResultCard {
    width: calc(100% / 3 - 20px);
    border: 1px solid #d1d1d1;
    border-radius: 20px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    /* 🔹 Permette di gestire meglio il layout interno */
    justify-content: space-between;
    /* opzionale: distribuisce contenuti */
}

@media screen and (max-width:1024px){
    .eventResultCard{
        width: calc(100% / 2 - 20px);
    }
}

@media screen and (max-width: 768px) {

    .cardContainer {
        flex-direction: column;
    }

    .eventResultCard {
        width: 100% !important;
    }

    .overlayModal>div:first-child {
        width: 95vw !important;
        padding: 15px !important;
    }

    .overlayModal>div:first-child div:nth-child(2) {
        padding-right: 0 !important;
        font-size: 20px !important;
        margin-top: 55px !important;
        text-align: center;
    }
    .overlayModal>div:first-child div:nth-child(3), .overlayModal>div:first-child div:nth-child(4) {
        text-align: center;
    }
}