body:has(.series-landing-hero) .series-landing-hero,
body:has(.series-landing-hero) main > section {
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:min(1180px,calc(100vw - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:has(.series-landing-hero) main > section p,
body:has(.series-landing-hero) main > section ul {
  max-width:none!important;
}
body:has(.series-landing-hero) main > section {
  padding-left:0!important;
  padding-right:0!important;
}
body:has(a[href="/series/cronicas-de-aqueron"]) .hero,
body:has(a[href="/series/cronicas-de-aqueron"]) .page-hero {
  min-height:0!important;
  padding-bottom:.6rem!important;
  margin-bottom:.4rem!important;
}
body:has(a[href="/series/cronicas-de-aqueron"]) main > section:first-of-type {
  padding-top:.4rem!important;
}
.series-canon-nav {
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:1rem;
}
.series-canon-nav a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.9rem 1.1rem;
  border:1px solid rgba(214,178,94,.45);
  background:#d8ad53;
  color:#090b0f!important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  text-decoration:none;
}
@media(max-width:760px){
  body:has(.series-landing-hero) .series-landing-hero,
  body:has(.series-landing-hero) main > section {
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}