.event-image-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}

.event-image-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 134, 182, 0.18); /* Base overlay color */
    transition: background 0.3s ease;
    z-index: 1;
}

.event-image-wrapper:hover::before {
    background: rgba(232, 134, 57, 0.21); /* Hover overlay color */
}




.card-event-archive img {
    width: 297px;
	height: 297px;
	object-fit: cover;
	border-radius: 5px;
   
}
.card-event-archive h4 {
	text-transform: capitalize;
}


.p-r {
	padding: 0;
}


/* A partire da 768px (o un'altra soglia) le card occupano il 100% della larghezza */
@media (max-width: 768px) {
   
}