/* V1.27.80 — Roleta Instantânea: identidade visual global em qualquer estado da campanha. */
body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data,
body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data{
  display:block!important;
  margin:0 0 7px!important;
  padding:0!important;
  background:#fff!important;
  background-image:none!important;
}

body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data h2,
body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data h2{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#0f172a!important;
  background:transparent!important;
  background-image:none!important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:1.25rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  text-shadow:none!important;
}

/* Mata definitivamente o fallback legado 🎡 usado apenas em campanha encerrada. */
body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data h2::before,
body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data h2::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  background:none!important;
}

/* Mesma imagem oficial e mesmo enquadramento da TAG padrão da campanha aberta. */
body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data .instant-prizes-header-icon.title-image-icon,
body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data .instant-prizes-header-icon.title-image-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  flex:0 0 68px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data .instant-prizes-header-icon.title-image-icon img,
body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data .instant-prizes-header-icon.title-image-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:drop-shadow(0 4px 7px rgba(15,23,42,.18))!important;
}
body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data .wheel-title-text,
body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data .wheel-title-text{
  min-width:0!important;
  font:inherit!important;
  color:inherit!important;
}
body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data p,
body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data p{
  display:none!important;
  margin:0!important;
}

@media (min-width:761px){
  /* V1.27.79: desktop segue o mesmo padrão visual do mobile. */
  body.campaign-finished-view #roleta-instantanea-card #roleta .wheel-public-title-data .instant-prizes-header-icon.title-image-icon,
  body.campaign-sales-closed-view #roleta-instantanea-card #roleta .wheel-public-title-data .instant-prizes-header-icon.title-image-icon{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    flex-basis:68px!important;
  }
}