#qrPopup{
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);

    width:90%;
    max-width:420px;

    background:#0f172a;
    border:1px solid #1e293b;
    border-radius:14px;

    padding:15px;
    z-index:9999;

    color:#fff;

    display:none;

    box-shadow:0 15px 40px rgba(0,0,0,0.6);

    animation: popupIn 0.25s ease-out;
}

/* título */
#qrPopup h4{
    margin:0 0 8px 0;
    font-size:15px;
    color:#3b82f6;
}

/* texto */
#qrPopup p{
    margin:0;
    font-size:13px;
    color:#cbd5e1;
    line-height:1.4;
}

/* botón */
#qrPopup button{
    margin-top:12px;
    width:100%;
    padding:12px;

    border:none;
    border-radius:10px;

    background:#3b82f6;
    color:#fff;
    font-weight:bold;
    font-size:14px;

    cursor:pointer;
}

/* efecto entrada */
@keyframes popupIn{
    from{
        transform:translateX(-50%) translateY(20px);
        opacity:0;
    }
    to{
        transform:translateX(-50%) translateY(0);
        opacity:1;
    }
}

/* ajuste móvil fino */
@media(max-width:480px){
    #qrPopup{
        width:92%;
        bottom:15px;
        padding:14px;
    }
}