/* origem: site/0057.css */
/* SOURCE: /assets/refactor-v943/css/site/0164.css + 0165.css */
/* v16.1.1175 — player em uma única linha em desktop e mobile, sem esmagar os controles. */
html body.pc .article .spj-unified-audio{
  width:100%!important;max-width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;
  margin:-1px 0 0!important;padding:7px 10px!important;gap:5px!important;align-items:center!important;box-sizing:border-box!important;overflow:visible!important;
}
html body.pc .article .spj-audio-label{grid-area:label;font-size:14px!important;font-weight:400!important;line-height:1.15!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.pc .article .spj-audio-play{grid-area:play;color:var(--spb-secondary,var(--spb-primary,var(--green,#2563eb)))!important;-webkit-text-fill-color:var(--spb-secondary,var(--spb-primary,var(--green,#2563eb)))!important}
html body.pc .article .spj-audio-play i{color:inherit!important;-webkit-text-fill-color:inherit!important}
html body.pc .article .spj-audio-reset{grid-area:reset}
html body.pc .article .spj-audio-current{grid-area:current}
html body.pc .article .spj-audio-progress{grid-area:progress;min-width:0!important;width:100%!important}
html body.pc .article .spj-audio-total{grid-area:total}
html body.pc .article .spj-audio-rate{grid-area:rate}
html body.pc .article .spj-audio-volume-wrap{grid-area:volume;min-width:0!important;justify-self:end!important}
html body.pc .article .spj-audio-volume-btn,
html body.pc .article .spj-audio-volume-btn i{color:var(--spb-secondary,var(--spb-primary,var(--green,#2563eb)))!important;-webkit-text-fill-color:var(--spb-secondary,var(--spb-primary,var(--green,#2563eb)))!important}
html body.pc .article .spj-audio-volume-pop input{accent-color:var(--spb-secondary,var(--spb-primary,var(--green,#2563eb)))!important}
html body.pc .article .spj-unified-audio:not(.is-started){
  grid-template-columns:minmax(88px,auto) 34px 44px minmax(120px,1fr) 44px 40px 36px!important;
  grid-template-areas:"label play current progress total rate volume"!important;
}
html body.pc .article .spj-unified-audio:not(.is-started) .spj-audio-reset{display:none!important}
html body.pc .article .spj-unified-audio.is-started{
  grid-template-columns:minmax(88px,auto) 34px 28px 44px minmax(120px,1fr) 44px 40px 36px!important;
  grid-template-areas:"label play reset current progress total rate volume"!important;
}
html body.pc .article .spj-unified-audio.spj-audio-no-label:not(.is-started){
  grid-template-columns:34px 44px minmax(120px,1fr) 44px 40px 36px!important;
  grid-template-areas:"play current progress total rate volume"!important;
}
html body.pc .article .spj-unified-audio.spj-audio-no-label.is-started{
  grid-template-columns:34px 28px 44px minmax(120px,1fr) 44px 40px 36px!important;
  grid-template-areas:"play reset current progress total rate volume"!important;
}
@media(max-width:760px){
  html body.pc .article .spj-unified-audio{height:44px!important;min-height:44px!important;padding:4px 6px!important;gap:2px!important;white-space:nowrap!important}
  html body.pc .article .spj-unified-audio:not(.is-started){
    grid-template-columns:minmax(56px,70px) 28px 31px minmax(36px,1fr) 31px 32px 28px!important;
    grid-template-areas:"label play current progress total rate volume"!important;
  }
  html body.pc .article .spj-unified-audio.is-started{
    grid-template-columns:minmax(56px,70px) 28px 22px 31px minmax(36px,1fr) 31px 32px 28px!important;
    grid-template-areas:"label play reset current progress total rate volume"!important;
  }
  html body.pc .article .spj-unified-audio.spj-audio-no-label:not(.is-started){
    grid-template-columns:28px 31px minmax(36px,1fr) 31px 32px 28px!important;
    grid-template-areas:"play current progress total rate volume"!important;
  }
  html body.pc .article .spj-unified-audio.spj-audio-no-label.is-started{
    grid-template-columns:28px 22px 31px minmax(36px,1fr) 31px 32px 28px!important;
    grid-template-areas:"play reset current progress total rate volume"!important;
  }
  html body.pc .article .spj-audio-label{font-size:11.5px!important;line-height:1!important}
  html body.pc .article .spj-audio-current,html body.pc .article .spj-audio-total{display:block!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important}
  html body.pc .article .spj-audio-progress{height:24px!important;min-width:36px!important}
  html body.pc .article .spj-audio-play,html body.pc .article .spj-audio-volume-btn{width:28px!important;height:28px!important;font-size:17px!important}
  html body.pc .article .spj-audio-reset{width:22px!important;height:22px!important;font-size:11px!important}
  html body.pc .article .spj-audio-rate{width:32px!important;min-width:32px!important;height:24px!important;min-height:24px!important;font-size:10px!important;padding:0 2px!important}
  html body.pc .article .spj-audio-volume-pop{right:-3px!important;bottom:38px!important}
}
@media(max-width:350px){
  html body.pc .article .spj-unified-audio{padding-left:4px!important;padding-right:4px!important;gap:1px!important}
  html body.pc .article .spj-unified-audio:not(.is-started){grid-template-columns:minmax(50px,60px) 26px 29px minmax(30px,1fr) 29px 30px 26px!important}
  html body.pc .article .spj-unified-audio.is-started{grid-template-columns:minmax(50px,60px) 26px 20px 29px minmax(30px,1fr) 29px 30px 26px!important}
  html body.pc .article .spj-audio-label{font-size:10.5px!important}
  html body.pc .article .spj-audio-current,html body.pc .article .spj-audio-total{font-size:9.5px!important}
}

/* SOURCE: /assets/refactor-v943/css/site/0166.css */
/* Stories aparecem já no primeiro paint, sem esperar todas as miniaturas. */
html body.pc .spb-stories-strip{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html body.pc .spb-stories-strip .spb-story-item span{padding:6px!important}
html body.pc .spb-stories-strip .spb-story-item:not(.is-read) span{
  background:linear-gradient(45deg,var(--green,#8dc63f),#ff4d4f,#ff8a00,var(--green,#8dc63f))!important;
}
html body.pc .spb-story-item img{opacity:1!important;visibility:visible!important}
html body.pc .spb-story-item.is-read span{padding:4px!important;background:#cfd4da!important}

/* SOURCE: /assets/refactor-v943/css/site/0167.css */
/* Stories no padrão circular: borda ativa discreta, imagem redonda e alinhamento uniforme */
html body.pc .spb-stories-strip .spb-stories-scroll{align-items:flex-start!important;}
html body.pc .spb-stories-strip .spb-story-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:94px!important;min-width:94px!important;max-width:94px!important;padding:0!important;margin:0!important;}
html body.pc .spb-stories-strip .spb-story-item span{display:block!important;width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;border-radius:50%!important;overflow:hidden!important;box-sizing:border-box!important;padding:3px!important;border:3px solid #f28a00!important;background:#fff!important;box-shadow:none!important;}
html body.pc .spb-stories-strip .spb-story-item span img{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;border:2px solid #fff!important;background:#f3f4f6!important;box-sizing:border-box!important;}
html body.pc .spb-stories-strip .spb-story-item.is-read span{border-color:#c9ced6!important;background:#fff!important;padding:3px!important;filter:none!important;}
html body.pc .spb-stories-strip .spb-story-item strong{display:block!important;width:100%!important;min-height:18px!important;height:auto!important;max-height:32px!important;margin:0!important;font-size:12px!important;line-height:1.2!important;font-weight:500!important;text-align:center!important;overflow:hidden!important;color:#111!important;}
@media(max-width:760px){
 html body.pc .spb-stories-strip .spb-story-item{width:82px!important;min-width:82px!important;max-width:82px!important;}
 html body.pc .spb-stories-strip .spb-story-item span{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;border-width:3px!important;padding:3px!important;}
 html body.pc .spb-stories-strip .spb-story-item strong{font-size:11px!important;max-height:28px!important;}
}

/* SOURCE: /assets/refactor-v943/css/site/0168.css */
/* Mantém exatamente a espessura/tamanho da borda da v16.1.357. */
html body.pc .spb-stories-strip{contain:layout paint!important}
html body.pc .spb-stories-strip .spb-stories-scroll{min-height:106px!important;transition:none!important}
html body.pc .spb-stories-strip.spb-stories-pending .spb-stories-scroll{opacity:0!important;visibility:hidden!important}
html body.pc .spb-stories-strip.spb-stories-ready .spb-stories-scroll{opacity:1!important;visibility:visible!important}
html body.pc .spb-story-item{transform:none!important;transition:none!important}
html body.pc .spb-story-item span{position:relative!important;background:#fff!important;border:0!important;padding:4px!important;overflow:visible!important}
html body.pc .spb-story-item span:before{content:"";position:absolute;inset:0;border-radius:50%;padding:3px;background:linear-gradient(45deg,var(--spb-theme-color,var(--green,#8dc63f)),color-mix(in srgb,var(--spb-theme-color,var(--green,#8dc63f)) 45%,#fff),var(--spb-theme-color,var(--green,#8dc63f)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-sizing:border-box}
html body.pc .spb-story-item:not(.is-image-ready) span:before{animation:spbStoryRing359 1s linear infinite;background:conic-gradient(from 0deg,var(--spb-theme-color,var(--green,#8dc63f)) 0 28%,#e8edf3 28% 62%,var(--spb-theme-color,var(--green,#8dc63f)) 62% 100%)}
html body.pc .spb-story-item.is-read:not(.is-image-ready) span:before{background:conic-gradient(from 0deg,#cfd4da 0 28%,#eef1f4 28% 62%,#cfd4da 62% 100%)!important}
html body.pc .spb-story-item span:after{content:"Carregando";position:absolute;inset:7px;z-index:1;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;color:#7a8491;font-size:8px;line-height:1;font-weight:500;pointer-events:none}
html body.pc .spb-story-item.is-image-ready span:after{display:none!important}
html body.pc .spb-story-item span img{position:relative!important;z-index:2!important;border-radius:50%!important;opacity:0!important;visibility:hidden!important;transition:opacity .18s ease!important;background:#fff!important}
html body.pc .spb-story-item.is-image-ready span img{opacity:1!important;visibility:visible!important}
html body.pc .spb-story-item.is-read span:before{background:#cfd4da!important}
@keyframes spbStoryRing359{to{transform:rotate(360deg)}}
@media(max-width:760px){html body.pc .spb-stories-strip{min-height:110px!important}html body.pc .spb-stories-strip .spb-stories-scroll{min-height:94px!important}}
@media(prefers-reduced-motion:reduce){html body.pc .spb-story-item:not(.is-image-ready) span:before{animation:none!important}}