/* ── Grid ────────────────────────────────────────────────────────────── */
.imf-bh-grid {
  display: grid;
  grid-template-columns: repeat(var(--imf-bh-cols, 3), 1fr);
  gap: 20px 24px;
}

/* ── Imagen con duotone-soft ─────────────────────────────────────────── */
.imf-bh-img-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 5/3;
  text-decoration: none !important;
  background: #1A1A1A;
  isolation: isolate;
}

/* Imagen: posición absoluta para rellenar el aspect-ratio del padre */
.imf-bh-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: grayscale(1) contrast(1.05) brightness(1);
  transition: transform .4s ease;
}

.imf-bh-article:hover .imf-bh-img {
  transform: scale(1.03);
}

/* Overlay naranja (duotone-soft — 85 % opacidad, mix-blend multiply) */
.imf-bh-overlay {
  position: absolute;
  inset: 0;
  background: #E94E1B;
  mix-blend-mode: multiply;
  opacity: .85;
  pointer-events: none;
  z-index: 2;
}

/* ── Cuerpo ──────────────────────────────────────────────────────────── */
.imf-bh-body {
  margin-top: 20px;
}

/* ── Meta (categoría · fecha · tiempo) ───────────────────────────────── */
.imf-bh-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: #5A5A5A;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.imf-bh-cat {
  color: #E94E1B !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* ── Título ──────────────────────────────────────────────────────────── */
.imf-bh-title {
  font-size: 19px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1.3;
  margin: 0 0 10px;
  transition: color .2s;
}

.imf-bh-title a {
  color: inherit !important;
  text-decoration: none !important;
}

.imf-bh-article:hover .imf-bh-title {
  color: #E94E1B;
}

/* ── Extracto ────────────────────────────────────────────────────────── */
.imf-bh-excerpt {
  font-size: 14px;
  color: #5A5A5A;
  line-height: 1.6;
  margin: 0;
}

/* ── Ver más ─────────────────────────────────────────────────────────── */
.imf-bh-cta {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.imf-bh-cta a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A !important;
  text-decoration: none !important;
  transition: color .2s;
}

.imf-bh-cta a:hover { color: #E94E1B !important; }
.imf-bh-cta svg { width: 16px; height: 16px; transition: transform .2s; }
.imf-bh-cta a:hover svg { transform: translateX(3px); }

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 1023px) {
  .imf-bh-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 639px) {
  .imf-bh-grid  { grid-template-columns: 1fr; gap: 32px; }
  .imf-bh-title { font-size: 18px; }
  .imf-bh-cta   { justify-content: center; margin-top: 32px; }
}