/* origem: site/0057.css */
/* SOURCE: /assets/refactor-v943/css/site/0164.css */
/* v16.1.334 — sem espaço reservado antes de iniciar; reiniciar entra somente após o play. */
html body.pc .article .spj-unified-audio:not(.is-started){grid-template-columns:auto 34px 42px minmax(120px,1fr) 42px 38px 36px!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:auto 34px 30px 42px minmax(120px,1fr) 42px 38px 36px!important}
html body.pc .article .spj-unified-audio.spj-audio-no-label:not(.is-started){grid-template-columns:34px 42px minmax(120px,1fr) 42px 38px 36px!important}
html body.pc .article .spj-unified-audio.spj-audio-no-label.is-started{grid-template-columns:34px 30px 42px minmax(120px,1fr) 42px 38px 36px!important}
@media(max-width:760px){
 html body.pc .article .spj-unified-audio:not(.is-started){grid-template-columns:auto 31px 35px minmax(55px,1fr) 35px 34px 31px!important}
 html body.pc .article .spj-unified-audio.is-started{grid-template-columns:auto 31px 27px 35px minmax(55px,1fr) 35px 34px 31px!important}
 html body.pc .article .spj-unified-audio.spj-audio-no-label:not(.is-started){grid-template-columns:31px 35px minmax(55px,1fr) 35px 34px 31px!important}
 html body.pc .article .spj-unified-audio.spj-audio-no-label.is-started{grid-template-columns:31px 27px 35px minmax(55px,1fr) 35px 34px 31px!important}
}
@media(max-width:480px){
 html body.pc .article .spj-unified-audio:not(.is-started){grid-template-columns:minmax(58px,72px) 28px minmax(38px,1fr) 32px 31px 28px!important}
 html body.pc .article .spj-unified-audio.is-started{grid-template-columns:minmax(58px,72px) 28px 24px minmax(38px,1fr) 32px 31px 28px!important}
 html body.pc .article .spj-unified-audio.spj-audio-no-label:not(.is-started){grid-template-columns:28px minmax(38px,1fr) 32px 31px 28px!important}
 html body.pc .article .spj-unified-audio.spj-audio-no-label.is-started{grid-template-columns:28px 24px minmax(38px,1fr) 32px 31px 28px!important}
}

/* SOURCE: /assets/refactor-v943/css/site/0165.css */
/* v16.1.340 — tempo atual visível no mobile e rótulo com peso normal. */
html body.pc .article .spj-audio-label{font-weight:400!important;}
@media(max-width:480px){
  html body.pc .article .spj-audio-current{display:block!important;font-size:10px!important;text-align:center!important;white-space:nowrap!important;}
  html body.pc .article .spj-unified-audio:not(.is-started){grid-template-columns:minmax(54px,64px) 27px 31px minmax(34px,1fr) 30px 29px 27px!important;gap:2px!important;}
  html body.pc .article .spj-unified-audio.is-started{grid-template-columns:minmax(54px,64px) 27px 23px 31px minmax(34px,1fr) 30px 29px 27px!important;gap:2px!important;}
  html body.pc .article .spj-unified-audio.spj-audio-no-label:not(.is-started){grid-template-columns:27px 31px minmax(42px,1fr) 30px 29px 27px!important;}
  html body.pc .article .spj-unified-audio.spj-audio-no-label.is-started{grid-template-columns:27px 23px 31px minmax(42px,1fr) 30px 29px 27px!important;}
  html body.pc .article .spj-audio-label{font-size:10px!important;font-weight:400!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}}