/* ===== POPUP PROMOCIÓN INICIO ===== */
.promo-popup{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.promo-popup__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.65);
}

.promo-popup__box{
  position:relative;
  width:min(520px, 94vw);
  background:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  animation:promoPopIn .25s ease;
  overflow:hidden;
}

.promo-popup__img{
  width:100%;
  height:auto;
  display:block;
}

.promo-popup__close{
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.75);
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}

.promo-popup.is-closing{
  opacity:0;
  transition:opacity .3s ease;
}

@keyframes promoPopIn{
  from{
    opacity:0;
    transform:scale(.96);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}

@media(max-width:768px){
  .promo-popup__box{
    width:92vw;
  }
}