/* =====================================
   IMAGENES.CSS · Contenido del sitio
===================================== */
/* =========================
   HERO FULL WIDTH
========================= */
/* =========================
   HERO FULL WIDTH (FIXED)
========================= */
.hero-full {
  width: 100%;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.hero-full img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}


/* Imágenes dentro del contenido del blog */
.blog-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
}

/* Figuras con imagen */
.blog-content figure {
  margin: 24px auto;
  text-align: center;
}

.blog-content figure img {
  margin: 0 auto;
}

/* Captions si los usás */
.blog-content figcaption {
  font-size: 14px;
  color: #939393;
  margin-top: 8px;
}