figure.media.media--image-caption {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
figure.media.media--image-caption .media__image {
  width: 100%;
}
figure.media.media--image-caption .media__image img {
  display: block;
  width: 100%;
  margin: 0;
}
figure.media.media--image-caption .media__caption {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin-top: 6px;
  margin-bottom: -26px;
  color: #787878;
}
figure.media.media--image-caption .media__caption span * {
  display: inline;
}
figure.media.media--image-caption .media__separator {
  margin: 0 0.25rem;
}
.field--type-text-long figure.media.media--image-caption.with-caption + *,
.field--type-text-with-summary figure.media.media--image-caption.with-caption + * {
  /* Cuando la imagen se añade desde el CKEditor puede tener otros
  elementos a continuación. Se añade este margen para dar un poco de
  aire */
  margin-top: 2rem;
}