.series-landing-hero {
  width: min(1180px, calc(100vw - 48px));
  margin: 1.6rem auto 3rem;
}
.series-landing-hero__frame {
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(214,178,94,.38);
  background: #05070b;
  box-shadow: 0 32px 92px rgba(0,0,0,.62);
}
.series-landing-hero img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: unset;
  object-position: center top;
}

/* Alinear el contenido posterior con el ancho de la imagen */
body:has(.series-landing-hero) main > section,
body:has(.series-landing-hero) main > article,
body:has(.series-landing-hero) .page-section,
body:has(.series-landing-hero) .section,
body:has(.series-landing-hero) .prose {
  width: min(1180px, calc(100vw - 48px));
  max-width: min(1180px, calc(100vw - 48px));
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 760px) {
  .series-landing-hero,
  body:has(.series-landing-hero) main > section,
  body:has(.series-landing-hero) main > article,
  body:has(.series-landing-hero) .page-section,
  body:has(.series-landing-hero) .section,
  body:has(.series-landing-hero) .prose {
    width: calc(100vw - 28px);
    max-width: calc(100vw - 28px);
  }
}