/*
 * PopCo Written 2 — direct editorial layer
 * Source family: Source Sans 3, redistributed under the SIL Open Font License.
 */
@font-face {
  font-display: swap;
  font-family: "PopCo Written 2 Direct";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/popco-written-2-direct-400.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "PopCo Written 2 Direct";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/popco-written-2-direct-400-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "PopCo Written 2 Direct";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/popco-written-2-direct-700.woff2") format("woff2");
}

body.popco-typography-active .popco-written-2-enforced,
body.popco-typography-active .popco-written-2-enforced p,
body.popco-typography-active .popco-written-2-enforced li,
body.popco-typography-active .popco-written-2-enforced blockquote,
body.popco-typography-active .popco-written-2-enforced figcaption,
body.popco-typography-active .popco-written-2-enforced h2,
body.popco-typography-active .popco-written-2-enforced h3,
body.popco-typography-active .popco-written-2-enforced h4,
body.popco-typography-active .popco-written-2-enforced h5,
body.popco-typography-active .popco-written-2-enforced h6,
body.popco-typography-active .popco-written-2-enforced a,
body.popco-typography-active .wordpress-article-content > p,
body.popco-typography-active .wordpress-article-content > ul li,
body.popco-typography-active .wordpress-article-content > ol li,
body.popco-typography-active .critique-body > p,
body.popco-typography-active .critique-body > ul li,
body.popco-typography-active .critique-body > ol li {
  font-family: "PopCo Written 2 Direct", sans-serif !important;
  font-kerning: normal !important;
  font-stretch: normal !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility;
}

body.popco-typography-active .popco-written-2-enforced p,
body.popco-typography-active .popco-written-2-enforced li,
body.popco-typography-active .popco-written-2-enforced blockquote,
body.popco-typography-active .wordpress-article-content > p,
body.popco-typography-active .wordpress-article-content > ul li,
body.popco-typography-active .wordpress-article-content > ol li,
body.popco-typography-active .critique-body > p,
body.popco-typography-active .critique-body > ul li,
body.popco-typography-active .critique-body > ol li {
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: -0.006em !important;
  line-height: 1.72 !important;
}

body.popco-typography-active .wordpress-article-content > p,
body.popco-typography-active .wordpress-article-content > ul li,
body.popco-typography-active .wordpress-article-content > ol li {
  color: #242424 !important;
}

body.popco-typography-active .popco-written-2-enforced > p,
body.popco-typography-active
  .popco-written-2-enforced
  > .wp-block-group
  > p {
  margin-bottom: 1.55em !important;
}

body.popco-typography-active .popco-written-2-enforced strong,
body.popco-typography-active .popco-written-2-enforced b,
body.popco-typography-active .popco-written-2-enforced h2,
body.popco-typography-active .popco-written-2-enforced h3,
body.popco-typography-active .popco-written-2-enforced h4,
body.popco-typography-active .popco-written-2-enforced h5,
body.popco-typography-active .popco-written-2-enforced h6 {
  font-family: "PopCo Written 2 Direct", sans-serif !important;
  font-weight: 700 !important;
}

body.popco-typography-active .popco-written-2-enforced em,
body.popco-typography-active .popco-written-2-enforced i {
  font-family: "PopCo Written 2 Direct", sans-serif !important;
  font-style: italic !important;
}

/*
 * Interface blocks inserted between paragraphs keep the PopCollider UI font.
 * "Leia também" is handled separately so its linked headline retains the
 * lighter italic treatment approved for the previous version.
 */
body.popco-typography-active
  .popco-written-2-enforced
  :is(
    .popco-most-read,
    .popco-content-ad,
    .popco-editorial-image
  ),
body.popco-typography-active
  .popco-written-2-enforced
  :is(
    .popco-most-read,
    .popco-content-ad,
    .popco-editorial-image
  )
  * {
  font-family:
    Inter, "Helvetica Neue", Arial, sans-serif !important;
}

body.single-popco_story .article-page {
  background: #fff !important;
}

body.popco-typography-active .popco-inline-related__eyebrow {
  font-family:
    Inter, "Helvetica Neue", Arial, sans-serif !important;
}

body.popco-typography-active .popco-inline-related__link,
body.popco-typography-active .popco-inline-related__link strong {
  font-family: "PopCo Written 2 Direct", sans-serif !important;
  font-size: 20px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -0.004em !important;
  line-height: 1.52 !important;
}

body.popco-typography-active .popco-inline-related__link small,
body.popco-typography-active .popco-inline-related__link i {
  font-family:
    Inter, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
}

/*
 * A seta é desenhada em CSS para manter exatamente o mesmo acabamento em
 * desktop, iOS e Android. Assim, U+2197 nunca é convertido em emoji colorido.
 */
body.popco-typography-active .popco-inline-related__link i {
  color: transparent !important;
  display: block !important;
  flex: 0 0 24px !important;
  font-size: 0 !important;
  height: 24px !important;
  line-height: 0 !important;
  margin-top: 0.18em !important;
  position: relative !important;
  text-decoration: none !important;
  width: 24px !important;
}

body.popco-typography-active .popco-inline-related__link i::before {
  background: #ffbd12;
  border-radius: 999px;
  content: "";
  height: 2.5px;
  left: 2px;
  position: absolute;
  top: 11px;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 20px;
}

body.popco-typography-active .popco-inline-related__link i::after {
  border-right: 2.5px solid #ffbd12;
  border-top: 2.5px solid #ffbd12;
  content: "";
  height: 9px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 9px;
}

@media (min-width: 1120px) {
  body.single-popco_story .article-feature-image,
  body.single-popco_story .article-top-ad-shell {
    max-width: 1120px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  body.single-popco_story .article-feature-image img,
  body.single-popco_story .article-ad-before-feature {
    max-width: 920px !important;
  }

  body.single-popco_story .article-layout {
    column-gap: 56px !important;
    grid-template-columns: minmax(0, 920px) 300px !important;
    max-width: 1340px !important;
    padding: 40px 32px 90px !important;
  }

  /*
   * O conteúdo textual acompanha o H1. O valor exato é medido pelo navegador
   * e gravado nesta variável pelo JavaScript do plugin.
   */
  body.single-popco_story .article-layout > .article-body {
    min-width: 0 !important;
    padding-left: var(--popco-body-align-offset, 0px) !important;
  }

  body.popco-typography-active .popco-written-2-enforced p,
  body.popco-typography-active .popco-written-2-enforced li,
  body.popco-typography-active .popco-written-2-enforced blockquote,
  body.popco-typography-active .wordpress-article-content > p,
  body.popco-typography-active .wordpress-article-content > ul li,
  body.popco-typography-active .wordpress-article-content > ol li,
  body.popco-typography-active .critique-body > p,
  body.popco-typography-active .critique-body > ul li,
  body.popco-typography-active .critique-body > ol li {
    font-size: 24px !important;
  }
}

@media (max-width: 700px) {
  body.single-popco_story .article-header,
  body.single-popco_story .article-feature-image,
  body.single-popco_story .article-top-ad-shell,
  body.single-popco_story .article-layout {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body.single-popco_story .article-layout {
    padding-top: 42px !important;
  }

  body.single-popco_story .article-layout > .article-body {
    padding-left: 0 !important;
  }

  body.popco-typography-active .popco-written-2-enforced p,
  body.popco-typography-active .popco-written-2-enforced li,
  body.popco-typography-active .popco-written-2-enforced blockquote,
  body.popco-typography-active .wordpress-article-content > p,
  body.popco-typography-active .wordpress-article-content > ul li,
  body.popco-typography-active .wordpress-article-content > ol li,
  body.popco-typography-active .critique-body > p,
  body.popco-typography-active .critique-body > ul li,
  body.popco-typography-active .critique-body > ol li {
    font-size: 20px !important;
    letter-spacing: -0.003em !important;
    line-height: 1.78 !important;
  }

  body.popco-typography-active .popco-inline-related__link,
  body.popco-typography-active .popco-inline-related__link strong {
    font-size: 18px !important;
    line-height: 1.52 !important;
  }
}