/**
 * Fotos editoriales inline (no heroes de página).
 * Heroes full-bleed: visual-premium.css
 * Cargar DESPUÉS de main.css y visual-premium.css.
 */

#main section:not(#banner) span.image.fit,
#main .inner > span.image.fit {
  display: block;
  box-sizing: border-box;
  width: min(100%, 500px);
  max-width: 500px;
  margin: 0 auto 1.5rem;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
  line-height: 0;
  box-shadow: 0 4px 22px rgba(15, 23, 42, 0.07);
}

#main section:not(#banner) span.image.fit img,
#main .inner > span.image.fit img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: unset;
}