/* Wrapper centrado con ancho wide del sitio */
.isnandu-masonry-wrap{
  width: min(var(--wp--style--global--wide-size, 1200px), 96vw);
  margin-inline: auto;
  padding-inline: clamp(8px, 2vw, 16px);
}
.isnandu-masonry-wrap.alignfull{ width: min(1400px, 98vw); }

/* Grid configurable (sin autoreferencias) */
.masonry-grid{
  display:grid;
  grid-template-columns: repeat(var(--cols-xs, 1), minmax(0,1fr));
  gap: var(--gap, 24px);
}
@media(min-width:640px){ .masonry-grid{ grid-template-columns: repeat(var(--cols-sm, 2), minmax(0,1fr)); } }
@media(min-width:1024px){ .masonry-grid{ grid-template-columns: repeat(var(--cols-lg, 3), minmax(0,1fr)); } }
@media(min-width:1280px){ .masonry-grid{ grid-template-columns: repeat(var(--cols-xl, 4), minmax(0,1fr)); } }

/* Fallback por columnas (sin JS) que respeta vars */
.masonry-grid.use-columns{ column-count: var(--cols-xs, 1); column-gap: var(--gap, 24px); }
@media(min-width:640px){ .masonry-grid.use-columns{ column-count: var(--cols-sm, 2); } }
@media(min-width:1024px){ .masonry-grid.use-columns{ column-count: var(--cols-lg, 3); } }
@media(min-width:1280px){ .masonry-grid.use-columns{ column-count: var(--cols-xl, 4); } }
.masonry-grid.use-columns > *{ break-inside: avoid; display:inline-block; width:100%; margin:0 0 var(--gap,24px); }

/* Marcador cuando JS está activo (absolute) */
.masonry-grid.js-masonry-active{ position:relative; }

/* Tarjetas – look Gillion reducido */
.gillion-masonry article.post-card{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:14px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.07) !important;
  overflow:hidden; display:flex; flex-direction:column;
}
.post-card__thumb{ display:block; overflow:hidden; }
.post-card__thumb .wp-post-image, .post-card__thumb img{
  width:100%; height:100%; object-fit:cover; object-position:center; display:block;
}
.gillion-masonry .post-card__body{ padding:14px 16px !important; }
.gillion-masonry .entry-meta{ text-transform:uppercase; font-size:.72rem; letter-spacing:.06em; opacity:.8; margin-bottom:.35rem; }
.gillion-masonry .entry-title{ margin:0 0 .4rem 0; line-height:1.25; font-size:1.05rem; }
.gillion-masonry .entry-excerpt{ font-size:.92rem; opacity:.95; }