/* V1.27.93 — uma única foto contínua no hero.
   A imagem real do #cover continua fisicamente por trás do título/subtítulo.
   O copy é apenas uma película escura horizontal; não possui imagem própria. */

#campanha .campaign-hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto!important;
  position:relative!important;
  overflow:hidden!important;
  background:#090909!important;
}

/* Foto e textos ocupam a mesma linha do grid: é a MESMA foto por baixo. */
#campanha .campaign-hero-card > .cover{
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:0!important;
}

#campanha .campaign-hero-card > .campaign-hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  position:relative!important;
  z-index:6!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:17px 16px 15px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  background-color:transparent!important;
  background-image:linear-gradient(
    90deg,
    rgba(5,9,14,.94) 0%,
    rgba(5,9,14,.86) 30%,
    rgba(5,9,14,.66) 55%,
    rgba(5,9,14,.34) 76%,
    rgba(5,9,14,.10) 92%,
    rgba(5,9,14,0) 100%
  )!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

#campanha .campaign-hero-card > .campaign-hero-copy .title,
#campanha .campaign-hero-card > .campaign-hero-copy .desc{
  position:relative!important;
  z-index:1!important;
  max-width:88%!important;
  text-shadow:0 2px 6px rgba(0,0,0,.94),0 0 14px rgba(0,0,0,.34)!important;
}

/* Os selos permanecem na foto, mas acima da área ocupada pelo texto. */
#campanha .campaign-hero-card .cover-overlay{
  bottom:calc(var(--campaign-hero-copy-height, 92px) + 11px)!important;
  z-index:7!important;
}

#campanha .campaign-hero-card .media-nav-cluster,
#campanha .campaign-hero-card .campaign-video-play-toggle,
#campanha .campaign-hero-card .campaign-video-sound-prompt{
  z-index:8!important;
}

/* Demais partes seguem abaixo da foto única. */
#campanha .campaign-hero-card > .campaign-my-titles-bar{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  z-index:9!important;
  margin:0!important;
}
#campanha .campaign-hero-card > .campaign-hero-progress{
  grid-column:1!important;
  grid-row:3!important;
  position:relative!important;
  z-index:9!important;
  margin:0!important;
}
#campanha .campaign-hero-card > .campaign-draw-strip{
  grid-column:1!important;
  grid-row:4!important;
}

@media (max-width:430px){
  #campanha .campaign-hero-card > .campaign-hero-copy{
    padding:14px 14px 13px!important;
  }
  #campanha .campaign-hero-card > .campaign-hero-copy .title,
  #campanha .campaign-hero-card > .campaign-hero-copy .desc{
    max-width:92%!important;
  }
  #campanha .campaign-hero-card .cover-overlay{
    bottom:calc(var(--campaign-hero-copy-height, 86px) + 9px)!important;
  }
}