.ndp-grid {
    column-count: 3;
    column-gap: 24px;
}

.ndp-item {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin: 0 0 24px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ndp-item:hover {
    transform: scale(1.02);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.18);
}

.ndp-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.ndp-link:hover,
.ndp-link:focus,
.ndp-link:active {
    text-decoration: none;
}

.ndp-imagen {
    display: block;
    width: 100%;
    height: auto;
}

.ndp-titulo {
    margin: 0;
    padding: 18px 18px 8px;
    text-decoration: none;
}

.ndp-fecha {
    padding: 0 18px 8px;
}

.ndp-comentarios {
    padding: 0 18px 18px;
}

.ndp-titulo,
.ndp-fecha,
.ndp-comentarios {
    word-break: break-word;
}

@media (max-width: 991px) {
    .ndp-grid {
        column-count: 2;
    }
}

@media (max-width: 600px) {
    .ndp-grid {
        column-count: 1;
    }
}