/* Reglas compartidas por las miniaturas estáticas y las publicaciones del CMS. */
.blog-entry__media {
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border: 0;
  background: #fff;
}

.blog-entry__media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: var(--thumbnail-fit, cover);
  background: var(--thumbnail-background, #fff);
}

/* Las gráficas con texto se muestran completas sobre su color original.
   Las nuevas fotografías usan el encuadre cuadrado común sin configuración. */
.blog-entry__media img[src$="/og-default.png"] {
  --thumbnail-fit: contain;
  --thumbnail-background: #122543;
}

.blog-entry__media img[src$="/ley-karin.png"] {
  --thumbnail-fit: contain;
  --thumbnail-background: #f2b1bf;
}