.container_listing_diagnostica {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 50px 0 50px 0;
    gap: 3%;
}

.box_diagnostica {
    flex: 1 1 30%;
    margin: 20px 0;
	background-color: #f2f2f2;
}

.box_diagnostica:hover {
    transition: 0.5s;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.box_diagnostica .box_info {
    padding: 20px;
}

.box_diagnostica .box_info .title {
    text-align:center;
}


.box_diagnostica .title a {
    color: var(--blu);
}

.box_diagnostica .title a:hover {
    color: var(--celeste);
	transition:0.5s;    
}


.box_diagnostica .button {
   padding: 0 20px 20px 20px;
}

.box_diagnostica .button a{
   display:block;
}

@media screen and (max-width: 768px) {
.box_diagnostica { flex: 1 1 100%;}
}