/* origem: site/0097.css */
/* SOURCE: /assets/refactor-v943/css/site/0279.css */
/* v16.1.339 - mantém os ícones originais e estabiliza imagem, legenda e player. */
html body.pc .article a.spb-fancybox-link + p.photo-caption,
html body.pc .article a.spb-fancybox-link + p.img-news--subtitle,
html body.pc .article img.cover.spb-cover-img + p.photo-caption,
html body.pc .article img.cover.spb-cover-img + p.img-news--subtitle{
  display:block!important;
  position:relative!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
  line-height:1.45!important;
  overflow:visible!important;
  z-index:1!important;
}
html body.pc .article .photo-caption + .spj-unified-audio,
html body.pc .article .img-news--subtitle + .spj-unified-audio,
html body.pc .article .spb-fancybox-link + .spj-unified-audio,
html body.pc .article img.cover.spb-cover-img + .spj-unified-audio{
  display:grid!important;
  position:relative!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  z-index:1!important;
}
html body.pc .article .photo-caption + .spj-unified-audio,
html body.pc .article .img-news--subtitle + .spj-unified-audio{
  border-top:0!important;
}
html body.pc .article .spj-audio-label{font-weight:400!important;}
/* Mantém o espaço de cada controle enquanto a fonte dos ícones originais carrega. */
html body.pc .article .spj-audio-play,
html body.pc .article .spj-audio-reset,
html body.pc .article .spj-audio-volume-btn{
  flex:0 0 auto!important;
  line-height:1!important;
}
html body.pc .article .spj-audio-play i,
html body.pc .article .spj-audio-reset i,
html body.pc .article .spj-audio-volume-btn i{
  display:inline-block!important;
  min-width:1em!important;
  text-align:center!important;
}


/* origem: site/0098.css */
/* SOURCE: /assets/refactor-v943/css/site/0280.css */
html body.pc .spb-stories-strip .spb-story-item span{
  width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;
  padding:3px!important;border:0!important;border-radius:50%!important;overflow:hidden!important;
  background:linear-gradient(135deg,
    var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8))) 0%,
    var(--spb-secondary,var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8)))) 55%,
    color-mix(in srgb,var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8))) 72%,#ffffff) 100%)!important;
  box-shadow:none!important;box-sizing:border-box!important;
}
html body.pc .spb-stories-strip .spb-story-item span img{
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  display:block!important;object-fit:cover!important;object-position:center!important;
  border:2px solid #fff!important;border-radius:50%!important;background:#fff!important;box-sizing:border-box!important;
}
html body.pc .spb-stories-strip .spb-story-item.is-read span{
  background:#cfd4da!important;
}
@media(max-width:760px){
  html body.pc .spb-stories-strip .spb-story-item span{
    width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;padding:3px!important;
  }
}


/* origem: site/0099.css */
/* SOURCE: /assets/refactor-v943/css/site/0281.css */
/* Todas as bordas usam exatamente a mesma espessura visual do story ativo. */
html body.pc .spb-stories-strip .spb-story-item > span,
html body.pc .spb-stories-strip button.spb-story-item > span,
html body.pc .spb-stories-strip a.spb-story-item > span{
  position:relative!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:3px!important;
  background:#fff!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body.pc .spb-stories-strip .spb-story-item > span:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  padding:2px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,
    var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8))) 0%,
    var(--spb-secondary,var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8)))) 58%,
    color-mix(in srgb,var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8))) 70%,#fff) 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  z-index:0!important;
}
/* Lido muda somente a cor; tamanho e espessura permanecem iguais. */
html body.pc .spb-stories-strip .spb-story-item.is-read > span:before{
  background:#cfd4da!important;
}
/* Enquanto o conteúdo visual do story está sendo preparado, só a borda gira. */
html body.pc .spb-stories-strip .spb-story-item:not(.is-image-ready) > span:before{
  background:conic-gradient(from 0deg,
    var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8))) 0 24%,
    #e8edf3 24% 62%,
    var(--spb-primary,var(--spb-theme-color,var(--green,#1462c8))) 62% 100%)!important;
  animation:spbStoryRing361 .9s linear infinite!important;
}
html body.pc .spb-stories-strip .spb-story-item.is-read:not(.is-image-ready) > span:before{
  background:conic-gradient(from 0deg,#cfd4da 0 24%,#eef1f4 24% 62%,#cfd4da 62% 100%)!important;
}
html body.pc .spb-stories-strip .spb-story-item > span:after{
  content:"Carregando"!important;
  position:absolute!important;
  inset:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#7a8491!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  z-index:1!important;
  pointer-events:none!important;
}
html body.pc .spb-stories-strip .spb-story-item.is-image-ready > span:after{display:none!important}
html body.pc .spb-stories-strip .spb-story-item.is-image-unavailable > span:after{
  content:"Sem imagem"!important;
  display:flex!important;
}
html body.pc .spb-stories-strip .spb-story-item > span img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}
html body.pc .spb-stories-strip .spb-story-item.is-image-unavailable > span img{visibility:hidden!important;opacity:0!important}
@keyframes spbStoryRing361{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html body.pc .spb-stories-strip .spb-story-item:not(.is-image-ready) > span:before{animation:none!important}}



/* v16.1.1196.1 — Leia Também, citação e alinhamento das Mais Lidas da Home. */

/* LEIA TAMBÉM: identidade visual sempre pela cor secundária do portal. */
html body.pc .article-body .spj-inline-related{
  border-left-color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
}
html body.pc .article-body .spj-inline-related-label{
  color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
  -webkit-text-fill-color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
}
html body.pc .article-body .spj-inline-related strong{
  text-decoration-color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
}

/* Citação: aspas + identificação na secundária; texto citado permanece cinza. */
html body.pc .article-body blockquote.spj-quote-highlight{
  border-bottom:0!important;
  box-shadow:none!important;
}
html body.pc .article-body blockquote.spj-quote-highlight:after{
  content:none!important;
  display:none!important;
  border:0!important;
}
html body.pc .article-body blockquote.spj-quote-highlight .spj-quote-copy:before{
  color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
  -webkit-text-fill-color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
}
html body.pc .article-body blockquote.spj-quote-highlight .spj-quote-copy p{
  color:#666!important;
  -webkit-text-fill-color:#666!important;
}
html body.pc .article-body blockquote.spj-quote-highlight footer.spj-quote-author,
html body.pc .article-body blockquote.spj-quote-highlight footer,
html body.pc .article-body blockquote.spj-quote-highlight footer strong,
html body.pc .article-body blockquote.spj-quote-highlight footer span{
  color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
  -webkit-text-fill-color:var(--spb-secondary,var(--spb-franchise-secondary,var(--spb-primary,#1462c8)))!important;
}

/* HOME: em largura de desktop, Mais Lidas fica presa à mesma linha e ao topo do bloco de imagens. */
@media (min-width:992px){
  html body.pc .pc-after-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:start!important;
    align-content:start!important;
    column-gap:20px!important;
    row-gap:0!important;
    width:min(1170px,calc(100vw - 30px))!important;
    max-width:1170px!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  html body.pc .pc-after-grid>div{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    min-width:0!important;
    margin-top:0!important;
  }
  html body.pc .pc-after-grid>.home-pc-rank{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    float:none!important;
    clear:none!important;
  }
  html body.pc .pc-after-grid>.home-pc-rank>.box{
    margin-top:0!important;
    width:100%!important;
    max-width:none!important;
  }
}