/* FVS Blog Tendências — Grid & Cards */
.feupress-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 22px; margin: 30px 0; }
.feupress-grid article {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 0;
    /* will-change garante compositing no GPU — sem CLS */
    will-change: transform;
    transition: transform .25s;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.feupress-grid article:hover { transform: translateY(-3px); }
.feupress-grid .post-thumbnail { margin: 0; }
.feupress-grid .post-thumbnail img { width: 100%; height: 180px; object-fit: cover; display: block; aspect-ratio: 4/3; }
.feupress-grid .post-meta-small, .feupress-grid .entry-title, .feupress-grid p { padding-left: 16px; padding-right: 16px; }
.feupress-grid .post-meta-small { padding-top: 12px; margin-bottom: 6px; }
.feupress-grid .entry-title { font-size: 1.05em; margin: 6px 0 8px; text-align: left; line-height: 1.35; }
.feupress-grid p { font-size: .88em; color: #545454; margin: 0 0 16px; line-height: 1.55; }

/* Colunas configuráveis */
.feupress-grid-cols-1 { grid-template-columns: 1fr !important; }
.feupress-grid-cols-2 { grid-template-columns: repeat(2, 1fr) !important; }
.feupress-grid-cols-3 { grid-template-columns: repeat(3, 1fr) !important; }
.feupress-grid-cols-4 { grid-template-columns: repeat(4, 1fr) !important; }

@media (max-width: 1024px) {
    .feupress-grid-cols-4 { grid-template-columns: repeat(2, 1fr) !important; }
    .feupress-grid-cols-3 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
    .feupress-grid-cols-1,
    .feupress-grid-cols-2,
    .feupress-grid-cols-3,
    .feupress-grid-cols-4 { grid-template-columns: 1fr !important; }
}