:root{
  --featured-w: 1170px;
  --featured-ratio: 16 / 9;
  --featured-mask: url("http://cleanairnet.org/wp-content/uploads/2025/12/mask-41-white-1170x658.13-1.svg");
}



/* =========================================================
   FEATURED IMAGE (contenedor)
   ========================================================= */
body.single-post figure.single-featured-image{
  width: var(--featured-w);
  max-width: 100%;
  aspect-ratio: var(--featured-ratio);
  overflow: hidden;

  /* espaciado general */
  margin: 170px auto !important;   /* 170 arriba/abajo + centrado horizontal */
  padding: 0 !important;
  line-height: 0 !important;
}

/* Imagen: rellena el marco y recorta */
body.single-post figure.single-featured-image > img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: 50% 40% !important;

  margin: 0 !important;
  padding: 0 !important;

  /* Máscara (Safari + estándar) */
  -webkit-mask-image: var(--featured-mask);
  mask-image: var(--featured-mask);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  mask-mode: luminance;
}

/* Evitar que el bloque siguiente/anterior meta margen colapsado extra */
body.single-post .entry-content > figure.single-featured-image + *{
  margin-top: 0 !important;
}
body.single-post .entry-content > * + figure.single-featured-image{
  margin-bottom: 0 !important;
}

/* =========================================================
   ENCABEZADO H1 (tu estilo) + 170px debajo
   ========================================================= */
body.single-post h1,
body.blog h1,
body.archive h1,
body.category h1,
body.tag h1{
  color: #000 !important;
  font-family: 'gt-super', gt-super, Georgia, Cambria, "Times New Roman", Times, serif !important;
  font-size: 100px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 80px !important;
}

/* 170px debajo del título en single post */
body.single-post h1{
  margin-bottom: 120px !important;
}

/* =========================================================
   (OPCIONAL) Ajuste en móvil
   ========================================================= */
@media (max-width: 768px){
  body.single-post figure.single-featured-image{
    margin: 90px auto !important;
  }
  body.single-post h1{
    margin-bottom: 90px !important;
    font-size: 52px !important;
    line-height: 46px !important;
  }
}