/* V203 - Corrige popup aparecendo atrás do menu no mobile */
.popup-modal,
#popup.popup-modal{
  z-index:999999!important;
}

.popup-modal .popup-backdrop,
#popup .popup-backdrop{
  z-index:999998!important;
}

.popup-modal .popup-card,
#popup .popup-card{
  z-index:999999!important;
  position:relative!important;
}

/* Garante que menus/camadas mobile não fiquem acima do popup */
.nav.open,
.nav-backdrop.show,
.mobile-menu,
.mobile-nav,
.header-mobile-menu,
.bottom-mobile-nav,
.mobile-bottom-nav,
.mobile-app-menu,
.mobile-fixed-menu{
  z-index:9990!important;
}

@media(max-width:760px){
  body:has(.popup-modal:not([style*="display: none"])) .nav.open{
    z-index:9990!important;
  }

  .popup-modal,
  #popup.popup-modal{
    position:fixed!important;
    inset:0!important;
    display:flex;
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
  }

  .popup-modal .popup-card,
  #popup .popup-card{
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 42px)!important;
    overflow:auto!important;
  }
}


/* V204 - Corrige X do popup cortado no mobile */
.popup-modal .popup-close,
#popup .popup-close{
  z-index:1000001!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
  overflow:visible!important;
  border-radius:999px!important;
}

@media(max-width:760px){
  .popup-modal .popup-card,
  #popup .popup-card{
    overflow:visible!important;
    margin-top:18px!important;
    max-height:calc(100vh - 70px)!important;
  }

  .popup-modal .popup-close,
  #popup .popup-close{
    top:-16px!important;
    right:-8px!important;
    font-size:28px!important;
    background:#ffffff!important;
    color:#0f172a!important;
    box-shadow:0 10px 28px rgba(2,6,23,.28)!important;
    border:1px solid rgba(15,23,42,.08)!important;
  }

  .popup-modal .popup-banner-card,
  #popup .popup-banner-card{
    padding-top:18px!important;
  }
}