#promo-especial {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: #02104a;
  pointer-events: none;
}
#promo-especial.on {
  display: block;
}
#promo-especial img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}
#promo-especial .promo-fundo {
  display: none;
}
/* Celular em pé: imagem inteira (sem cortar) com fundo desfocado ao redor. TV e telas deitadas continuam em tela cheia. */
@media (orientation: portrait) {
  #promo-especial .promo-fundo {
    display: block;
    -webkit-filter: blur(18px) brightness(0.8);
    filter: blur(18px) brightness(0.8);
    transform: scale(1.1);
  }
  #promo-especial img.promo-frente {
    top: 50%;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    object-fit: contain;
  }
}
/* Online: dentro da área das cartelas */
#promo-especial.area {
  border-radius: 10px;
  overflow: hidden;
}
#promo-especial.area .promo-fundo {
  display: block;
  -webkit-filter: blur(14px) brightness(0.8);
  filter: blur(14px) brightness(0.8);
  transform: scale(1.1);
}
#promo-especial.area img.promo-frente {
  top: 0;
  height: 100%;
  -webkit-transform: none;
  transform: none;
  object-fit: contain;
}