.bloque-areas{
display: flex;
justify-content: center;
}
.bloque-areas .area{
flex: 1;
min-width: 180px;
max-width: 200px;
text-align: center;
padding: .5rem;
}
.bloque-areas .area h3 a{
text-align: center;
font-size: 1rem;
font-weight: 800;
}
.bloque-areas .area .area-image{
max-height: 100px;
transition: all .25s ease-in-out;
}
.bloque-areas .area:hover .area-image{
transform: translateY(-.5rem);
}
.bloque-areas .area .area-image img{
width: auto;
height: 100%;
max-height: 100px;
}
@media (max-width: 1280px){
.bloque-areas{
flex-wrap: wrap;
}
}