.immobili-archive {
max-width:1400px;
margin:auto;
padding:60px 20px;
}

.immobili-title {
text-align:center;
font-size:42px;
margin-bottom:60px;
font-weight:300;
}

.immobili-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.immobile-card {
display:block;
position:relative;
overflow:hidden;
text-decoration:none;
}

.immobile-image {
position:relative;
height:420px;
overflow:hidden;
}

.immobile-image img {
width:100%!important;
height:100%!important;
object-fit:cover!important;
}

.immobile-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
color:white;
text-align:center;
background:rgba(0,0,0,0.35);
padding:20px;
}

.immobile-tipologia {
font-size:28px;
font-weight:700;
letter-spacing:2px;
margin-top:70px;
}

.immobile-indirizzo {
font-size:20px;
margin-top:5px;
}

.immobile-prezzo {
font-size:26px;
font-weight:700;
margin-top:20px;
}

.immobile-mq {
font-size:18px;
margin-top:5px;
}

.immobile-button {
margin-top:auto;
margin-bottom:20px;
border:1px solid white;
padding:10px 26px;
font-size:14px;
transition:0.3s;
}

.immobile-card:hover .immobile-button {
background:white;
color:black;
}

.immobile-venduto{
position:absolute;
top:0;
left:0;
width:100%;
padding:16px 20px;
font-size:22px;
font-weight:700;
letter-spacing:2px;
color:#fff;
text-align:center;
background-color:rgb(176, 5, 5);
z-index:5;
text-transform:uppercase;
}

/* tablet */

@media(max-width:1024px){

.immobili-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* mobile */

@media(max-width:640px){

.immobili-grid{
grid-template-columns:1fr;
}

.immobile-image{
height:380px;
}

.immobile-tipologia{
margin-top:60px;
}

}