.popup-promocional{
  position: fixed;
  top: 50%; left: 50%;
  z-index: 80;
  max-width: min(85vw, 900px);
  max-height: 85vh;
  border-radius: 16px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity .4s ease;
}
.popup-promocional.visivel{
  opacity: 1;
  pointer-events: auto;
  animation: flutuarPopup 3.5s ease-in-out infinite;
}
@keyframes flutuarPopup{
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50%      { transform: translate(-50%, -50%) translateY(-12px); }
}
.popup-promocional .popup-link{ display: block; }
.popup-promocional img{
  display: block;
  max-width: 100%;
  max-height: 85vh;
  width: auto;
  height: auto;
}
.fechar-popup{
  position: absolute; top: 10px; right: 10px; z-index: 2;
  width: 34px; height: 34px; border-radius: 50%;
  background: rgba(0,0,0,.5); color: #fff; border: none;
  font-size: 18px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.fechar-popup:hover{ background: rgba(0,0,0,.75); }
@media (max-width: 600px){
  .popup-promocional{ max-width: 92vw; }
}