/* Isotope CSS */
.isotope {
    transition-property: height, width;
    transition-duration: 0.5s;
}

.isotope-item {
    z-index: 2;
    transition-duration: 0.5s;
    transition-property: transform, opacity;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/* Estilos para os cards */
.blog-isotope .hb-item {
    margin-bottom: 20px;
}

.blog-isotope .blog-post {
    height: 100%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.blog-isotope .blog-post:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* Imagem padrão para servidores */
.server-default-image {
    width: 100%;
    height: 200px;
    background-color: #333;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.server-default-image i {
    font-size: 48px;
    margin-bottom: 10px;
}