/* 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;
  height:auto!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;
  margin:0 0 28px!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}}