/* Popup is hidden by default. JS decides whether to show it before adding .show. */
#mt-publicidad-popup{
    position:fixed !important; inset:0 !important; z-index:2147483000 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    padding:24px !important; box-sizing:border-box !important;
    background:rgba(0,0,0,.72) !important;
    opacity:0 !important; visibility:hidden !important; pointer-events:none !important;
}
#mt-publicidad-popup.show{
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
}
#mt-publicidad-popup-box{
    position:relative !important; width:min(1100px,94vw) !important;
    max-height:92vh !important; overflow:hidden !important;
    border-radius:18px !important; background:#0b3154 !important;
    box-shadow:0 22px 70px rgba(0,0,0,.45) !important;
    line-height:0 !important;
}
#mt-publicidad-image-link{display:block !important; line-height:0 !important;}
#mt-publicidad-image-link img{
    display:block !important; width:100% !important; height:auto !important;
    max-height:92vh !important; object-fit:contain !important;
}
#mt-publicidad-close{
    position:absolute !important; top:12px !important; right:12px !important; z-index:5 !important;
    width:42px !important; height:42px !important; padding:0 !important;
    border:2px solid #fff !important; border-radius:50% !important;
    background:rgba(0,0,0,.55) !important; color:#fff !important;
    font-size:30px !important; line-height:35px !important; cursor:pointer !important;
}

/* Permanent bottom bar is a separate element, so it can never leave a full-screen overlay behind. */
#mt-publicidad-sticky{
    position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important;
    z-index:2147482999 !important; display:flex !important;
    align-items:center !important; justify-content:space-between !important; gap:18px !important;
    min-height:66px !important; padding:12px 52px 12px 20px !important; box-sizing:border-box !important;
    background:#0b3154 !important; color:#fff !important;
    box-shadow:0 -8px 30px rgba(0,0,0,.28) !important;
    transform:translateY(110%) !important; visibility:hidden !important; pointer-events:none !important;
    transition:transform .45s ease !important;
}
#mt-publicidad-sticky.show{
    transform:translateY(0) !important; visibility:visible !important; pointer-events:auto !important;
}
.mt-promo-copy{display:flex !important; align-items:baseline !important; gap:12px !important; min-width:0 !important;}
.mt-promo-copy strong{font-size:22px !important; color:#fdb819 !important; white-space:nowrap !important;}
.mt-promo-copy span{font-size:15px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;}
.mt-promo-button{
    flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:8px !important;
    padding:11px 20px !important; border-radius:30px !important;
    background:#fdb819 !important; color:#092b4a !important; font-weight:800 !important;
    text-decoration:none !important; box-shadow:0 4px 12px rgba(0,0,0,.2) !important;
}
.mt-promo-button span{font-size:24px !important; line-height:12px !important;}
.mt-publicidad-bar-close{
    position:absolute !important; right:12px !important; top:50% !important; transform:translateY(-50%) !important;
    width:28px !important; height:28px !important; padding:0 !important; border:0 !important;
    background:transparent !important; color:#fff !important; font-size:24px !important; cursor:pointer !important;
}
@media(max-width:700px){
    #mt-publicidad-popup{padding:12px !important;}
    #mt-publicidad-popup-box{width:96vw !important; border-radius:12px !important;}
    #mt-publicidad-close{width:36px !important;height:36px !important;font-size:25px !important;line-height:30px !important;}
    #mt-publicidad-sticky{padding:9px 42px 9px 12px !important; gap:8px !important; min-height:54px !important;}
    .mt-promo-copy{display:block !important;}
    .mt-promo-copy strong{display:block !important;font-size:16px !important;}
    .mt-promo-copy span{display:block !important;font-size:12px !important;max-width:58vw !important;margin-top:2px !important;}
    .mt-promo-button{padding:9px 12px !important;font-size:12px !important;}
}