/* Com Marília Portal Tools — Article Reader consolidated stylesheet. */
/* Generated from the approved RC15 cascade. Order is intentionally preserved. */

/* ===== source: article-reader-core-5.12.0-rc3.css ===== */
/* Com Marília Portal Tools 5.12.0-RC3 — Global Article Reader Core */
body.cmpt-global-reader-open { overflow: hidden !important; }
.cmpt-global-reader[hidden] { display: none !important; }
.cmpt-global-reader {
  position: fixed;
  inset: 0;
  z-index: 99990;
  display: grid;
  place-items: center;
  padding: 18px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}
.cmpt-global-reader.is-open { opacity: 1; visibility: visible; }
.cmpt-global-reader__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(1,7,13,.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.cmpt-global-reader__panel {
  position: relative;
  width: min(1180px, calc(100vw - 36px));
  height: min(94dvh, 980px);
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0,1fr);
  overflow: hidden;
  border: 1px solid rgba(143,165,190,.22);
  border-radius: 18px;
  background: #06111f;
  color: #f7f9fc;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  outline: 0;
  transform: translateY(12px) scale(.992);
  transition: transform .24s cubic-bezier(.16,1,.3,1);
}
.cmpt-global-reader.is-open .cmpt-global-reader__panel { transform: translateY(0) scale(1); }
.cmpt-global-reader__chrome {
  position: relative;
  z-index: 4;
  min-height: 58px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(143,165,190,.15);
  background: rgba(5,15,27,.96);
}
.cmpt-global-reader__close,
.cmpt-global-reader__modes > a,
.cmpt-global-reader__modes > span {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(143,165,190,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #d9e1ec;
  font: 700 11px/1 Inter, sans-serif;
  text-decoration: none;
}
.cmpt-global-reader__close {
  justify-self: start;
  padding: 0 15px;
  cursor: pointer;
}
.cmpt-global-reader__modes {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px;
  border: 1px solid rgba(143,165,190,.18);
  border-radius: 999px;
  background: rgba(1,8,15,.55);
}
.cmpt-global-reader__modes > a,
.cmpt-global-reader__modes > span {
  min-width: 104px;
  border: 0;
  background: transparent;
}
.cmpt-global-reader__modes > .is-active {
  background: rgba(255,84,40,.15);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,84,40,.45);
}
.cmpt-global-reader__close svg,
.cmpt-global-reader__modes svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cmpt-global-reader__scroll {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.cmpt-global-reader__body {
  width: 100%;
  min-height: 100%;
  padding: 8px 0 44px;
}
.cmpt-global-reader__body > .cm-article {
  width: min(100% - 36px, 1080px);
  margin-inline: auto;
}
.cmpt-global-reader__status {
  width: min(100% - 36px, 760px);
  margin: 50px auto;
  padding: 22px;
  border: 1px solid rgba(143,165,190,.18);
  border-radius: 14px;
  color: #aeb9c8;
  background: rgba(255,255,255,.025);
  text-align: center;
}
.cmpt-global-reader__status.is-error { color: #ffd4ca; border-color: rgba(255,84,40,.32); }
.cmpt-global-reader .cm-article { background: transparent !important; }
.cmpt-global-reader .cm-article-header { padding-top: 34px; }

@media (max-width: 820px) {
  .cmpt-global-reader { padding: 0; place-items: stretch; }
  .cmpt-global-reader__panel {
    width: 100%;
    height: 100dvh;
    max-height: none;
    border: 0;
    border-radius: 0;
  }
  .cmpt-global-reader__chrome {
    min-height: calc(54px + env(safe-area-inset-top));
    padding: max(7px, env(safe-area-inset-top)) 10px 7px;
  }
  .cmpt-global-reader__close {
    width: 38px;
    min-height: 38px;
    padding: 0;
  }
  .cmpt-global-reader__close span { display: none; }
  .cmpt-global-reader__modes > a,
  .cmpt-global-reader__modes > span { min-width: 82px; min-height: 36px; font-size: 10px; }
  .cmpt-global-reader__body { padding-bottom: calc(34px + env(safe-area-inset-bottom)); }
  .cmpt-global-reader__body > .cm-article { width: min(100% - 28px, 720px); }
}

@media (prefers-reduced-motion: reduce) {
  .cmpt-global-reader,
  .cmpt-global-reader__panel { transition-duration: .01ms !important; }
}

/* ===== source: article-reader-blog-5.12.0-rc4.css ===== */
/*
 * Com Marília Portal Tools 5.12.0-RC4 — Blog Article Modal
 * Full editorial composition inside global Reader and Webstories article modal.
 */

/* ---------- Global Reader ---------- */
.cmpt-global-reader.has-blog-article .cmpt-global-reader__panel {
  width: min(1360px, calc(100vw - 34px));
  height: min(96dvh, 1080px);
}

.cmpt-global-reader.has-blog-article .cmpt-global-reader__body {
  padding: 0 0 54px;
}

.cmpt-global-reader.has-blog-article .cmpt-global-reader__body > .cm-article {
  width: min(calc(100% - 44px), 1240px);
  max-width: 1240px;
  margin-inline: auto;
  padding: 0;
}

.cmpt-global-reader.has-blog-article .cm-article-header {
  margin-left: 0;
  margin-right: auto;
  padding-top: 32px;
}

.cmpt-global-reader.has-blog-article .cm-article-hero {
  width: min(100%, 1200px);
  margin-left: 0;
  margin-right: auto;
}

.cmpt-global-reader.has-blog-article .cm-article-layout {
  width: 100%;
  grid-template-columns: 48px minmax(0,var(--cm-reading-width)) minmax(270px,340px);
  justify-content: start;
}

.cmpt-global-reader.has-blog-article .cm-article-layout--no-sidebar {
  grid-template-columns: 48px minmax(0,var(--cm-reading-width));
}

.cmpt-global-reader.has-blog-article .cm-article-sidebar {
  position: sticky;
  top: 18px;
}

.cmpt-global-reader.has-blog-article .cm-related-section {
  width: min(100%, 1200px);
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 32px;
}

.cmpt-global-reader.has-blog-article .cm-related-section .cm-editorial-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.cmpt-global-reader.has-blog-article .cm-reader-newsletter form {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
}

/* ---------- Player article modal ---------- */

.cmpt-modal-full-article.cmpt-modal-blog-article {
  --cm-reading-width: 760px;
  width: min(calc(100% - 42px), 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 16px 0 48px !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-reading-container {
  width: min(100%,var(--cm-reading-width)) !important;
  max-width: var(--cm-reading-width) !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-header,
.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-content {
  width: min(100%,var(--cm-reading-width)) !important;
  max-width: var(--cm-reading-width) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-hero {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 4px 0 0 !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-hero img {
  width: 100% !important;
  height: auto !important;
  max-height: 690px !important;
  object-fit: cover !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-ad-slot,
.cmpt-modal-full-article.cmpt-modal-blog-article .cm-ad-slot--wide {
  width: min(100%,var(--cm-reading-width)) !important;
  max-width: var(--cm-reading-width) !important;
  margin-left: 48px !important;
  margin-right: auto !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-layout {
  display: grid !important;
  grid-template-columns: 48px minmax(0,var(--cm-reading-width)) minmax(270px,340px) !important;
  justify-content: start !important;
  align-items: start !important;
  gap: 26px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 0 !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-layout--no-sidebar {
  grid-template-columns: 48px minmax(0,var(--cm-reading-width)) !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-share-rail {
  position: sticky !important;
  top: 84px !important;
  display: grid !important;
  justify-items: center !important;
  align-self: start !important;
  gap: 8px !important;
  padding: 12px 6px !important;
  border: 1px solid var(--cm-border) !important;
  border-radius: 12px !important;
  background: rgba(8,18,32,.7) !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-share-rail span {
  display: block !important;
  color: #8997aa !important;
  font-size: .5rem !important;
  text-transform: uppercase !important;
  writing-mode: vertical-rl !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-share-rail button {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #d6dde7 !important;
  cursor: pointer !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-sidebar {
  position: sticky !important;
  top: 76px !important;
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 340px !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-panel,
.cmpt-modal-full-article.cmpt-modal-blog-article .cm-sidebar-ad {
  width: 100% !important;
  max-width: 100% !important;
  padding: 16px 18px !important;
  border: 1px solid var(--cm-border) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg,rgba(14,28,47,.96),rgba(8,18,32,.96)) !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-mini > a {
  display: grid !important;
  grid-template-columns: 78px minmax(0,1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 11px 0 !important;
  border-top: 1px solid rgba(150,172,207,.13) !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-mini > a:first-of-type {
  border-top: 0 !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-mini img {
  width: 78px !important;
  height: 62px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-mini small {
  display: block !important;
  color: var(--cm-accent) !important;
  font-size: .54rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-mini strong {
  display: block !important;
  margin-top: 3px !important;
  color: #fff !important;
  font-size: .76rem !important;
  line-height: 1.22 !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-newsletter h2 {
  margin: 0 0 5px !important;
  color: #fff !important;
  font: 800 .75rem/1.2 Poppins,Inter,sans-serif !important;
  text-transform: uppercase !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-newsletter p {
  margin: 0 0 12px !important;
  color: #aeb8c7 !important;
  font-size: .66rem !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-newsletter form {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-newsletter input,
.cmpt-modal-full-article.cmpt-modal-blog-article .cm-newsletter button {
  min-width: 0 !important;
  height: 36px !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-newsletter input {
  padding: 0 10px !important;
  border: 1px solid var(--cm-border) !important;
  border-radius: 7px 0 0 7px !important;
  background: rgba(6,15,26,.75) !important;
  color: #fff !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-newsletter button {
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 0 7px 7px 0 !important;
  background: var(--cm-accent) !important;
  color: #fff !important;
  font-size: .55rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-section {
  display: block !important;
  width: min(100%,1200px) !important;
  max-width: 1200px !important;
  margin: 10px 0 0 !important;
  padding: 0 0 28px !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-section .cm-section-heading h2 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font: 800 .78rem/1.2 Poppins,Inter,sans-serif !important;
  text-transform: uppercase !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-section .cm-editorial-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
}

.cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-actions-mobile {
  display: none !important;
}

/* ---------- Mobile: single column, keeping all editorial blocks ---------- */
@media (max-width: 900px) {
  .cmpt-global-reader.has-blog-article .cmpt-global-reader__body > .cm-article {
    width: min(calc(100% - 28px), 760px);
  }
  .cmpt-global-reader.has-blog-article .cm-article-layout,
  .cmpt-global-reader.has-blog-article .cm-article-layout--no-sidebar {
    display: block !important;
    width: 100% !important;
    margin-top: 14px !important;
  }
  .cmpt-global-reader.has-blog-article .cm-article-share-rail { display: none !important; }
  .cmpt-global-reader.has-blog-article .cm-article-actions-mobile { display: flex !important; }
  .cmpt-global-reader.has-blog-article .cm-article-sidebar { position: static !important; margin-top: 20px !important; }
  .cmpt-global-reader.has-blog-article .cm-related-section .cm-editorial-grid { grid-template-columns: 1fr !important; }
  .cmpt-modal-full-article.cmpt-modal-blog-article {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 14px 38px !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-header,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-content,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-reading-container,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-hero,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-ad-slot,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-ad-slot--wide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-layout,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-layout--no-sidebar {
    display: block !important;
    width: 100% !important;
    margin-top: 14px !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-share-rail {
    display: none !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-actions-mobile {
    display: flex !important;
    gap: 8px !important;
    margin: 12px 0 !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-actions-mobile button {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 12px !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.035) !important;
    color: #d5dce7 !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-sidebar {
    position: static !important;
    display: grid !important;
    max-width: none !important;
    margin-top: 20px !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-section .cm-editorial-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ===== source: article-reader-performance-5.12.0-rc8.css ===== */
/*
 * Com Marília Portal Tools 5.12.0-RC8 — Article Reader performance layer.
 * Paints below-the-fold recommendation sections only when they approach the viewport.
 */
@supports (content-visibility: auto) {
  .cmpt-global-reader.has-blog-article .cm-related-section,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-related-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 520px;
  }
}

/* ===== source: article-reader-accessibility-5.12.0-rc9.css ===== */
/*
 * Com Marília Portal Tools 5.12.0-RC9 — Article Reader accessibility hardening.
 * No layout redesign: focus visibility, reduced motion and forced-colors support only.
 */
.cmpt-global-reader :is(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline: 3px solid var(--cmpt-orange, #ff5a2a) !important;
  outline-offset: 3px !important;
}

.cmpt-global-reader__panel[aria-busy="true"] .cmpt-global-reader__status:not([hidden]) {
  display: block;
}

.cmpt-global-reader .cm-article :is(h2,h3,h4),
.cmpt-modal-full-article :is(h2,h3,h4) {
  scroll-margin-top: 84px;
}

@media (prefers-reduced-motion: reduce) {
  .cmpt-global-reader, .cmpt-global-reader * {
    scroll-behavior: auto !important;
  }

  .cmpt-global-reader, .cmpt-global-reader__panel {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (forced-colors: active) {
  .cmpt-global-reader__panel, .cmpt-global-reader__close, .cmpt-global-reader__modes, .cmpt-global-reader__modes > a, .cmpt-global-reader__modes > span {
    border: 1px solid CanvasText !important;
  }

  .cmpt-global-reader__modes > .is-active {
    outline: 2px solid Highlight !important;
    outline-offset: -2px !important;
  }
}

/* ===== source: article-reader-direct-5.12.0-rc6.css ===== */
/*
 * Com Marília Portal Tools 5.12.0-RC6 — Direct Article Reader
 * Server-rendered permalink shell using the same visual language as the modal Reader.
 */
html:has(body.cmpt-direct-reader-page),
body.cmpt-direct-reader-page {
  min-height: 100%;
  background: #020913;
}
html:has(body.cmpt-direct-reader-page) {
  overflow-x: hidden;
}
body.cmpt-direct-reader-page {
  margin: 0;
  overflow: hidden;
  overflow-x: hidden;
}
body.cmpt-direct-reader-page .cm-skip-link:focus {
  z-index: 100020;
}
.cmpt-direct-reader {
  opacity: 1 !important;
  visibility: visible !important;
}
.cmpt-direct-reader .cmpt-global-reader__backdrop {
  background: radial-gradient(circle at 50% 0%, rgba(16,39,66,.72), rgba(1,7,13,.94) 58%, #01060c 100%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.cmpt-direct-reader .cmpt-global-reader__panel {
  transform: none !important;
  overflow: hidden;
}
.cmpt-direct-reader .cmpt-global-reader__body {
  min-height: 100%;
  overflow-x: hidden;
}
.cmpt-direct-reader .cmpt-global-reader__close {
  text-decoration: none;
}
.cmpt-direct-reader .cmpt-global-reader__close:hover,
.cmpt-direct-reader .cmpt-global-reader__close:focus-visible,
.cmpt-direct-reader .cmpt-global-reader__modes > a:hover,
.cmpt-direct-reader .cmpt-global-reader__modes > a:focus-visible {
  color: #fff;
  border-color: rgba(255,84,40,.48);
  background: rgba(255,84,40,.10);
}
.cmpt-direct-reader .cmpt-global-reader__scroll {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
.cmpt-direct-reader .cmpt-global-reader__body > .cm-article {
  width: min(calc(100% - 44px), 1240px);
  max-width: 1240px;
  margin-inline: auto;
  padding: 0;
}

/* Reader opened via permalink: use the same lateral navigation language of the player/modal. */
.cmpt-direct-reader .cmpt-global-reader__chrome {
  position: relative;
  z-index: 12;
  display: block;
  min-height: 0;
  height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.cmpt-direct-reader .cmpt-global-reader__chrome::before,
.cmpt-direct-reader .cmpt-global-reader__chrome::after {
  content: none;
}
.cmpt-direct-reader .cmpt-global-reader__close,
.cmpt-direct-reader .cmpt-global-reader__modes {
  position: fixed;
  left: 18px;
}
.cmpt-direct-reader .cmpt-global-reader__close {
  top: 18px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  height: 44px;
  justify-self: auto;
  justify-content: center;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(3,11,21,.82);
  color: #dfe7f3;
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.cmpt-direct-reader .cmpt-global-reader__close span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cmpt-direct-reader .cmpt-global-reader__modes {
  top: 72px;
  grid-column: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 4px;
  border-radius: 0 16px 16px 0;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(3,11,21,.82);
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.cmpt-direct-reader .cmpt-global-reader__modes > a,
.cmpt-direct-reader .cmpt-global-reader__modes > span {
  min-width: 44px;
  width: 44px;
  min-height: 44px;
  height: 44px;
  padding: 0;
  border-radius: 999px;
  justify-content: center;
  background: transparent;
  border: 0;
}
.cmpt-direct-reader .cmpt-global-reader__modes > a span,
.cmpt-direct-reader .cmpt-global-reader__modes > span span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cmpt-direct-reader .cmpt-global-reader__modes > .is-active {
  background: rgba(255,84,40,.16);
  box-shadow: inset 0 0 0 1px rgba(255,84,40,.45);
}
.cmpt-direct-reader .cmpt-global-reader__body > .cm-article,
.cmpt-direct-reader .cmpt-global-reader__body > .cm-article * {
  max-width: 100%;
}

/* Preserve the complete blog composition in standalone mode. */
.cmpt-direct-reader.has-blog-article .cm-article-header {
  margin-left: 0;
  margin-right: auto;
  padding-top: 32px;
}
.cmpt-direct-reader.has-blog-article .cm-article-hero {
  width: min(100%,1200px);
  margin-left: 0;
  margin-right: auto;
}
.cmpt-direct-reader.has-blog-article .cm-article-layout {
  width: 100%;
  grid-template-columns: 48px minmax(0,var(--cm-reading-width)) minmax(270px,340px);
  justify-content: start;
}
.cmpt-direct-reader.has-blog-article .cm-article-layout--no-sidebar {
  grid-template-columns: 48px minmax(0,var(--cm-reading-width));
}
.cmpt-direct-reader.has-blog-article .cm-article-sidebar {
  position: sticky;
  top: 18px;
}
.cmpt-direct-reader.has-blog-article .cm-related-section {
  width: min(100%,1200px);
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 32px;
}
.cmpt-direct-reader.has-blog-article .cm-related-section .cm-editorial-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.cmpt-direct-reader.has-blog-article .cm-reader-newsletter form {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
}

/* WordPress admin bar remains usable while testing logged in. */
body.admin-bar .cmpt-direct-reader {
  top: 32px;
}
body.admin-bar .cmpt-direct-reader .cmpt-global-reader__close {
  top: 50px;
}
body.admin-bar .cmpt-direct-reader .cmpt-global-reader__modes {
  top: 104px;
}

@media (max-width: 1020px) and (min-width: 821px) {
  .cmpt-direct-reader.has-blog-article .cm-article-layout {
    grid-template-columns: 44px minmax(0,1fr) minmax(240px,300px);
    gap: 20px;
  }
}

@media (max-width: 820px) {
  body.cmpt-direct-reader-page {
    overflow: hidden;
    overflow-x: hidden;
  }
  .cmpt-direct-reader .cmpt-global-reader__body > .cm-article {
    width: min(100% - 28px,720px);
  }
  .cmpt-direct-reader .cmpt-global-reader__close,
  .cmpt-direct-reader .cmpt-global-reader__modes {
    left: 0;
  }
  .cmpt-direct-reader .cmpt-global-reader__close {
    top: calc(92px + env(safe-area-inset-top));
    border-radius: 0 16px 16px 0;
  }
  .cmpt-direct-reader .cmpt-global-reader__modes {
    top: calc(142px + env(safe-area-inset-top));
  }
  .cmpt-direct-reader.has-blog-article .cm-article-layout,
  .cmpt-direct-reader.has-blog-article .cm-article-layout--no-sidebar {
    display: block;
    width: 100%;
  }
  .cmpt-direct-reader.has-blog-article .cm-article-share-rail {
    display: none !important;
  }
  .cmpt-direct-reader.has-blog-article .cm-article-sidebar {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: 24px;
  }
  .cmpt-direct-reader.has-blog-article .cm-related-section .cm-editorial-grid {
    grid-template-columns: 1fr;
  }
  .cmpt-direct-reader.has-blog-article .cm-reader-newsletter form {
    grid-template-columns: 1fr;
  }
  body.admin-bar .cmpt-direct-reader {
    top: 46px;
  }
  body.admin-bar .cmpt-direct-reader .cmpt-global-reader__close {
    top: calc(138px + env(safe-area-inset-top));
  }
  body.admin-bar .cmpt-direct-reader .cmpt-global-reader__modes {
    top: calc(188px + env(safe-area-inset-top));
  }
}

@media (max-width: 900px) {
  body.cmpt-direct-reader-page:not(.cm-no-mobile-bottom-nav) {
    padding-bottom: 0 !important;
  }
}

/* ===== source: article-reader-unified-5.12.1-rc11.css ===== */
/*
 * Com Marília Portal Tools 5.12.1-RC11 — Unified Article Reader
 * One mobile layout for direct permalink, global Reader and Story modal.
 */

/* The duplicate in-article Story CTA is retired; navigation belongs to the Reader chrome. */
.cmpt-global-reader .cm-single-story-action {
  display: none !important;
}

@media (max-width: 820px) {
  html,
  body.cmpt-direct-reader-page,
  body.cmpt-global-reader-open,
  body.cmpt-webstories-page.cmpt-modal-open {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* Do not reserve a desktop scrollbar gutter on mobile. */
  .cmpt-global-reader__scroll {
    scrollbar-gutter: auto !important;
    overflow-x: hidden !important;
  }

  .cmpt-global-reader, .cmpt-global-reader__panel, .cmpt-global-reader__body, .cmpt-global-reader__body > .cm-article, .cmpt-modal-full-article, .cmpt-modal-full-article .cm-article, .cmpt-modal-full-article .cm-article-layout, .cmpt-modal-full-article .cm-article-content, .cmpt-modal-full-article .cm-article-sidebar, .cmpt-modal-full-article .cm-ad-slot {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .cmpt-global-reader__body, .cmpt-modal-full-article {
    overflow-x: clip !important;
  }

  /* Direct/global Reader uses the same persistent bottom-pill language as the Story modal. */
  .cmpt-global-reader__chrome {
    position: fixed !important;
    z-index: 1200 !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    width: min(calc(100vw - 64px), 264px) !important;
    height: 64px !important;
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 5px 6px !important;
    transform: translateX(-50%) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 999px !important;
    background: rgba(7,16,28,.56) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(16px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  }

  .cmpt-global-reader__close {
    position: static !important;
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(241,246,252,.92) !important;
    box-shadow: none !important;
  }

  .cmpt-global-reader__modes {
    display: contents !important;
  }

  .cmpt-global-reader__modes > a,
  .cmpt-global-reader__modes > span {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(241,246,252,.92) !important;
    box-shadow: none !important;
  }

  .cmpt-global-reader__modes > a { grid-column: 2 !important; }
  .cmpt-global-reader__modes > span { grid-column: 3 !important; }

  .cmpt-global-reader__modes > .is-active {
    background: rgba(255,84,40,.22) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,84,40,.55) !important;
  }

  .cmpt-global-reader__close svg,
  .cmpt-global-reader__modes svg {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    stroke-width: 2.15 !important;
  }

  .cmpt-global-reader__close span,
  .cmpt-global-reader__modes > a span,
  .cmpt-global-reader__modes > span span {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap !important;
    display: block !important;
    font: 700 10px/1 Inter,sans-serif !important;
    color: currentColor !important;
    opacity: .9 !important;
  }

  .cmpt-global-reader__panel {
    grid-template-rows: minmax(0,1fr) !important;
    padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important;
  }
  .cmpt-global-reader__scroll {
    grid-row: 1 !important;
  }
  .cmpt-global-reader__body {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }
  .cmpt-global-reader.has-blog-article .cmpt-global-reader__body > .cm-article,
  .cmpt-direct-reader .cmpt-global-reader__body > .cm-article {
    width: calc(100% - 28px) !important;
    max-width: 720px !important;
    margin-inline: auto !important;
  }

  /* Same editorial image frame in direct/global Reader and Story modal. */
  .cmpt-global-reader.has-blog-article .cm-article-hero,
  .cmpt-direct-reader.has-blog-article .cm-article-hero,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-hero {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 250px !important;
    aspect-ratio: 16 / 10 !important;
    margin: 8px 0 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }
  .cmpt-global-reader.has-blog-article .cm-article-hero img,
  .cmpt-direct-reader.has-blog-article .cm-article-hero img,
  .cmpt-modal-full-article.cmpt-modal-blog-article .cm-article-hero img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: inherit !important;
  }

  /* Hub modal uses the same horizontal containment and does not expose a spare right gutter. */
  .cmpt-modal-full-article.cmpt-modal-blog-article {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 14px calc(112px + env(safe-area-inset-bottom)) !important;
  }
  .cmpt-modal-full-article.cmpt-modal-blog-article :is(img,video,iframe,table,pre) {
    max-width: 100% !important;
  }
}

/* ===== source: article-reader-official-5.12.1-rc12.css ===== */
/*
 * Com Marília Portal Tools 5.12.1-RC12 — Official Article Content
 * The article itself is canonical across direct permalink, Home Reader and Story Reader.
 * Reader shells may change navigation chrome only.
 */
.cmpt-official-article {
  --cm-bg:#07111f;
  --cm-bg-deep:#040b15;
  --cm-surface:#0d192b;
  --cm-surface-2:#121f33;
  --cm-border:#26364e;
  --cm-border-soft:rgba(150,172,207,.18);
  --cm-text:#f7f8fb;
  --cm-muted:#9eabc0;
  --cm-accent:#ff5a2a;
  --cm-accent-2:#ff7a52;
  --cm-radius:18px;
  --cm-reading-width:850px;
  box-sizing:border-box !important;
  width:min(calc(100% - 44px),1240px) !important;
  max-width:1240px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  color:var(--cm-text) !important;
  background:transparent !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
.cmpt-official-article *,
.cmpt-official-article *::before,
.cmpt-official-article *::after { box-sizing:border-box !important; }
.cmpt-official-article img { display:block; max-width:100%; }
.cmpt-official-article a { color:inherit; text-decoration:none; }
.cmpt-official-article .cm-reading-container {
  width:min(100%,var(--cm-reading-width)) !important;
  max-width:var(--cm-reading-width) !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.cmpt-official-article .cm-article-header {
  padding:32px 0 18px !important;
}
.cmpt-official-article .cm-article-header .cm-badge {
  display:inline-flex !important;
  min-height:23px !important;
  align-items:center !important;
  margin-bottom:14px !important;
  padding:4px 10px !important;
  color:#fff !important;
  border-radius:4px !important;
  font-size:.62rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}
.cmpt-official-article .cm-article-header h1 {
  margin:0 !important;
  color:#f7f8fb !important;
  font-family:Poppins,Inter,sans-serif !important;
  font-size:clamp(2rem,3.35vw,3.35rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
}
.cmpt-official-article .cm-article-lead {
  margin:14px 0 8px !important;
  color:#a9b5c5 !important;
  font-size:1.05rem !important;
  line-height:1.55 !important;
}
.cmpt-official-article .cm-article-hero {
  width:min(100%,1200px) !important;
  max-width:1200px !important;
  aspect-ratio:16/9 !important;
  max-height:460px !important;
  margin:4px 0 0 !important;
  overflow:hidden !important;
  border-radius:var(--cm-radius) !important;
  background:var(--cm-surface) !important;
}
.cmpt-official-article .cm-article-hero img {
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:inherit !important;
}
.cmpt-official-article .cm-article-actions-mobile { display:none !important; }
.cmpt-official-article .cm-ad-slot,
.cmpt-official-article .cm-ad-slot--wide {
  position:relative !important;
  width:min(100%,var(--cm-reading-width)) !important;
  max-width:var(--cm-reading-width) !important;
  margin:16px 0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,90,42,.65) !important;
  border-radius:var(--cm-radius) !important;
  background:linear-gradient(135deg,rgba(48,21,11,.82),rgba(10,22,37,.96)) !important;
}
.cmpt-official-article .cm-ad-slot > .cm-ad-label {
  position:absolute !important;
  z-index:3 !important;
  top:0 !important;
  left:50% !important;
  margin:0 !important;
  padding:3px 10px !important;
  transform:translate(-50%,-50%) !important;
  background:var(--cm-bg) !important;
  border-radius:99px !important;
}
.cmpt-official-article .cm-ad-slot img { width:100% !important; height:auto !important; }
.cmpt-official-article .cm-article-layout,
.cmpt-official-article .cm-article-layout--no-sidebar {
  display:grid !important;
  width:100% !important;
  max-width:100% !important;
  justify-content:start !important;
  align-items:start !important;
  gap:26px !important;
  margin:20px 0 0 !important;
}
.cmpt-official-article .cm-article-layout {
  grid-template-columns:48px minmax(0,var(--cm-reading-width)) minmax(270px,340px) !important;
}
.cmpt-official-article .cm-article-layout--no-sidebar {
  grid-template-columns:48px minmax(0,var(--cm-reading-width)) !important;
}
.cmpt-official-article .cm-article-share-rail {
  position:sticky !important;
  top:24px !important;
  display:grid !important;
  justify-items:center !important;
  justify-self:start !important;
  gap:8px !important;
  padding:14px 8px !important;
  border:1px solid var(--cm-border) !important;
  border-radius:12px !important;
}
.cmpt-official-article .cm-article-share-rail span {
  display:block !important;
  color:#8997aa !important;
  font-size:.52rem !important;
  text-transform:uppercase !important;
  writing-mode:vertical-rl !important;
}
.cmpt-official-article .cm-article-share-rail button {
  display:grid !important;
  width:38px !important;
  height:38px !important;
  place-items:center !important;
  padding:0 !important;
  color:#d6dde7 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:50% !important;
  cursor:pointer !important;
}
.cmpt-official-article .cm-article-content {
  width:min(100%,var(--cm-reading-width)) !important;
  max-width:var(--cm-reading-width) !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:auto !important;
  padding:0 0 60px !important;
  color:#d5dce7 !important;
  font-size:1.05rem !important;
  line-height:1.7 !important;
  overflow-wrap:break-word !important;
}
.cmpt-official-article .cm-article-content h2,
.cmpt-official-article .cm-article-content h3,
.cmpt-official-article .cm-article-content h4 {
  color:#fff !important;
  font-family:Poppins,Inter,sans-serif !important;
  line-height:1.2 !important;
}
.cmpt-official-article .cm-article-content a {
  color:var(--cm-accent) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}
.cmpt-official-article .cm-article-content blockquote {
  margin:2rem 0 !important;
  padding:1rem 1.5rem !important;
  border-left:4px solid var(--cm-accent) !important;
  background:var(--cm-surface) !important;
}
.cmpt-official-article .cm-article-content :is(figure,img,video,iframe,table,pre) {
  max-width:100% !important;
}
.cmpt-official-article .cm-article-sidebar {
  position:sticky !important;
  top:24px !important;
  display:grid !important;
  gap:16px !important;
  width:100% !important;
  max-width:340px !important;
  min-width:0 !important;
}
.cmpt-official-article .cm-panel {
  width:100% !important;
  max-width:100% !important;
  padding:16px 18px !important;
  border:1px solid var(--cm-border) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,rgba(14,28,47,.96),rgba(8,18,32,.96)) !important;
}
.cmpt-official-article .cm-related-mini > a {
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px 0 !important;
  border-top:1px solid rgba(150,172,207,.13) !important;
}
.cmpt-official-article .cm-related-mini > a:first-of-type { border-top:0 !important; }
.cmpt-official-article .cm-related-mini img {
  width:82px !important;
  height:66px !important;
  object-fit:cover !important;
  border-radius:8px !important;
}
.cmpt-official-article .cm-related-mini small {
  color:var(--cm-accent) !important;
  font-size:.55rem !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
.cmpt-official-article .cm-related-mini strong {
  display:block !important;
  color:#fff !important;
  font-size:.78rem !important;
  line-height:1.2 !important;
}
.cmpt-official-article .cm-reader-newsletter form {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
}
.cmpt-official-article .cm-related-section {
  display:block !important;
  width:min(100%,1200px) !important;
  max-width:1200px !important;
  margin:10px 0 0 !important;
  padding:0 0 30px !important;
}
.cmpt-official-article .cm-related-section .cm-editorial-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.cmpt-official-article .cm-single-story-action { display:none !important; }

/* The Story modal must not restyle the canonical article. */

@media (max-width:900px) {
  .cmpt-official-article {
    width:calc(100% - 28px) !important;
    max-width:720px !important;
    margin-inline:auto !important;
  }
  .cmpt-official-article .cm-article-header {
    padding:16px 0 12px !important;
  }
  .cmpt-official-article .cm-article-header h1 {
    font-size:clamp(1.85rem,7.4vw,2.7rem) !important;
  }
  .cmpt-official-article .cm-article-lead {
    font-size:.98rem !important;
  }
  .cmpt-official-article .cm-article-hero {
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:16/10 !important;
    max-height:320px !important;
    margin-top:2px !important;
    border-radius:14px !important;
  }
  .cmpt-official-article .cm-article-actions-mobile {
    display:flex !important;
    gap:8px !important;
    margin:12px 0 !important;
  }
  .cmpt-official-article .cm-article-actions-mobile button {
    min-height:36px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 12px !important;
    border:1px solid var(--cm-border) !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.035) !important;
    color:#d5dce7 !important;
  }
  .cmpt-official-article .cm-ad-slot,
  .cmpt-official-article .cm-ad-slot--wide,
  .cmpt-official-article .cm-reading-container,
  .cmpt-official-article .cm-article-content,
  .cmpt-official-article .cm-article-hero {
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .cmpt-official-article .cm-article-layout,
  .cmpt-official-article .cm-article-layout--no-sidebar {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:14px !important;
  }
  .cmpt-official-article .cm-article-share-rail { display:none !important; }
  .cmpt-official-article .cm-article-content {
    width:100% !important;
    max-width:100% !important;
    padding-bottom:38px !important;
  }
  .cmpt-official-article .cm-article-sidebar {
    position:static !important;
    display:grid !important;
    width:100% !important;
    max-width:none !important;
    margin-top:22px !important;
    gap:14px !important;
  }
  .cmpt-official-article .cm-related-section {
    width:100% !important;
    max-width:100% !important;
  }
  .cmpt-official-article .cm-related-section .cm-editorial-grid {
    grid-template-columns:1fr !important;
  }
  .cmpt-official-article .cm-reader-newsletter form {
    grid-template-columns:1fr !important;
  }
  .cmpt-official-article :is(img,video,iframe,table,pre) { max-width:100% !important; }
}
@media (max-width:620px) {
  .cmpt-official-article .cm-article-header { padding-top:12px !important; }
  .cmpt-official-article .cm-article-hero {
    aspect-ratio:16/10 !important;
    max-height:250px !important;
    border-radius:12px !important;
  }
}

/* Shared component details required when the official article is rendered inside the standalone Story app. */
.cmpt-official-article .cm-icon {
  width:1.35rem !important;
  height:1.35rem !important;
  flex:0 0 auto !important;
}
.cmpt-official-article .cm-article-header .cm-badge {
  background:var(--cm-accent) !important;
}
.cmpt-official-article .cm-panel h2,
.cmpt-official-article .cm-newsletter h2 {
  margin:0 0 8px !important;
  color:#fff !important;
  font-family:Poppins,Inter,sans-serif !important;
  font-size:.78rem !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}
.cmpt-official-article .cm-newsletter p {
  margin:0 0 12px !important;
  color:#aeb8c7 !important;
  font-size:.72rem !important;
}
.cmpt-official-article .cm-newsletter input,
.cmpt-official-article .cm-newsletter button {
  min-width:0 !important;
  min-height:38px !important;
  font:inherit !important;
}
.cmpt-official-article .cm-newsletter input {
  width:100% !important;
  padding:0 11px !important;
  color:#fff !important;
  border:1px solid var(--cm-border) !important;
  border-radius:8px 0 0 8px !important;
  background:rgba(6,15,26,.75) !important;
}
.cmpt-official-article .cm-newsletter button {
  padding:0 12px !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 8px 8px 0 !important;
  background:var(--cm-accent) !important;
  font-size:.6rem !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
.cmpt-official-article .cm-section-heading {
  display:flex !important;
  min-height:42px !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
}
.cmpt-official-article .cm-section-heading h2 {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  color:#fff !important;
  font-family:Poppins,Inter,sans-serif !important;
  font-size:.88rem !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
}
.cmpt-official-article .cm-section-heading h2::before {
  width:3px !important;
  height:21px !important;
  border-radius:99px !important;
  background:var(--cm-accent) !important;
  content:"" !important;
}
.cmpt-official-article .cm-editorial-card {
  position:relative !important;
  min-width:0 !important;
  overflow:hidden !important;
  border:1px solid var(--cm-border) !important;
  border-radius:var(--cm-radius) !important;
  background:var(--cm-surface) !important;
}
.cmpt-official-article .cm-editorial-card__media {
  position:relative !important;
  aspect-ratio:16/10 !important;
  overflow:hidden !important;
}
.cmpt-official-article .cm-editorial-card__media img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.cmpt-official-article .cm-editorial-card__body {
  padding:14px !important;
}
.cmpt-official-article .cm-editorial-card h3 {
  margin:7px 0 0 !important;
  color:#fff !important;
  font-family:Poppins,Inter,sans-serif !important;
  font-size:.92rem !important;
  line-height:1.25 !important;
}
.cmpt-official-article .cm-ad-fallback {
  display:grid !important;
  min-height:96px !important;
  place-content:center !important;
  gap:4px !important;
  padding:18px !important;
  color:#fff !important;
  text-align:center !important;
  background:radial-gradient(circle at 15% 130%,rgba(255,90,42,.34),transparent 45%),linear-gradient(110deg,#3a150b,#142238 65%,#341205) !important;
}
@media (max-width:900px) {
  .cmpt-official-article .cm-newsletter form { grid-template-columns:1fr !important; gap:8px !important; }
  .cmpt-official-article .cm-newsletter input,
  .cmpt-official-article .cm-newsletter button { border-radius:8px !important; }
}

/* ===== source: article-reader-player-5.12.1-rc13.css ===== */
/*
 * Com Marília Portal Tools 5.12.1-RC13 — Single Article Reader Integration
 * Player-origin Reader: article content stays canonical; only chrome differs.
 */
.cmpt-reader-close-icon--x { display:none; }

/* The canonical article must not inherit any legacy Hub modal transformations. */
.cmpt-global-reader.is-player-source .cmpt-global-reader__body > .cmpt-official-article {
  width:min(calc(100% - 44px),1240px) !important;
  max-width:1240px !important;
  margin-inline:auto !important;
}

@media (min-width:821px) {
  .cmpt-global-reader.is-player-source .cmpt-global-reader__panel {
    width:min(1180px,calc(100vw - 36px));
    height:min(94dvh,980px);
  }
  .cmpt-global-reader.is-player-source .cmpt-global-reader__chrome {
    min-height:56px;
    grid-template-columns:1fr auto 1fr;
    padding:6px 12px;
    background:rgba(4,13,24,.98);
  }
  .cmpt-global-reader.is-player-source .cmpt-global-reader__close {
    width:38px;
    min-width:38px;
    height:38px;
    min-height:38px;
    padding:0;
    border-radius:50%;
    background:rgba(255,255,255,.025);
  }
  .cmpt-global-reader.is-player-source .cmpt-global-reader__close span { display:none; }
  .cmpt-global-reader.is-player-source .cmpt-reader-close-icon--back { display:none; }
  .cmpt-global-reader.is-player-source .cmpt-reader-close-icon--x { display:block; }
  .cmpt-global-reader.is-player-source .cmpt-global-reader__modes {
    gap:2px;
    padding:3px;
    background:rgba(1,8,15,.62);
  }
  .cmpt-global-reader.is-player-source .cmpt-global-reader__modes > a,
  .cmpt-global-reader.is-player-source .cmpt-global-reader__modes > span {
    min-width:86px;
    min-height:34px;
    font-size:10px;
  }
}

@media (max-width:820px) {
  .cmpt-global-reader.is-player-source .cmpt-reader-close-icon--back { display:block; }
  .cmpt-global-reader.is-player-source .cmpt-reader-close-icon--x { display:none; }
  .cmpt-global-reader.is-player-source .cmpt-global-reader__body > .cmpt-official-article {
    width:calc(100% - 28px) !important;
    max-width:720px !important;
  }
}

/* ===== source: article-reader-chrome-5.12.1-rc14.css ===== */
/* Com Marília Portal Tools 5.12.1-RC14 — Reader Chrome Polish */
.cmpt-reader-label--close{display:none}.cmpt-reader-close-icon--x{display:none}

@media (min-width:821px){
  .cmpt-global-reader__chrome{
    position:fixed!important;z-index:100020!important;top:10px!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:min(calc(100vw - 64px),264px)!important;height:64px!important;min-height:64px!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;gap:4px!important;
    padding:5px 6px!important;margin:0!important;transform:translateX(-50%)!important;
    border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;background:rgba(12,21,34,.84)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important;overflow:visible!important
  }
  .cmpt-global-reader__close{
    position:static!important;grid-column:1!important;justify-self:stretch!important;width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;
    display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:rgba(241,246,252,.94)!important;box-shadow:none!important
  }
  .cmpt-global-reader__modes{display:contents!important}
  .cmpt-global-reader__modes>a,.cmpt-global-reader__modes>span{
    position:static!important;width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;
    display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:rgba(241,246,252,.94)!important;box-shadow:none!important
  }
  .cmpt-global-reader__modes>a{grid-column:2!important}.cmpt-global-reader__modes>span{grid-column:3!important}
  .cmpt-global-reader__modes>.is-active{background:rgba(255,84,40,.22)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,84,40,.62)!important}
  .cmpt-global-reader__close svg,.cmpt-global-reader__modes svg{width:22px!important;height:22px!important;flex:0 0 22px!important;stroke-width:2.1!important}
  .cmpt-reader-close-icon--back{display:none!important}.cmpt-reader-close-icon--x{display:block!important}
  .cmpt-reader-label--back{display:none!important}.cmpt-reader-label--close{display:block!important}
  .cmpt-global-reader__close .cmpt-reader-label,.cmpt-global-reader__modes>a span,.cmpt-global-reader__modes>span span{
    position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:nowrap!important;
    font:700 10px/1 Inter,sans-serif!important;color:currentColor!important;opacity:.92!important
  }
  .cmpt-global-reader__scroll{padding-top:70px!important;scrollbar-width:thin;scrollbar-color:rgba(255,90,42,.72) rgba(9,19,32,.32)}
  .cmpt-global-reader__scroll::-webkit-scrollbar{width:10px}
  .cmpt-global-reader__scroll::-webkit-scrollbar-track{background:rgba(9,19,32,.34);border-left:1px solid rgba(255,255,255,.025)}
  .cmpt-global-reader__scroll::-webkit-scrollbar-thumb{min-height:56px;border:3px solid rgba(9,19,32,.34);border-radius:999px;background:linear-gradient(180deg,rgba(255,90,42,.86),rgba(255,122,82,.58))}
  .cmpt-global-reader__scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,90,42,.98),rgba(255,122,82,.76))}
  body.admin-bar .cmpt-global-reader__chrome{top:42px!important}
}

@media (max-width:820px){
  html:has(.cmpt-global-reader.is-open),html:has(body.cmpt-direct-reader-page),body.cmpt-global-reader-open,body.cmpt-direct-reader-page{
    width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06111f!important
  }
  .cmpt-global-reader,.cmpt-direct-reader{
    position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:0!important;place-items:stretch!important;background:#06111f!important
  }
  .cmpt-global-reader__backdrop{inset:0!important}
  .cmpt-global-reader__panel,.cmpt-direct-reader__panel{
    position:relative!important;inset:auto!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#06111f!important;box-shadow:none!important
  }
  .cmpt-global-reader__scroll{
    width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;
    scrollbar-gutter:auto!important;overscroll-behavior:contain!important;background:#06111f!important
  }
  .cmpt-global-reader__body{
    width:100%!important;min-height:100%!important;margin:0!important;padding:0 0 calc(112px + env(safe-area-inset-bottom))!important;overflow-x:clip!important;background:#06111f!important
  }
  .cmpt-global-reader.has-blog-article .cmpt-global-reader__body>.cm-article,.cmpt-direct-reader .cmpt-global-reader__body>.cm-article,.cmpt-global-reader .cmpt-global-reader__body>.cmpt-official-article{
    width:calc(100% - 28px)!important;max-width:720px!important;margin:0 auto!important
  }
  .cmpt-global-reader__chrome{bottom:calc(12px + env(safe-area-inset-bottom))!important}
  .cmpt-reader-close-icon--back{display:block!important}.cmpt-reader-close-icon--x{display:none!important}
  .cmpt-reader-label--back{display:block!important}.cmpt-reader-label--close{display:none!important}
  body.admin-bar .cmpt-global-reader,body.admin-bar .cmpt-direct-reader{top:0!important;height:100dvh!important}
}

/* ===== source: article-reader-menu-5.12.1-rc15.css ===== */
/*
 * Com Marília Portal Tools 5.12.1-RC15 — Unified menu + loading polish
 * Same desktop chrome in Story player and Article Reader. Home replaces close/back.
 */

/* Loading text remains available to assistive tech without becoming a visual card/button. */
.cmpt-global-reader__panel[aria-busy="true"] .cmpt-global-reader__status:not(.is-error) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cmpt-global-reader__panel[aria-busy="true"]::after {
  content: "";
  position: absolute;
  z-index: 100025;
  top: 0;
  left: 0;
  width: 34%;
  height: 3px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, transparent, #ff5a2a 38%, #ff8a62 72%, transparent);
  box-shadow: 0 0 12px rgba(255,90,42,.34);
  animation: cmptReaderLoadingBar 1.15s ease-in-out infinite;
  pointer-events: none;
}
.cmpt-global-reader__status.is-error {
  position: relative !important;
  width: min(100% - 36px,760px) !important;
  height: auto !important;
  margin: 50px auto !important;
  padding: 22px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}
@keyframes cmptReaderLoadingBar {
  0% { left: -34%; opacity: .35; }
  45% { opacity: 1; }
  100% { left: 100%; opacity: .35; }
}

/* Home icon follows the same stroke language as Story/Article icons. */
.cmpt-global-reader__home svg,
[data-cmpt-home-control] svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (min-width: 821px) {
  /* One position for both desktop menus. */
  .cmpt-global-reader__chrome,
  .cmpt-stage-column-head.cmpt-desktop-menu-only .cmpt-player-top-controls {
    position: fixed !important;
    z-index: 100020 !important;
    top: 16px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 320px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .cmpt-global-reader__chrome,
  .cmpt-stage-column-head.cmpt-desktop-menu-only .cmpt-player-top-controls .cmpt-content-mode-switch {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 4px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 999px !important;
    background: rgba(12,21,34,.86) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(16px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  }

  .cmpt-global-reader__modes { display: contents !important; }

  .cmpt-global-reader__close,
  .cmpt-global-reader__modes > a,
  .cmpt-global-reader__modes > span,
  .cmpt-stage-column-head.cmpt-desktop-menu-only .cmpt-content-mode-switch button {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(241,246,252,.91) !important;
    box-shadow: none !important;
    font: 700 11px/1 Inter,sans-serif !important;
  }

  .cmpt-global-reader__close { grid-column: 1 !important; text-decoration: none !important; }
  .cmpt-global-reader__modes > a { grid-column: 2 !important; }
  .cmpt-global-reader__modes > span { grid-column: 3 !important; }

  .cmpt-global-reader__modes > .is-active,
  .cmpt-stage-column-head.cmpt-desktop-menu-only .cmpt-content-mode-switch button.is-active {
    background: rgba(255,84,40,.22) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,84,40,.62) !important;
  }

  .cmpt-global-reader__close svg,
  .cmpt-global-reader__modes svg,
  .cmpt-stage-column-head.cmpt-desktop-menu-only .cmpt-content-mode-switch button svg {
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
    stroke-width: 1.9 !important;
  }

  .cmpt-global-reader__close span,
  .cmpt-global-reader__modes > a span,
  .cmpt-global-reader__modes > span span,
  .cmpt-stage-column-head.cmpt-desktop-menu-only .cmpt-content-mode-switch button span {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap !important;
    color: currentColor !important;
    opacity: .94 !important;
    font: inherit !important;
  }

  /* Reader content starts below the common floating menu. */
  .cmpt-global-reader__scroll { padding-top: 58px !important; }

  body.admin-bar .cmpt-global-reader__chrome,
  body.admin-bar .cmpt-stage-column-head.cmpt-desktop-menu-only .cmpt-player-top-controls {
    top: 48px !important;
  }
}

@media (max-width: 820px) {
  /* Keep the already-approved bottom pill, only rename first action to Home. */
  .cmpt-global-reader__close span,
  .cmpt-retractable-menu [data-cmpt-home-control] span {
    display: block !important;
  }
  .cmpt-global-reader__home svg,
  .cmpt-retractable-menu [data-cmpt-home-control] svg {
    width: 22px !important;
    height: 22px !important;
  }
  .cmpt-global-reader__panel[aria-busy="true"]::after {
    top: 0;
    height: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cmpt-global-reader__panel[aria-busy="true"]::after {
    width: 100%;
    left: 0;
    opacity: .75;
    animation: none;
  }
}