
/* Ícone oficial Streaming Brasil: sem caixa/fundo externo e com batimento suave. */
.sb-brand-icon,
img[src*="streaming-brasil-icon.png"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  animation: sbHeartbeat 1.65s cubic-bezier(.22,.8,.3,1) infinite;
  transform-origin: center center;
}
@keyframes sbHeartbeat {
  0%, 100% { transform: scale(1); }
  10% { transform: scale(1.24); }
  20% { transform: scale(1.02); }
  31% { transform: scale(1.18); }
  43% { transform: scale(1); }
  60%, 100% { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .sb-brand-icon, img[src*="streaming-brasil-icon.png"] { animation: none; }
}

.header-brand, .brand, .logo-wrap, .preloader-logo, .loading-logo {
  overflow: visible !important;
}

/* Tela de carregamento Brasil — verde/amarelo, animada e sem LED */
.sb-welcome{
  display:block!important;
  margin:14px auto 6px!important;
  font-size:clamp(22px,3vw,34px)!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  background:linear-gradient(90deg,#009c3b 0%,#ffdf00 28%,#009c3b 52%,#ffdf00 76%,#009c3b 100%)!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:sbBrasilText 1.7s linear infinite,sbWelcomePulse 1.65s ease-in-out infinite!important;
}
.sb-preparing{
  display:block!important;
  margin-top:7px!important;
  color:#12376b!important;
  font-size:15px!important;
  font-weight:650!important;
  text-align:center!important;
  animation:sbPreparing 1.4s ease-in-out infinite!important;
}
@keyframes sbBrasilText{
  0%{background-position:0% 50%}
  100%{background-position:260% 50%}
}
@keyframes sbWelcomePulse{
  0%,100%{transform:scale(1)}
  16%{transform:scale(1.07)}
  30%{transform:scale(1)}
  42%{transform:scale(1.04)}
  56%{transform:scale(1)}
}
@keyframes sbPreparing{
  0%,100%{opacity:.62;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-2px)}
}
/* Barra: movimento Brasil mais vivo */
#sb-preloader .progress,
.preloader .progress,
.loading-screen .progress{
  overflow:hidden!important;
  position:relative!important;
}
#sb-preloader .progress:after,
.preloader .progress:after,
.loading-screen .progress:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:48%!important;
  background:linear-gradient(90deg,#009c3b,#ffdf00,#009c3b)!important;
  animation:sbLoadSweep 1.15s ease-in-out infinite alternate!important;
}
@keyframes sbLoadSweep{
  from{transform:translateX(-10%)}
  to{transform:translateX(120%)}
}
@media(prefers-reduced-motion:reduce){
  .sb-welcome,.sb-preparing,#sb-preloader .progress:after,.preloader .progress:after,.loading-screen .progress:after{animation:none!important}
}

/* Organização refinada dos textos do carregamento */
.sb-loading-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(92vw,620px)!important;
  margin:22px auto 0!important;
  text-align:center!important;
  gap:0!important;
}
.sb-loading-copy .sb-welcome{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 14px 12px!important;
  font-size:clamp(24px,3vw,36px)!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.sb-loading-copy .sb-preparing{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:12px 14px 0!important;
  border-top:1px solid rgba(0,156,59,.16)!important;
  color:#29466f!important;
  font-size:clamp(14px,1.5vw,17px)!important;
  line-height:1.45!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.sb-loading-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:18px!important;
  margin-top:11px!important;
}
.sb-loading-dots i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#009c3b!important;
  animation:sbDot 1.05s ease-in-out infinite!important;
}
.sb-loading-dots i:nth-child(2){
  background:#ffdf00!important;
  animation-delay:.14s!important;
}
.sb-loading-dots i:nth-child(3){
  background:#009c3b!important;
  animation-delay:.28s!important;
}
@keyframes sbDot{
  0%,100%{transform:translateY(0) scale(.82);opacity:.45}
  45%{transform:translateY(-5px) scale(1.15);opacity:1}
}
@media(max-width:600px){
  .sb-loading-copy{margin-top:18px!important;width:94vw!important}
  .sb-loading-copy .sb-welcome{font-size:25px!important;padding-bottom:11px!important}
  .sb-loading-copy .sb-preparing{font-size:14px!important;padding-top:11px!important}
}
