/* v39 — clean web screens and interactive mobile viewport */
#mp-page .tw-screen::after{display:none!important}
#mp-page .tw-screen-section{margin-top:32px}
#mp-page .tw-device-switch{display:flex;gap:6px;flex-wrap:wrap}
#mp-page .tw-device-switch button{border-radius:8px;font-size:12px;padding:10px 14px;color:#b9c1cf}
#mp-page .tw-device-switch button[aria-pressed="true"]{background:#252036;border-color:#78609f;color:#fff}
#mp-page .tw-mobile-stage{padding:30px 20px 26px;background:radial-gradient(ellipse at 50% 25%,#201d35 0,transparent 65%),#0b0f18;text-align:center}
#mp-page .tw-mobile-stage[hidden],#mp-page .tw-desktop-stage[hidden]{display:none!important}
#mp-page .tw-mobile-stage>p{font-size:12px;color:#a4adbd;margin:0 0 22px}
#mp-page .tw-phone{width:min(100%,406px);padding:8px;border:1px solid #42424c;background:#16171d;border-radius:32px;margin:0 auto;box-shadow:0 24px 70px #0005;overflow:hidden}
#mp-page .tw-phone-bar{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;color:#989aab}.tw-phone-bar span{width:6px;height:6px;background:#a48aff;border-radius:50%}.tw-phone-bar small{font:10px system-ui}
#mp-page .tw-phone iframe{display:block;border:0;border-radius:0 0 24px 24px;width:100%;height:min(740px,76dvh);background:#0c0820}
#mp-page .tw-mobile-stage .tw-mobile-note{margin:22px 0 0;line-height:1.7}.tw-mobile-note a{color:#baff4a;text-decoration:none}
a[href="#proyecto/trafpay-web"] .mp-thumb,a[href="#proyecto/trafpay-web"] .mz-real-media{padding:24px!important;background:radial-gradient(ellipse at 110% 40%,#714dcd 0,transparent 58%),linear-gradient(135deg,#151727,#272137)!important;display:flex!important;align-items:center;justify-content:center}
a[href="#proyecto/trafpay-web"] .mp-thumb img,a[href="#proyecto/trafpay-web"] .mz-real-media img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:100%;object-fit:contain!important;border-radius:7px;box-shadow:0 10px 24px #0006;transform:none!important}
a[href="#proyecto/trafpay-web"] .mp-thumb::after,a[href="#proyecto/trafpay-web"] .mz-real-media::after{display:none!important}
@media(max-width:600px){#mp-page .tw-screen-bar{gap:10px}#mp-page .tw-device-switch{width:100%}#mp-page .tw-device-switch button{flex:1}#mp-page .tw-mobile-stage{padding:22px 8px}#mp-page .tw-phone{padding:5px;border-radius:24px}a[href="#proyecto/trafpay-web"] .mp-thumb{padding:14px!important}}