/* Photo-backed first block on blog landing pages only. The navigation stays image-free. */
.page-hero.blog-index-hero {
  color: #fffefa;
  background-color: #173e32;
  background-image: linear-gradient(90deg, rgba(12, 40, 31, .84) 0%, rgba(12, 40, 31, .69) 56%, rgba(12, 40, 31, .48) 100%), url('../img/instalacion-industrial-hero-clean.jpg');
  background-size: cover;
  background-position: center 56%;
  border-bottom: 0;
}
.page-hero.blog-index-hero h1 { max-width: 22ch; color: #fffefa; }
.page-hero.blog-index-hero p:not(.section-tag) { color: #e6eee8; }
.page-hero.blog-index-hero .section-tag { color: #f0c4a7; background: rgba(12, 40, 31, .62); }
@media (max-width: 760px) {
  .page-hero.blog-index-hero {
    background-image: linear-gradient(0deg, rgba(12, 40, 31, .84), rgba(12, 40, 31, .68)), url('../img/instalacion-industrial-hero-clean.jpg');
    background-position: center;
  }
}